/* Mouratoglou Tennis Center Guadalajara (Centro Panamericano de Tenis, Mexico): center menu + program sub-pages (level 2).
   guadalajara-future-stars, -high-competition, -junior-development, -mini-tennis, -summer-camps, -adult-program.
   Copied from jupiter-pages.css (same light international theme, same components from atlanta-pages.css:
   .center-menu-header / .center-subpage / .center-menu-page). Dropdown JUNIOR PROGRAMS (the four junior pages): guadalajara-menu.js.
   Classes: .gdl-page (center page + sub-pages), .gdl-subpage (sub-pages only). */

.gdl-page{--academy-accent:#1f92f0}

/* ---------- Header: 3 center items + DESTINATIONS on one line ---------- */
@media(min-width:901px){
  .gdl-page .center-menu-header .generic-header-links a,.gdl-page .center-menu-header .generic-header-actions a{white-space:nowrap}
}
/* Four items only: the shared data-center-menu sizes (center-international.css) fit on one line from 901 to 1920px,
   so the compact overrides of jupiter-pages.css (written for 6 items + DESTINATIONS) are not needed here. */

/* ---------- Desktop dropdowns ---------- */
@media(min-width:901px){
  .gdl-menu-group{position:relative;display:flex;align-items:center;min-height:42px}
  .gdl-menu-group>a{position:relative;display:flex;align-items:center;min-height:42px;line-height:1!important}
  .gdl-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:30px;margin:0 0 0 1px;padding:0;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer}
  .gdl-menu-toggle span{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
  .gdl-menu-group.is-open .gdl-menu-toggle span{transform:translateY(1px) rotate(225deg)}
  .gdl-menu-toggle:hover,.gdl-menu-group.is-open .gdl-menu-toggle,.gdl-menu-group.is-open>a{color:var(--academy-accent)!important}
  .gdl-menu-toggle:focus-visible{outline:2px solid var(--academy-accent);outline-offset:1px}
  .gdl-menu-group.is-current>.gdl-menu-toggle,.center-menu-header .gdl-menu-group.is-current>a{color:var(--academy-accent)!important}
  .center-menu-header .gdl-menu-group.is-current>a:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:currentColor}

  .gdl-submenu{position:absolute;top:calc(100% + 18px);left:-20px;z-index:60;display:none;flex-direction:column;min-width:250px;padding:8px 0;background:#001937;border-top:2px solid var(--academy-accent);border-radius:0 0 8px 8px;box-shadow:0 18px 36px rgba(0,10,25,.35)}
  .gdl-submenu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
  .gdl-menu-group.is-open .gdl-submenu,
  html:not(.gdl-menu-ready) .gdl-menu-group:is(:hover,:focus-within) .gdl-submenu{display:flex}
  .center-menu-header .gdl-submenu a{display:block!important;min-height:0!important;padding:14px 20px!important;color:#fff!important;font-size:11px!important;letter-spacing:.08em!important;line-height:1.2!important;white-space:nowrap}
  .center-menu-header .gdl-submenu a:hover,.center-menu-header .gdl-submenu a:focus-visible{background:rgba(31,146,240,.14);color:var(--academy-accent)!important}
  .center-menu-header .gdl-submenu a:focus-visible{outline:2px solid var(--academy-accent);outline-offset:-2px}
  .center-menu-header .gdl-submenu a[aria-current="page"]{color:var(--academy-accent)!important;box-shadow:inset 3px 0 0 var(--academy-accent)}
  .center-menu-header .gdl-submenu a[aria-current="page"]:after{display:none!important}
}

/* ---------- Mobile burger (center-mobile-nav.js): indent the four junior pages under JUNIOR PROGRAMS ---------- */
@media(max-width:900px){
  .gdl-page .center-mobile-menu a:is([href="guadalajara-future-stars.html"],[href="guadalajara-high-competition.html"],[href="guadalajara-junior-development.html"],[href="guadalajara-mini-tennis.html"]){position:relative;padding:13px 0 13px 24px;border-bottom-color:rgba(255,255,255,.08);font-size:16px;font-weight:400}
  .gdl-page .center-mobile-menu a:is([href="guadalajara-future-stars.html"],[href="guadalajara-high-competition.html"],[href="guadalajara-junior-development.html"],[href="guadalajara-mini-tennis.html"]):before{content:"";position:absolute;left:4px;top:50%;width:10px;height:1px;background:var(--academy-accent)}
}

/* ---------- Center page: program cards link to the sub-pages ---------- */
.gdl-page .atl-more-link{color:var(--intl-navy)!important;border-bottom-color:var(--intl-blue)}
.gdl-page .atl-more-link:hover{color:#00349d!important}
.gdl-page .program-card h3 a:hover{color:#00349d}
.gdl-page .program-card .program-book-link{display:inline-flex;width:auto;align-items:center;gap:22px;margin:0;padding:12px 20px;border-radius:999px;background:var(--intl-navy);color:#fff!important;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.gdl-page .program-card .program-book-link span{font-size:16px}
.gdl-page .program-card .program-book-link:hover{background:var(--intl-blue)}

/* ---------- Sub-page hero ---------- */
.gdl-page .pill.atl-ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important}
.gdl-page .pill.atl-ghost:hover{background:#fff!important;color:var(--intl-navy)!important;border-color:#fff!important}

/* ---------- Key facts (sky-blue band, navy text) ---------- */
.gdl-subpage .center-summary.atl-facts p{color:var(--intl-navy)}

/* ---------- Intro on white ---------- */
.gdl-subpage .atl-intro-copy{border-top-color:var(--intl-blue)}
.gdl-subpage .atl-intro-copy p{color:#00349d}
.gdl-subpage .atl-intro-copy strong{color:var(--intl-navy)}
.gdl-subpage .international-intro .atl-chips li{border-color:var(--intl-blue);color:var(--intl-navy)}

/* ---------- Split sections: royal blue / navy, as the center page methodology ---------- */
html body.gdl-subpage .international-methodology{background:#00349d!important}
html body.gdl-subpage .international-methodology.atl-split-navy{background:var(--intl-navy)!important}
.gdl-subpage .international-methodology .eyebrow{color:var(--intl-sand)!important}
html body.gdl-subpage .international-methodology p.atl-card-label{margin:6px 0 14px;font-size:11px!important;line-height:1.4!important;letter-spacing:.17em;color:var(--intl-sand)!important}
.gdl-subpage .international-methodology .atl-list li:before{background:var(--intl-sand)}
.gdl-subpage .international-methodology .atl-list{margin-bottom:26px}
.gdl-subpage .international-methodology .pill:not(.light){color:#fff;border-color:rgba(255,255,255,.72)}
.gdl-subpage .international-methodology .pill:not(.light):hover{background:#fff;color:var(--intl-navy)}
.gdl-meta{margin:0 0 18px!important;font-size:12px!important;font-weight:700;letter-spacing:.12em;line-height:1.6!important;text-transform:uppercase;color:#fff!important}

/* ---------- Cards on paper ---------- */
html body.gdl-subpage .program-section{background:var(--intl-paper)!important}
html body.gdl-subpage .program-card .program-description{color:#3b4a5c!important}
.gdl-subpage .program-card h3{color:var(--intl-navy)}
.gdl-subpage .program-card .atl-list{border-top-color:#d9e0e7}
.gdl-subpage .program-card .atl-list li,.gdl-subpage .international-facilities .atl-list li{color:var(--intl-navy)}
.gdl-subpage .program-card .atl-list strong,.gdl-subpage .international-facilities .atl-list strong{color:var(--intl-navy)}
.gdl-subpage .program-card .program-media{height:280px}
.gdl-subpage .program-card .program-media img{width:100%;height:100%;object-fit:cover}
.gdl-subpage .program-section .section-heading>p{color:#00349d}
.gdl-subpage .program-grid.gdl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gdl-subpage .program-section.gdl-flush-bottom{padding-bottom:90px}
.gdl-note{margin:28px 0 0;max-width:760px;font-size:14px;line-height:1.7;color:#3b4a5c}

/* Overview table on paper. */
.gdl-subpage .atl-details{background:#d9e0e7;border-color:#d9e0e7}
.gdl-subpage .atl-details div{background:#fff}
.gdl-subpage .atl-details dt{color:#00349d}
.gdl-subpage .atl-details dd{color:var(--intl-navy)}

/* ---------- Facilities on sand ---------- */
html body.gdl-subpage .international-facilities>.atl-list{border-top-color:var(--intl-navy)}
html body.gdl-subpage .international-facilities>.atl-list li{color:var(--intl-navy)}
.gdl-subpage .international-facilities .atl-list li:before{background:#00349d}

/* ---------- Gallery strip on white ---------- */
html body.gdl-subpage .international-gallery.gallery-strip{background:#fff!important;padding-top:0}

/* ---------- Final call to action (sky-blue band, navy text) ---------- */
html body.gdl-subpage .destination-band p:not(.eyebrow){color:var(--intl-navy)}
.gdl-subpage .destination-band .eyebrow{color:#fff}
.gdl-subpage .destination-band .atl-address{color:rgba(0,25,55,.78)}
.gdl-subpage .destination-band .pill:not(.light){color:var(--intl-navy);border-color:var(--intl-navy)}
.gdl-subpage .destination-band .pill:not(.light):hover{background:var(--intl-navy);color:#fff}

/* ---------- FAQ + explore stay navy (shared styles), accent sky blue ---------- */
.gdl-subpage .atl-faq .eyebrow,.gdl-subpage .atl-explore .eyebrow{color:var(--intl-blue)}
.gdl-subpage .atl-explore .pill{color:#fff;border-color:rgba(255,255,255,.72)}
.gdl-subpage .atl-explore .pill:hover{background:#fff;color:var(--intl-navy)}
.gdl-subpage .atl-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1200px){
  .gdl-subpage .program-grid.gdl-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .gdl-subpage .program-grid.gdl-grid-3{grid-template-columns:1fr}
  .gdl-subpage .program-card .program-media{height:220px}
  .gdl-subpage .program-section.gdl-flush-bottom{padding-bottom:60px}
  .gdl-subpage .atl-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .gdl-subpage .atl-explore-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.gdl-menu-toggle span{transition:none}}