/* Mouratoglou Tennis Center Templeton (California, USA): center menu + program sub-pages (level 2).
   templeton-tennis-lessons, -junior-clinics-lessons, -high-performance-junior-camps, -adult-camps, -adult-clinics-lessons.
   Layout and components come from atlanta-pages.css (.center-menu-header / .center-subpage / .center-menu-page).
   Templeton is a Tennis Center, not an academy: it keeps the light international theme of center-templeton.html
   (white, paper, sand, sky blue #1f92f0, royal blue #00349d, navy); this file re-colours the shared (dark academy)
   components for that theme. Copied from jupiter-pages.css, without dropdowns (the official menu has none).
   Classes: .tpl-page (center page + sub-pages), .tpl-subpage (sub-pages only). */

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

/* ---------- Header: 5 center links + DESTINATIONS on one line ---------- */
/* Official labels are long: the parts in .tpl-long ("& LESSONS", "HIGH PERFORMANCE") only show from 1760px
   (white-space:pre keeps their leading / trailing space inside the flex link).
   The burger (center-mobile-nav.js) reads the full textContent, so it always lists the full labels. */
.center-menu-header .tpl-long{white-space:pre}
@media(min-width:901px) and (max-width:1759px){.center-menu-header .tpl-long{display:none}}
@media(min-width:901px){
  .tpl-page .center-menu-header .generic-header-links a,.tpl-page .center-menu-header .generic-header-actions a{white-space:nowrap}
}
/* 1281-1400px: same compact values as center-international.css uses up to 1280px. */
@media(min-width:1281px) and (max-width:1400px){
  .tpl-page .site-nav.generic-header[data-center-menu]{padding-left:22px;padding-right:22px;gap:16px}
  .tpl-page .site-nav.generic-header[data-center-menu] .center-header-logo{max-width:140px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:12px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links a{font-size:11px!important;letter-spacing:.05em!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-actions a{padding-left:14px;padding-right:14px}
}
@media(min-width:1401px) and (max-width:1560px){
  .tpl-page .site-nav.generic-header[data-center-menu]{gap:20px}
  .tpl-page .site-nav.generic-header[data-center-menu] .center-header-logo{max-width:180px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:16px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links a{font-size:12px!important;letter-spacing:.07em!important}
}
@media(min-width:901px) and (max-width:1180px){
  .tpl-page .site-nav.generic-header[data-center-menu]{padding-left:16px;padding-right:16px;gap:12px}
  .tpl-page .site-nav.generic-header[data-center-menu] .center-header-logo{max-width:118px!important;height:44px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:9px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links a{font-size:10px!important;letter-spacing:.03em!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-actions{gap:8px}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-actions a{padding-left:12px;padding-right:12px;font-size:10px}
}
/* Narrow desktops (tablets in landscape): tighter still, so BOOK stays on screen down to 901px. */
@media(min-width:901px) and (max-width:1023px){
  .tpl-page .site-nav.generic-header[data-center-menu]{padding-left:12px;padding-right:12px;gap:8px}
  .tpl-page .site-nav.generic-header[data-center-menu] .center-header-logo{max-width:92px!important;height:38px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:6px!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-links a{font-size:9px!important;letter-spacing:.02em!important}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-actions{gap:6px}
  .tpl-page .site-nav.generic-header[data-center-menu] .generic-header-actions a{padding-left:9px;padding-right:9px;font-size:9px}
}

/* ---------- Center page: program cards link to the sub-pages ---------- */
.tpl-page .atl-more-link{color:var(--intl-navy)!important;border-bottom-color:var(--intl-blue)}
.tpl-page .atl-more-link:hover{color:#00349d!important}
.tpl-page .program-card h3 a:hover{color:#00349d}
.tpl-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}
.tpl-page .program-card .program-book-link span{font-size:16px}
.tpl-page .program-card .program-book-link:hover{background:var(--intl-blue)}

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

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

/* ---------- Intro on white ---------- */
.tpl-subpage .atl-intro-copy{border-top-color:var(--intl-blue)}
.tpl-subpage .atl-intro-copy p{color:#00349d}
.tpl-subpage .atl-intro-copy strong{color:var(--intl-navy)}
.tpl-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.tpl-subpage .international-methodology{background:#00349d!important}
html body.tpl-subpage .international-methodology.atl-split-navy{background:var(--intl-navy)!important}
.tpl-subpage .international-methodology .eyebrow{color:var(--intl-sand)!important}
html body.tpl-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}
.tpl-subpage .international-methodology .atl-list li:before{background:var(--intl-sand)}
.tpl-subpage .international-methodology .atl-list{margin-bottom:26px}
.tpl-subpage .international-methodology .pill:not(.light){color:#fff;border-color:rgba(255,255,255,.72)}
.tpl-subpage .international-methodology .pill:not(.light):hover{background:#fff;color:var(--intl-navy)}
.tpl-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.tpl-subpage .program-section{background:var(--intl-paper)!important}
html body.tpl-subpage .program-card .program-description{color:#3b4a5c!important}
.tpl-subpage .program-card h3{color:var(--intl-navy)}
.tpl-subpage .program-card .atl-list{border-top-color:#d9e0e7}
.tpl-subpage .program-card .atl-list li,.tpl-subpage .international-facilities .atl-list li{color:var(--intl-navy)}
.tpl-subpage .program-card .atl-list strong,.tpl-subpage .international-facilities .atl-list strong{color:var(--intl-navy)}
.tpl-subpage .program-card .program-media{height:280px}
.tpl-subpage .program-card .program-media img{width:100%;height:100%;object-fit:cover}
.tpl-subpage .program-section .section-heading>p{color:#00349d}
.tpl-subpage .program-grid.tpl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tpl-subpage .program-section.tpl-flush-bottom{padding-bottom:90px}
.tpl-note{margin:28px 0 0;max-width:760px;font-size:14px;line-height:1.7;color:#3b4a5c}

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

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

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

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

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

@media(max-width:1200px){
  .tpl-subpage .program-grid.tpl-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .tpl-subpage .program-grid.tpl-grid-3{grid-template-columns:1fr}
  .tpl-subpage .program-card .program-media{height:220px}
  .tpl-subpage .program-section.tpl-flush-bottom{padding-bottom:60px}
  .tpl-subpage .atl-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .tpl-subpage .atl-explore-grid{grid-template-columns:1fr}
}