/* Info cards: 3D flippable station cards with rich authoritative details */
section.card[id^="info-"] .edu-main-wrap {
  perspective: 1600px;
}
section.card[id^="info-"] .edu-card-box.edu-flippable {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.25, 0.7, 0.2, 1);
}
section.card[id^="info-"] .edu-card-box.edu-is-flipped {
  transform: rotateY(180deg);
}
section.card[id^="info-"] .edu-flippable > .edu-card-content,
section.card[id^="info-"] .edu-flippable > .edu-card-foot,
section.card[id^="info-"] .edu-flip-back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
section.card[id^="info-"] .edu-flippable .edu-card-foot {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px;
}

/* Trigger button in bottom-left corner */
section.card[id^="info-"] .edu-flip-trigger {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  width: auto !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 220px;
  margin: 0 auto 0 0 !important;
  padding: 6px 10px 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(204, 210, 217, 0.75) !important;
  font: 400 12.5px/1.4 "Plus Jakarta Sans", system-ui, -apple-system, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease;
}
section.card[id^="info-"] .edu-flip-trigger:hover {
  color: #f1f5f9 !important;
}
.edu-flip-trigger-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid rgba(204, 210, 217, 0.4);
  font-size: 11px;
  font-weight: 600;
  font-style: italic;
  line-height: 1;
  color: rgba(204, 210, 217, 0.85);
  flex-shrink: 0;
  transition: border-color 0.2s ease, color 0.2s ease;
}
section.card[id^="info-"] .edu-flip-trigger:hover .edu-flip-trigger-icon {
  border-color: rgba(241, 245, 249, 0.8);
  color: #f1f5f9;
}
section.card[id^="info-"] .edu-flippable .edu-foot-cta {
  flex-shrink: 0;
}

/* Reverse face: rich authoritative legal card */
section.card[id^="info-"] .edu-flip-back {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 30px 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: inherit !important;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transform: rotateY(180deg);
  visibility: hidden;
  cursor: pointer;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
}
section.card[id^="info-"] .edu-is-flipped .edu-flip-back {
  visibility: visible;
}

/* Station-matched opaque backgrounds for reverse face */
#info-v1 .edu-flip-back { background: linear-gradient(175deg, #1c101a 0%, #120b12 60%, #0a060b 100%) !important; }
#info-v2 .edu-flip-back { background: linear-gradient(175deg, #101828 0%, #0b111c 60%, #060910 100%) !important; }
#info-v3 .edu-flip-back { background: linear-gradient(175deg, #20190f 0%, #14100a 60%, #0a0805 100%) !important; }
#info-v4 .edu-flip-back { background: linear-gradient(175deg, #10202a 0%, #0a141b 60%, #060c11 100%) !important; }
#info-v5 .edu-flip-back { background: linear-gradient(175deg, #191e40 0%, #11142e 60%, #090a19 100%) !important; }
#info-z1 .edu-flip-back { background: linear-gradient(175deg, #0e2330 0%, #091720 60%, #050e14 100%) !important; }
#info-z2 .edu-flip-back { background: linear-gradient(175deg, #1c1730 0%, #120e20 60%, #0a0712 100%) !important; }
#info-z4 .edu-flip-back { background: linear-gradient(175deg, #0e2923 0%, #091c18 60%, #05120f 100%) !important; }

/* Reverse face inner layout & typography */
.edu-flip-back-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}
.edu-flip-back-badge {
  display: inline-block;
  align-self: flex-start;
  font: 600 11px/1.2 "Plus Jakarta Sans", system-ui, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c6b48c;
  padding: 3px 9px;
  border-radius: 9999px;
  background: rgba(198, 180, 140, 0.12);
  border: 1px solid rgba(198, 180, 140, 0.25);
  margin-bottom: 12px;
}
.edu-flip-back-title {
  font: 400 22px/1.25 "Cormorant Garamond", Georgia, serif !important;
  color: #f8fafc !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.01em;
}
.edu-flip-back-text {
  font: 300 13.5px/1.6 "Plus Jakarta Sans", system-ui, sans-serif !important;
  color: #cbd5e1 !important;
  margin: 0 0 14px 0 !important;
  flex: 1 1 auto;
}
.edu-flip-back-return {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 400 11.5px/1.4 "Plus Jakarta Sans", system-ui, sans-serif;
  color: rgba(204, 210, 217, 0.65);
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  transition: color 0.2s ease;
}
.edu-flip-return-icon {
  font-size: 13px;
  line-height: 1;
}
section.card[id^="info-"] .edu-flip-back:hover .edu-flip-back-return {
  color: #f1f5f9;
}

/* Accessibility focus styles */
section.card[id^="info-"] .edu-flip-trigger:focus-visible,
section.card[id^="info-"] .edu-flip-back:focus-visible {
  outline: 2px solid #b8c2d0 !important;
  outline-offset: 4px;
}
section.card[id^="info-"] .edu-flip-back:focus-visible {
  outline-offset: -6px;
}

/* RTL support */
[dir="rtl"] section.card[id^="info-"] .edu-flip-trigger,
[lang="he"] section.card[id^="info-"] .edu-flip-trigger {
  margin: 0 0 0 auto !important;
  padding: 6px 0 6px 10px !important;
  text-align: right;
}
[dir="rtl"] section.card[id^="info-"] .edu-flip-back,
[lang="he"] section.card[id^="info-"] .edu-flip-back {
  text-align: right;
}
[dir="rtl"] .edu-flip-back-badge,
[lang="he"] .edu-flip-back-badge {
  align-self: flex-end;
}

/* Mobile responsive adjustments */
@media (max-width: 640px) {
  section.card[id^="info-"] .edu-flip-trigger {
    font-size: 11.5px !important;
    max-width: 180px;
  }
  section.card[id^="info-"] .edu-flippable .edu-card-foot {
    gap: 8px;
  }
  section.card[id^="info-"] .edu-flip-back {
    padding: 22px 18px !important;
  }
  .edu-flip-back-title {
    font-size: 19px !important;
    margin-bottom: 10px !important;
  }
  .edu-flip-back-text {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  section.card[id^="info-"] .edu-card-box.edu-flippable {
    transition: none;
  }
}