/* École de badminton — passe qualité finale, ciblée sur la page Jeunes. */
body.page-id-11 .agd-youth-page--v2 {
  animation: agd-youth-page-opacity-in 760ms ease-out both;
}

@keyframes agd-youth-page-opacity-in {
  from { opacity: .82; }
  to { opacity: 1; }
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero .youth-motion-hero-title.is-youth-settled {
  --youth-scroll-x: 0px !important;
  --youth-scroll-y: 0px !important;
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero {
  background: linear-gradient(135deg, #071f3c 0%, #0d4c68 55%, #2a8490 100%);
  background-size: 170% 170%;
  animation: agd-youth-hero-premium-breathe 18s ease-in-out infinite alternate;
  box-shadow: 10px 14px 0 rgba(231, 195, 109, .42), 0 24px 46px rgba(6, 29, 58, .2), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero::before {
  background:
    radial-gradient(circle at 78% 18%, rgba(111, 207, 211, .24), transparent 29%),
    linear-gradient(112deg, transparent 0 45%, rgba(255, 255, 255, .09) 46% 48%, transparent 49% 62%, rgba(240, 211, 154, .12) 63% 64%, transparent 65%);
  mix-blend-mode: screen;
  animation: agd-youth-hero-depth-premium 14s ease-in-out infinite alternate;
}

@keyframes agd-youth-hero-premium-breathe {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@keyframes agd-youth-hero-depth-premium {
  from { transform: translate3d(-3%, -1%, 0) scale(1); opacity: .62; }
  to { transform: translate3d(3%, 1%, 0) scale(1.04); opacity: .96; }
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero .youth-motion-hero-carousel.is-youth-settled {
  --youth-scroll-x: 0px !important;
  --youth-scroll-y: 0px !important;
  --youth-scroll-scale: 1 !important;
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-section,
body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero {
  will-change: transform;
}

/* Motion de fond : les surfaces respirent sans déplacer la lecture. */
body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-groups,
body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-warm,
body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded,
body.page-id-11 .agd-youth-page--v2 > .agd-calendar-overview,
body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-coaching,
body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-prep,
body.page-id-11 .agd-youth-page--v2 > .agd-youth-register {
  background-size: 142% 142% !important;
  background-position: 0% 50% !important;
  animation: agd-youth-surface-breathe 28s ease-in-out infinite alternate;
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-warm { animation-delay: -7s; }
body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded { animation-delay: -13s; }
body.page-id-11 .agd-youth-page--v2 > .agd-calendar-overview { animation-delay: -18s; }
body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-coaching { animation-delay: -22s; }
body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-prep { animation-delay: -9s; }
body.page-id-11 .agd-youth-page--v2 > .agd-youth-register { animation-delay: -16s; }

@keyframes agd-youth-surface-breathe {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-section::after {
  animation-duration: 24s;
  animation-timing-function: ease-in-out;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume {
  transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:hover,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:focus-within,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event:hover,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event:focus-within,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach:hover,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach:focus-within,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:hover,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:focus-within,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume:hover,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(6, 29, 58, 0.16);
}

@keyframes agd-youth-card-breathe {
  0%, 100% { box-shadow: 0 10px 22px rgba(6, 29, 58, 0.09); }
  50% { box-shadow: 0 14px 28px rgba(6, 29, 58, 0.14); }
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit {
  animation: agd-youth-card-breathe 9s ease-in-out infinite;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:nth-child(2),
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:nth-child(2) { animation-delay: -3s; }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:nth-child(3),
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:nth-child(3) { animation-delay: -6s; }

@media (max-width: 700px) {
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero {
    background-size: 190% 190%;
  }

  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:hover,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:focus-within,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event:hover,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event:focus-within,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach:hover,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach:focus-within,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:hover,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:focus-within,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume:hover,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume:focus-visible {
    transform: none;
  }

  /* Footer Jeunes : toutes les informations doivent tenir dans un écran mobile. */
  body.page-id-11 .site-footer.premium-footer {
    padding: 16px 12px 8px !important;
    margin-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }

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

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

  body.page-id-11 .site-footer.premium-footer .footer-identity p {
    margin-top: 3px !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
  }

  body.page-id-11 .site-footer.premium-footer .footer-column { gap: 3px !important; }
  body.page-id-11 .site-footer.premium-footer h3 { margin-bottom: 2px !important; font-size: 0.88rem !important; }
  body.page-id-11 .site-footer.premium-footer .footer-column a { font-size: 0.7rem !important; line-height: 1.12 !important; }
  body.page-id-11 .site-footer.premium-footer .footer-partners { padding: 10px 0 !important; }
  body.page-id-11 .site-footer.premium-footer .footer-partners-heading { gap: 6px !important; font-size: 0.56rem !important; }
  body.page-id-11 .site-footer.premium-footer .partner-logos { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; margin-top: 8px !important; }
  body.page-id-11 .site-footer.premium-footer .partner-logo { min-width: 0 !important; min-height: 48px !important; padding: 4px !important; border-radius: 9px !important; }
  body.page-id-11 .site-footer.premium-footer .partner-logo img { max-height: 36px !important; }
  body.page-id-11 .site-footer.premium-footer .partner-logo-coeur { grid-column: 1 / -1 !important; }
  body.page-id-11 .site-footer.premium-footer .partner-logo-coeur img { max-height: 30px !important; }
  body.page-id-11 .site-footer.premium-footer .footer-bottom { gap: 3px !important; padding-top: 8px !important; font-size: 0.62rem !important; line-height: 1.15 !important; }
}

/* Motion organique par carte : une lumière lente et des arcs presque imperceptibles. */
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit,
body.page-id-11 .agd-youth-page--v2 .agd-overview-card,
body.page-id-11 .agd-youth-page--v2 .youth-motion-card,
body.page-id-11 .agd-youth-page--v2 .agd-overview-month,
body.page-id-11 .agd-youth-page--v2 .agd-overview-row,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --agd-card-glow: rgba(143, 225, 231, 0.14);
  --agd-card-arc: rgba(143, 225, 231, 0.30);
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event { --agd-card-glow: rgba(242, 208, 132, 0.13); --agd-card-arc: rgba(242, 208, 132, 0.28); }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach { --agd-card-glow: rgba(126, 205, 192, 0.13); --agd-card-arc: rgba(126, 205, 192, 0.27); }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit { --agd-card-glow: rgba(242, 208, 132, 0.12); --agd-card-arc: rgba(242, 208, 132, 0.27); }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume--rouge { --agd-card-glow: rgba(237, 119, 115, 0.12); --agd-card-arc: rgba(237, 119, 115, 0.26); }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume--verte { --agd-card-glow: rgba(121, 191, 136, 0.12); --agd-card-arc: rgba(121, 191, 136, 0.26); }

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit::before,
body.page-id-11 .agd-youth-page--v2 .agd-overview-card::before,
body.page-id-11 .agd-youth-page--v2 .youth-motion-card::before,
body.page-id-11 .agd-youth-page--v2 .agd-overview-month::before,
body.page-id-11 .agd-youth-page--v2 .agd-overview-row::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume::before {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 76px;
  height: 76px;
  border: 1px solid var(--agd-card-arc);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  opacity: 0.62;
  pointer-events: none;
  z-index: 0;
  animation: agd-youth-card-orbit 19s linear infinite;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit::after,
body.page-id-11 .agd-youth-page--v2 .agd-overview-card::after,
body.page-id-11 .agd-youth-page--v2 .youth-motion-card::after,
body.page-id-11 .agd-youth-page--v2 .agd-overview-month::after,
body.page-id-11 .agd-youth-page--v2 .agd-overview-row::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume::after {
  content: "";
  position: absolute;
  inset: -42% -58%;
  background:
    linear-gradient(112deg, transparent 0 44%, rgba(255, 255, 255, 0.16) 48%, rgba(143, 225, 231, 0.12) 50%, transparent 54%),
    radial-gradient(circle at 18% 22%, var(--agd-card-glow), transparent 28%);
  background-size: 125% 125%, 135% 135%;
  background-position: 0% 50%, 0% 0%;
  transform: translateX(-58%) rotate(8deg) scale(0.96);
  filter: blur(0.15px);
  opacity: 0.60;
  pointer-events: none;
  z-index: 0;
  will-change: transform, background-position, opacity;
  animation: agd-youth-card-light-sweep 15s cubic-bezier(0.37, 0, 0.21, 1) infinite;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group > *,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event > *,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach > *,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit > *,
body.page-id-11 .agd-youth-page--v2 .agd-overview-card > *,
body.page-id-11 .agd-youth-page--v2 .youth-motion-card > *,
body.page-id-11 .agd-youth-page--v2 .agd-overview-month > *,
body.page-id-11 .agd-youth-page--v2 .agd-overview-row > *,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume > * {
  position: relative;
  z-index: 1;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:nth-child(2)::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event:nth-child(2)::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach:nth-child(2)::after,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:nth-child(2)::after,
body.page-id-11 .agd-youth-page--v2 .agd-overview-card:nth-child(2)::after {
  animation-delay: -5s;
}

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event::after { animation-duration: 17s; }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach::after { animation-duration: 18s; }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit::after { animation-duration: 16s; }
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume::after { animation-duration: 20s; }
body.page-id-11 .agd-youth-page--v2 .agd-overview-month::after { animation-duration: 21s; }

body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group:nth-child(3)::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event:nth-child(3)::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach:nth-child(3)::before,
body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit:nth-child(3)::before,
body.page-id-11 .agd-youth-page--v2 .agd-overview-card:nth-child(3)::before {
  animation-delay: -8s;
}

@keyframes agd-youth-card-light-sweep {
  0%, 22% {
    background-position: 0% 50%, 0% 0%;
    transform: translateX(-58%) rotate(8deg) scale(0.96);
    opacity: 0.20;
  }
  50% {
    background-position: 100% 42%, 28% 45%;
    transform: translateX(0) rotate(8deg) scale(1);
    opacity: 0.66;
  }
  78%, 100% {
    background-position: 200% 50%, 100% 100%;
    transform: translateX(58%) rotate(8deg) scale(0.98);
    opacity: 0.16;
  }
}

@keyframes agd-youth-card-orbit {
  from { transform: rotate(0deg) scale(0.94); }
  50% { transform: rotate(180deg) scale(1.02); }
  to { transform: rotate(360deg) scale(0.94); }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-11 .agd-youth-page--v2 {
    animation: none !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-hero::before {
    animation: none !important;
  }

  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-groups,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-warm,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded,
  body.page-id-11 .agd-youth-page--v2 > .agd-calendar-overview,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-coaching,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-v2-prep,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-register {
    animation: none !important;
    background-position: initial !important;
  }

  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit {
    animation: none !important;
    transition: none !important;
  }

  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group::before,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event::before,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach::before,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit::before,
  body.page-id-11 .agd-youth-page--v2 .agd-overview-card::before,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-group::after,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-event::after,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-coach::after,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-kit::after,
  body.page-id-11 .agd-youth-page--v2 .agd-overview-card::after,
  body.page-id-11 .agd-youth-page--v2 .youth-motion-card::before,
  body.page-id-11 .agd-youth-page--v2 .youth-motion-card::after,
  body.page-id-11 .agd-youth-page--v2 .agd-overview-month::before,
  body.page-id-11 .agd-youth-page--v2 .agd-overview-month::after,
  body.page-id-11 .agd-youth-page--v2 .agd-overview-row::before,
  body.page-id-11 .agd-youth-page--v2 .agd-overview-row::after,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume::before,
  body.page-id-11 .agd-youth-page--v2 .agd-youth-v2-plume::after {
    animation: none;
  }
}