/* ifsi-home.css : styles propres à l'accueil concours-ifsi (DA « rose santé »).
   Chargé après ifsi-theme.css sur l'accueil uniquement. */

@keyframes ci-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@media (prefers-reduced-motion: reduce) { #ifsiHome [style*="ci-float"] { animation: none !important; } }

/* Onglets épreuves (écrit / oral) */
.ci-eptab { border: 1px solid var(--border); background: #fff; color: #5A5159; font-weight: 600; font-size: 15px; padding: 12px 22px; border-radius: 999px; cursor: pointer; font-family: inherit; transition: .18s; }
.ci-eptab[aria-selected="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }

/* Bascule tarifaire (mensuel / annuel) */
.ci-billtoggle { border: 0; background: transparent; color: #7A6E73; font-weight: 600; font-size: 14px; padding: 9px 18px; border-radius: 999px; cursor: pointer; font-family: inherit; transition: .18s; }
.ci-billtoggle[aria-selected="true"] { background: #fff; color: var(--ink); box-shadow: 0 2px 8px rgba(44, 38, 48, .14); }

/* Cartes fonctionnalités + aperçu */
.ci-featcard { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 24px; cursor: pointer; text-align: left; font: inherit; color: inherit; width: 100%; display: block; transition: border-color .18s, box-shadow .18s; }
.ci-featcard.is-active { border: 1.5px solid var(--accent); box-shadow: 0 14px 30px -16px rgba(var(--accent-rgb), .5); }
.ci-featpane[hidden], .ci-faq-a[hidden], [data-eppane][hidden] { display: none; }

/* Responsive : effondrement en 1 colonne + masquage du visuel de fond du hero sur mobile */
@media (max-width: 960px) {
  #ifsiHome .ci-hero-grid { grid-template-columns: 1fr; gap: 34px; }
  #ifsiHome .ci-feat-wrap { grid-template-columns: 1fr; }
  #ifsiHome .ci-feat-preview { position: static; }
  #ifsiHome .ci-ifsi-grid { grid-template-columns: 1fr; }
  #ifsiHome .ci-cal { grid-template-columns: repeat(2, 1fr); gap: 26px 0; }
}
@media (max-width: 760px) {
  #ifsiHome .ci-hero-card { display: none; }
  #ifsiHome section > div > .ci-hero-grid { padding-top: 40px; }
}
@media (max-width: 640px) {
  #ifsiHome .ci-grid-2 { grid-template-columns: 1fr; }
  #ifsiHome .ci-plans { grid-template-columns: 1fr; }
  #ifsiHome .ci-cal { grid-template-columns: 1fr; }
}