/* Séance d’essai — passe finale de finition des cartes-scènes.
 * Périmètre strict : /seance-dessai/ uniquement. Contenu et structure conservés. */

body.page-id-10 .agd-trial-page > .agd-trial-section,
body.page-id-10 .agd-trial-page > .agd-trial-after {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .34) !important;
  box-shadow: 0 18px 36px rgba(6, 29, 58, .15), 5px 5px 0 rgba(214, 173, 106, .16) !important;
}

/* Un rayon de lumière propre à chaque scène donne de la profondeur sans toucher au contenu. */
body.page-id-10 .agd-trial-page > .agd-trial-section::after,
body.page-id-10 .agd-trial-page > .agd-trial-after::after {
  content: "";
  position: absolute;
  inset: -35% -22%;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(116deg, transparent 0 38%, rgba(255, 255, 255, .11) 43%, rgba(242, 214, 160, .14) 47%, transparent 54%),
    radial-gradient(ellipse at 78% 24%, rgba(255, 255, 255, .13), transparent 30%);
  background-size: 180% 180%, 100% 100%;
  opacity: .72;
  animation: agd-trial-premium-ray 16s ease-in-out infinite alternate;
}

body.page-id-10 .agd-trial-page > .agd-trial-steps::after { animation-duration: 19s; opacity: .58; }
body.page-id-10 .agd-trial-page > .agd-trial-places::after { animation-duration: 17s; opacity: .64; }
body.page-id-10 .agd-trial-page > .agd-trial-after::after { animation-duration: 21s; opacity: .48; }

body.page-id-10 .agd-trial-page > .agd-trial-section > *,
body.page-id-10 .agd-trial-page > .agd-trial-after > * {
  position: relative;
  z-index: 1;
}

body.page-id-10 .agd-trial-sessions .agd-trial-choice,
body.page-id-10 .agd-trial-steps li,
body.page-id-10 .agd-trial-places article {
  transition: box-shadow 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.page-id-10 .agd-trial-sessions .agd-trial-choice:hover,
body.page-id-10 .agd-trial-sessions .agd-trial-choice:focus-within,
body.page-id-10 .agd-trial-steps li:hover,
body.page-id-10 .agd-trial-places article:hover {
  border-color: rgba(242, 214, 160, .76) !important;
  box-shadow: 0 16px 28px rgba(6, 29, 58, .16), 3px 3px 0 rgba(214, 173, 106, .2) !important;
  transform: translateY(-2px);
}

@keyframes agd-trial-premium-ray {
  from { background-position: -28% 4%, 0 0; }
  to { background-position: 34% -2%, 8% 4%; }
}

@media (max-width: 700px) {
  /* Même densité de lecture que les pages internes validées, sans réduire les zones tactiles. */
  body.page-id-10 .agd-trial-page > .agd-trial-section,
  body.page-id-10 .agd-trial-page > .agd-trial-after {
    box-shadow: 0 14px 28px rgba(6, 29, 58, .13), 3px 3px 0 rgba(214, 173, 106, .14) !important;
  }

  body.page-id-10 .agd-trial-page > .agd-trial-section::after,
  body.page-id-10 .agd-trial-page > .agd-trial-after::after {
    animation-duration: 22s;
    opacity: .52;
  }

  body.page-id-10 .agd-trial-sessions .agd-trial-choice:hover,
  body.page-id-10 .agd-trial-sessions .agd-trial-choice:focus-within,
  body.page-id-10 .agd-trial-steps li:hover,
  body.page-id-10 .agd-trial-places article:hover {
    transform: none;
  }
}

/* Correctif menu mobile : le panneau doit pouvoir sortir du header sans être rogné. */
@media (max-width: 700px) {
  body.page-id-10 .premium-header {
    overflow: visible !important;
  }

  body.page-id-10 .premium-header .premium-nav.is-open {
    z-index: 40 !important;
    max-height: calc(100dvh - 112px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.page-id-10:has(.premium-nav.is-open) .agd-page-toc {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Mobile : cadrage de la photo « Première séance » sur les joueuses de gauche. */
@media (max-width: 700px) {
  body.page-id-10 .agd-trial-page > .agd-trial-hero .agd-trial-hero__media {
    overflow: hidden !important;
  }

  body.page-id-10 .agd-trial-page > .agd-trial-hero .agd-trial-hero__media img {
    object-position: left center !important;
    transform: scale(1.55) !important;
    transform-origin: left center !important;
  }
}

/* Mobile : footer plus présent, sans modifier le contenu ni le desktop. */
@media (max-width: 700px) {
  body.page-id-10 .site-footer.premium-footer {
    min-height: 82svh !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-main {
    gap: 14px 10px !important;
    padding-bottom: 14px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-logo img {
    max-width: 112px !important;
    max-height: 82px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-identity p {
    margin-top: 4px !important;
    font-size: .7rem !important;
    line-height: 1.25 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-column {
    gap: 4px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-column h3 {
    margin-bottom: 3px !important;
    font-size: .78rem !important;
    line-height: 1.1 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-column a {
    font-size: .67rem !important;
    line-height: 1.15 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-partners {
    padding: 10px 0 12px !important;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logos {
    gap: 5px !important;
    margin-top: 8px !important;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logo {
    min-height: 54px !important;
    padding: 4px !important;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logo img {
    max-height: 42px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-bottom {
    padding-top: 8px !important;
    font-size: .63rem !important;
    line-height: 1.15 !important;
  }
}

/* Dernier resserrement mobile : le footer complet reste visible sans rogner son haut. */
@media (max-width: 700px) {
  body.page-id-10 .site-footer.premium-footer {
    padding: 2px 0 0 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-main {
    gap: 2px 7px !important;
    padding-bottom: 1px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-logo img {
    max-width: 80px !important;
    max-height: 58px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-identity p {
    margin-top: 1px !important;
    font-size: .62rem !important;
    line-height: 1.1 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-column {
    gap: 1px !important;
    padding-top: 0 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-column h3 {
    margin-bottom: 1px !important;
    font-size: .68rem !important;
    line-height: 1.05 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-column a {
    font-size: .6rem !important;
    line-height: 1.05 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-partners {
    padding: 2px 0 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-partners-heading {
    gap: 4px !important;
    font-size: .52rem !important;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logos {
    gap: 2px !important;
    margin-top: 2px !important;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logo {
    min-height: 36px !important;
    padding: 0 2px !important;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logo img {
    max-height: 30px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-bottom {
    gap: 2px !important;
    padding-top: 2px !important;
    font-size: .58rem !important;
    line-height: 1.05 !important;
  }
}

/* Quatrième passe : footer plus compact, sans retirer aucune information. */
body.page-id-10 .site-footer.premium-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: 28px !important;
  padding-bottom: 12px !important;
  background:
    linear-gradient(118deg, transparent 0 38%, rgba(35, 105, 126, .25) 47%, transparent 57%),
    linear-gradient(135deg, #061d3a 0%, #0b2d4d 58%, #104d63 100%) !important;
  background-size: 180% 180%, 100% 100% !important;
  animation: agd-trial-footer-ray 24s ease-in-out infinite alternate;
}

body.page-id-10 .site-footer.premium-footer::after {
  content: "";
  position: absolute;
  inset: -28% -18%;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(116deg, transparent 0 34%, rgba(151, 220, 224, .24) 43%, rgba(242, 214, 160, .22) 47%, transparent 55%),
    linear-gradient(116deg, transparent 0 60%, rgba(76, 171, 190, .16) 67%, transparent 74%);
  background-size: 170% 170%, 210% 210%;
  opacity: .9;
  animation: agd-trial-footer-light-pass 12s ease-in-out infinite alternate;
}

body.page-id-10 .site-footer.premium-footer > * {
  position: relative;
  z-index: 1;
}

body.page-id-10 .site-footer.premium-footer .footer-main {
  padding-top: 0;
  padding-bottom: 12px;
  gap: 12px 18px;
}

body.page-id-10 .site-footer.premium-footer .footer-partners {
  padding-top: 10px;
  padding-bottom: 8px;
}

body.page-id-10 .site-footer.premium-footer .partner-logos {
  margin-top: 7px;
  gap: 5px;
}

body.page-id-10 .site-footer.premium-footer .partner-logo {
  min-height: 58px;
  padding: 5px 7px;
}

body.page-id-10 .site-footer.premium-footer .footer-bottom {
  padding-top: 6px;
}

@keyframes agd-trial-footer-ray {
  from { background-position: -24% 0, 0 0; }
  to { background-position: 28% 4%, 0 0; }
}

@keyframes agd-trial-footer-light-pass {
  from { background-position: -30% 0, 12% 8%; }
  to { background-position: 38% 4%, -22% -3%; }
}

@media (max-width: 700px) {
  body.page-id-10 .site-footer.premium-footer {
    padding-top: 6px !important;
    padding-bottom: 2px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-main {
    gap: 5px 10px;
    padding-bottom: 4px;
  }

  body.page-id-10 .site-footer.premium-footer .footer-logo img {
    max-width: 94px;
    max-height: 80px;
  }

  body.page-id-10 .site-footer.premium-footer .footer-partners {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logos {
    margin-top: 4px;
    gap: 3px;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logo {
    min-height: 48px;
    padding: 2px 4px;
  }

  body.page-id-10 .site-footer.premium-footer .footer-bottom {
    padding-top: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-10 .site-footer.premium-footer {
    animation: none !important;
    background-position: 0 0, 0 0 !important;
  }

  body.page-id-10 .site-footer.premium-footer::after {
    animation: none !important;
    background-position: 0 0, 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-10 .agd-trial-page > .agd-trial-section::after,
  body.page-id-10 .agd-trial-page > .agd-trial-after::after,
  body.page-id-10 .agd-trial-sessions .agd-trial-choice,
  body.page-id-10 .agd-trial-steps li,
  body.page-id-10 .agd-trial-places article {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* Troisième passe : ouverture mobile plus directe, avec le header et le hero dans le même écran. */
@media (max-width: 700px) {
  body.page-id-10 .premium-header {
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 18px rgba(6, 29, 58, .16) !important;
  }

  body.page-id-10 .premium-header .header-inner {
    min-height: 112px !important;
    height: 112px !important;
    padding: 7px 12px 8px !important;
    box-sizing: border-box !important;
  }

  body.page-id-10 .premium-header .premium-brand {
    min-width: 0 !important;
    gap: 8px !important;
  }

  body.page-id-10 .premium-header .premium-brand .brand-logo img {
    width: 72px !important;
    height: 58px !important;
    object-fit: contain !important;
  }

  body.page-id-10 .premium-header .brand-title strong {
    font-size: .92rem !important;
    letter-spacing: .095em !important;
  }

  body.page-id-10 .premium-header .brand-title em {
    font-size: .48rem !important;
    letter-spacing: .16em !important;
  }

  body.page-id-10 .premium-header .brand-divider {
    height: 42px !important;
  }

  body.page-id-10 .premium-header .header-top-badges {
    display: none !important;
  }

  body.page-id-10 .premium-header .menu-toggle {
    width: 48px !important;
    height: 48px !important;
    margin-right: 2px !important;
  }

  body.page-id-10 .agd-trial-page > .agd-trial-hero {
    margin-top: 8px !important;
    margin-bottom: 24px !important;
    padding: 18px 15px 19px !important;
    gap: 13px !important;
  }

  body.page-id-10 .agd-trial-hero h1 {
    margin-bottom: 9px !important;
    font-size: clamp(2.05rem, 9.8vw, 2.8rem) !important;
  }

  body.page-id-10 .agd-trial-hero__lead {
    margin-bottom: 12px !important;
    line-height: 1.38 !important;
  }

  body.page-id-10 .agd-trial-hero__actions a {
    min-height: 43px !important;
    padding: 10px 14px !important;
  }

  body.page-id-10 .agd-trial-page > .agd-trial-section,
  body.page-id-10 .agd-trial-page > .agd-trial-after {
    margin-bottom: 30px !important;
  }
}

/* Seconde passe : finition éditoriale des scènes, sans changer leur structure. */
body.page-id-10 .agd-trial-page > .agd-trial-section > h2,
body.page-id-10 .agd-trial-page > .agd-trial-after > h2 {
  position: relative;
  padding-left: 16px;
  text-wrap: balance;
}

body.page-id-10 .agd-trial-page > .agd-trial-section > h2::before,
body.page-id-10 .agd-trial-page > .agd-trial-after > h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: .14em;
  bottom: .14em;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f2d6a0, #d6ada0 55%, #e94b4b);
  opacity: .9;
}

body.page-id-10 .agd-trial-sessions .agd-trial-choice,
body.page-id-10 .agd-trial-steps li,
body.page-id-10 .agd-trial-places article {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 10px 22px rgba(6,29,58,.10) !important;
}

body.page-id-10 .agd-trial-sessions .agd-trial-choice:focus-within,
body.page-id-10 .agd-trial-steps li:focus-within,
body.page-id-10 .agd-trial-places article:focus-within {
  outline: 2px solid rgba(242,214,160,.72);
  outline-offset: 3px;
}

@media (max-width: 700px) {
  body.page-id-10 .agd-trial-page > .agd-trial-section > h2,
  body.page-id-10 .agd-trial-page > .agd-trial-after > h2 {
    padding-left: 12px;
  }

  body.page-id-10 .agd-trial-page > .agd-trial-steps::after { animation-duration: 24s; opacity: .48; }
  body.page-id-10 .agd-trial-page > .agd-trial-places::after { animation-duration: 23s; opacity: .5; }
  body.page-id-10 .agd-trial-page > .agd-trial-after::after { animation-duration: 25s; opacity: .42; }
}

/* Cinquième passe : footer encore resserré, avec un rayon lumineux lisible derrière ses contenus. */
body.page-id-10 .site-footer.premium-footer {
  padding-top: 18px !important;
  padding-bottom: 7px !important;
}

body.page-id-10 .site-footer.premium-footer .footer-main {
  gap: 9px 16px;
  padding-bottom: 8px;
}

body.page-id-10 .site-footer.premium-footer .footer-partners {
  padding-top: 7px;
  padding-bottom: 6px;
}

body.page-id-10 .site-footer.premium-footer .partner-logos {
  margin-top: 5px;
  gap: 4px;
}

body.page-id-10 .site-footer.premium-footer .partner-logo {
  min-height: 52px;
  padding: 3px 5px;
}

body.page-id-10 .site-footer.premium-footer .footer-bottom {
  padding-top: 4px;
}

@media (max-width: 700px) {
  body.page-id-10 .site-footer.premium-footer {
    padding-top: 4px !important;
    padding-bottom: 1px !important;
  }

  body.page-id-10 .site-footer.premium-footer .footer-main {
    gap: 4px 9px;
    padding-bottom: 3px;
  }

  body.page-id-10 .site-footer.premium-footer .footer-logo img {
    max-width: 94px;
    max-height: 72px;
  }

  body.page-id-10 .site-footer.premium-footer .footer-identity p {
    margin-top: 3px;
    line-height: 1.22;
  }

  body.page-id-10 .site-footer.premium-footer .footer-partners {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logos {
    margin-top: 3px;
    gap: 2px;
  }

  body.page-id-10 .site-footer.premium-footer .partner-logo {
    min-height: 42px;
    padding: 1px 3px;
  }

  body.page-id-10 .site-footer.premium-footer .footer-bottom {
    padding-top: 3px;
  }
}

/* Sixième passe : trois scènes intermédiaires plus riches, avec un rayon de fond plus lisible. */
body.page-id-10 .agd-trial-page > .agd-trial-sessions,
body.page-id-10 .agd-trial-page > .agd-trial-steps,
body.page-id-10 .agd-trial-page > .agd-trial-places {
  background-size: 155% 155% !important;
  background-position: 0% 50% !important;
  animation: agd-trial-scene-gradient 18s ease-in-out infinite alternate;
}

body.page-id-10 .agd-trial-page > .agd-trial-sessions {
  background: linear-gradient(124deg, #bad9e0 0%, #4f93a5 55%, #ddc58f 100%) !important;
}

body.page-id-10 .agd-trial-page > .agd-trial-steps {
  background: linear-gradient(124deg, #c5e1e5 0%, #5e9eae 56%, #dec995 100%) !important;
}

body.page-id-10 .agd-trial-page > .agd-trial-places {
  background: linear-gradient(124deg, #b7d6dc 0%, #478b9d 54%, #d7bf87 100%) !important;
}

body.page-id-10 .agd-trial-page > .agd-trial-sessions::after,
body.page-id-10 .agd-trial-page > .agd-trial-steps::after,
body.page-id-10 .agd-trial-page > .agd-trial-places::after {
  inset: -42% -28%;
  background:
    linear-gradient(116deg, transparent 0 27%, rgba(255, 255, 255, .14) 39%, rgba(242, 214, 160, .24) 44%, transparent 54%),
    linear-gradient(116deg, transparent 0 58%, rgba(38, 119, 145, .18) 67%, transparent 77%),
    radial-gradient(ellipse at 76% 22%, rgba(255, 255, 255, .16), transparent 32%);
  background-size: 175% 175%, 220% 220%, 100% 100%;
  opacity: .82;
  animation: agd-trial-scene-ray 13s ease-in-out infinite alternate;
}

body.page-id-10 .agd-trial-page > .agd-trial-steps::after { animation-duration: 14s; }
body.page-id-10 .agd-trial-page > .agd-trial-places::after { animation-duration: 15s; }

@keyframes agd-trial-scene-gradient {
  from { background-position: 0% 50%; }
  to { background-position: 100% 46%; }
}

@keyframes agd-trial-scene-ray {
  from { background-position: -28% 0%, 100% 8%, 0 0; }
  to { background-position: 36% 4%, -24% -4%, 100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-10 .agd-trial-page > .agd-trial-sessions,
  body.page-id-10 .agd-trial-page > .agd-trial-steps,
  body.page-id-10 .agd-trial-page > .agd-trial-places,
  body.page-id-10 .agd-trial-page > .agd-trial-sessions::after,
  body.page-id-10 .agd-trial-page > .agd-trial-steps::after,
  body.page-id-10 .agd-trial-page > .agd-trial-places::after {
    animation: none !important;
    background-position: 0 50% !important;
  }
}

/* Correctif menu mobile : le panneau doit pouvoir sortir du header sans être rogné. */
@media (max-width: 700px) {
  body.page-id-10 .premium-header {
    overflow: visible !important;
  }

  body.page-id-10 .premium-header .premium-nav.is-open {
    z-index: 40 !important;
    max-height: calc(100dvh - 112px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.page-id-10:has(.premium-nav.is-open) .agd-page-toc {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}