/* Mouratoglou Tennis Center Bali: center menu + level-2 pages.
   bali-tennis-lessons, -camps, -court-rental, -padel, -pickleball, -tennis-retreats.
   Menu and components come from atlanta-pages.css (.center-menu-header / .center-menu-page and the
   .atl-* blocks). Bali is a Tennis Center, not an academy: it keeps the light international theme of
   center-bali.html (white / paper / sand sections, sky blue #1f92f0 accent), so this file adapts the
   .atl-* blocks, written for the navy academy theme, to light backgrounds.
   Body classes: .bali-page on every Bali page, .bali-subpage on the sub-pages. */

.bali-page{--academy-accent:#1f92f0;--bali-ink:#00349d;--bali-label:#0a6dc2}

/* ---------- Center page: program cards (DISCOVER + BOOK) ---------- */
.bali-page .atl-more-link{color:var(--intl-navy)!important;border-bottom-color:var(--academy-accent)}
.bali-page .atl-more-link:hover{color:var(--bali-label)!important}
.bali-page .program-card .program-book-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:auto;min-width:116px;padding:13px 20px;border:1px solid var(--intl-navy);border-radius:999px;background:var(--intl-navy);color:#fff!important;font-size:12px;letter-spacing:.12em;text-transform:uppercase;box-sizing:border-box}
.bali-page .program-card .program-book-link span{font-size:16px}
.bali-page .program-card .program-book-link:hover{background:var(--academy-accent);border-color:var(--academy-accent);color:var(--intl-navy)!important}
.bali-page .program-card h3 a:hover{color:var(--bali-label)}

/* ---------- Sub-page hero ---------- */
.bali-subpage .center-hero>img{object-fit:cover}
.bali-subpage .hero-copy h1{font-size:clamp(52px,5.6vw,96px)!important}
.bali-subpage .hero-bottom{align-items:flex-end}
.bali-subpage .hero-bottom>p{max-width:560px;font-size:19px;line-height:1.55}
.bali-page .pill.atl-ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important}
.bali-page .pill.atl-ghost:hover{background:#fff!important;color:var(--intl-navy)!important;border-color:#fff!important}
@media(min-width:901px){html:has(body.bali-subpage){scroll-padding-top:90px}}

/* ---------- Key facts (blue band, navy text) ---------- */
.bali-subpage .center-summary.atl-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.bali-subpage .center-summary.atl-facts p{font-size:15px;line-height:1.55}

/* ---------- Intro with several paragraphs (white section) ---------- */
.bali-subpage .atl-intro-copy{border-top-color:var(--intl-blue)}
.bali-subpage .atl-intro-copy p{color:var(--bali-ink)}
.bali-subpage .atl-intro-copy strong{color:var(--intl-navy)}
.bali-subpage .international-intro .atl-actions{margin-top:30px}
.bali-subpage .international-intro .atl-actions .pill{margin-top:0;background:var(--intl-navy);border-color:var(--intl-navy);color:#fff}
.bali-subpage .international-intro .atl-actions .pill:hover{background:var(--intl-blue);border-color:var(--intl-blue);color:var(--intl-navy)}

/* ---------- Split feature (blue #00349d, white text) ---------- */
.bali-subpage .international-methodology>img{min-height:560px}
.bali-subpage .international-methodology.atl-split-reverse{grid-template-columns:.92fr 1.08fr}
.bali-subpage .international-methodology.atl-split-reverse>img{order:2}
.bali-subpage .international-methodology.atl-split-navy{background:var(--intl-navy)}
.bali-subpage .international-methodology .atl-list{margin:0 0 34px;max-width:580px}
.bali-subpage .international-methodology .pill{margin-top:0;background:#fff;border-color:#fff;color:var(--intl-navy)}
.bali-subpage .international-methodology .pill:hover{background:var(--intl-blue);border-color:var(--intl-blue);color:var(--intl-navy)}

/* ---------- Lists on light backgrounds ---------- */
.bali-subpage :is(.program-card,.international-intro,.international-facilities,.bali-included) .atl-list li{color:var(--bali-ink)}
.bali-subpage :is(.program-card,.international-intro,.international-facilities,.bali-included) .atl-list strong{color:var(--intl-navy)}
.bali-subpage .international-facilities .atl-list li:before{background:var(--intl-navy)}

/* ---------- Cards (paper section, white cards) ---------- */
.bali-subpage .program-grid.atl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bali-subpage .program-grid.atl-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bali-subpage .program-card{display:flex;flex-direction:column;align-items:flex-start;min-height:0}
.bali-subpage .program-card .program-media{align-self:stretch}
.bali-subpage .program-card .program-description{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;line-height:1.65;color:#3d4a5c}
.bali-subpage .program-card .atl-list{width:100%;margin:0 0 24px;padding-top:18px;border-top:1px solid #d9e0e7}
.bali-subpage .program-card .atl-list li{font-size:13px}
.bali-subpage .atl-card-label{color:var(--bali-label)}
.bali-subpage .program-card .program-book-link{margin-top:auto}

/* ---------- Audience chips (white section) ---------- */
.bali-subpage .atl-chips li{border-color:rgba(0,25,55,.35);color:var(--intl-navy)}

/* ---------- Facilities (sand) ---------- */
.bali-subpage .international-facilities>.atl-list{border-top:2px solid var(--intl-navy);padding-top:24px}
.bali-subpage .international-facilities>.atl-list li{font-size:17px}
.bali-subpage .international-facilities>.atl-actions{grid-column:2}
.bali-subpage .international-facilities>.atl-actions .pill{margin-top:0}

/* ---------- "Included" panel (retreats) ---------- */
.bali-included{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px 9vw;margin-top:56px;padding-top:28px;border-top:2px solid var(--intl-blue)}
.bali-included h3{margin:12px 0 0;font:700 clamp(26px,2.4vw,34px)/1.05 Geometria,Arial,sans-serif;letter-spacing:-.03em;color:var(--intl-navy)}
.bali-included .atl-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.bali-included .atl-list li{font-size:15px}
.bali-note{grid-column:2;margin:0;font-size:14px;line-height:1.7;color:#3d4a5c}

/* ---------- Gallery strip ---------- */
.bali-subpage .international-gallery.gallery-strip{padding-top:0}

/* ---------- Final call to action (sky blue band, navy text) ---------- */
.bali-subpage .destination-band p:not(.eyebrow){max-width:620px;margin:22px 0 0;font-size:17px;line-height:1.7;color:var(--intl-navy)}
.bali-subpage .destination-band .atl-actions{margin-top:30px}
.bali-subpage .destination-band .atl-actions .pill{margin-top:0}
.bali-subpage .destination-band .atl-address{color:var(--intl-navy)}
.bali-subpage .destination-band .pill.light:hover{background:var(--intl-navy);border-color:var(--intl-navy);color:#fff!important}
.bali-subpage .destination-band .pill.atl-ghost{color:var(--intl-navy)!important;border-color:var(--intl-navy)!important}
.bali-subpage .destination-band .pill.atl-ghost:hover{background:var(--intl-navy)!important;color:#fff!important}

/* ---------- Section titles: same scale as the center page ---------- */
html body.bali-subpage :is(.atl-faq,.atl-explore) h2{font-size:clamp(40px,3.9vw,58px)!important;line-height:.9!important}
@media(max-width:900px){html body.bali-subpage :is(.atl-faq,.atl-explore) h2{font-size:38px!important}}

/* ---------- More in Bali: 7 cards minus the current page = 2 rows of 3 ---------- */
@media(min-width:1201px){.bali-subpage .atl-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Header: seven links + CONTACT / BOOK on one line down to 901px ----------
   center-international.css compacts [data-center-menu] headers up to 1280px; that is enough at 1024px,
   but the Bali menu (7 links) needs a tighter setting below 1000px. */
@media(min-width:901px) and (max-width:1000px){
  .site-nav.generic-header[data-center-menu="center-bali.html"]{padding-left:14px;padding-right:14px;gap:10px}
  .site-nav.generic-header[data-center-menu="center-bali.html"] img{max-width:108px}
  .site-nav.generic-header[data-center-menu="center-bali.html"] .generic-header-links{gap:8px!important}
  .site-nav.generic-header[data-center-menu="center-bali.html"] .generic-header-links a{font-size:10px!important;letter-spacing:.03em!important}
  .site-nav.generic-header[data-center-menu="center-bali.html"] .generic-header-actions{gap:6px}
  .site-nav.generic-header[data-center-menu="center-bali.html"] .generic-header-actions a{padding-left:10px;padding-right:10px}
}

@media(max-width:1200px){
  .bali-subpage .program-grid.atl-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1050px){
  .bali-subpage .center-summary.atl-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .bali-subpage .hero-copy h1{font-size:clamp(38px,10vw,52px)!important}
  .bali-subpage .hero-bottom{flex-direction:column;align-items:flex-start}
  .bali-subpage .hero-bottom>p{font-size:16px}
  .bali-subpage .international-methodology.atl-split-reverse{grid-template-columns:1fr}
  .bali-subpage .international-methodology.atl-split-reverse>img{order:0}
  .bali-subpage .international-methodology>img{min-height:340px;height:48vh}
  .bali-subpage .program-grid.atl-grid-2,.bali-subpage .program-grid.atl-grid-4{grid-template-columns:1fr}
  .bali-subpage .international-facilities>.atl-actions{grid-column:1}
  .bali-included{grid-template-columns:1fr;gap:24px;margin-top:40px}
  .bali-included .atl-list{grid-template-columns:1fr}
  .bali-note{grid-column:1}
  }
@media(max-width:600px){
  .bali-subpage .center-summary.atl-facts{grid-template-columns:1fr}
}

/* Bali home: THE CENTER (Play beyond limits) on navy, and the destination band in the methodology blue #00349D. */
html body.bali-page:not(.bali-subpage) .international-facilities{background:#001937!important;color:#fff}
html body.bali-page:not(.bali-subpage) .international-facilities :is(h2,p,.eyebrow,span){color:#fff!important}
html body.bali-page:not(.bali-subpage) .international-facilities>div,html body.bali-page:not(.bali-subpage) .international-facilities>p{border-top-color:#fff!important}
html body.bali-page:not(.bali-subpage) .international-facilities .pill{border-color:#fff!important;color:#fff!important;background:transparent!important}
html body.bali-page:not(.bali-subpage) .international-facilities .pill:hover{background:#fff!important;color:#001937!important}
html body.bali-page:not(.bali-subpage) .destination-band{background-color:#00349d!important;color:#fff}
html body.bali-page:not(.bali-subpage) .destination-band :is(h2,.eyebrow){color:#fff!important}