/* Mouratoglou Tennis Center Sardinia, Hotel Cala di Volpe (Costa Smeralda, Italy): center menu + level-2 pages.
   sardinia-tennis-lessons, sardinia-events, sardinia-court-rental, sardinia-padel.
   Menu and components come from atlanta-pages.css (.center-menu-header / .center-menu-page / .center-subpage
   and the .atl-* blocks). Cala di Volpe is a Tennis Center: it keeps the light international theme of
   center-sardinia.html (white / paper / sand, sky blue #1f92f0, royal blue #00349d, navy), so this file
   re-colours the .atl-* blocks, written for the navy academy theme, for light backgrounds.
   The official menu is flat (TENNIS LESSONS, EVENTS, COURT RENTAL, PADEL); the Events page sub-navigation
   (private / corporate / brand & PR) becomes the EVENTS dropdown (sardinia-menu.js).
   Body classes: .sardinia-page on every Cala di Volpe page, .sardinia-subpage (+ .center-subpage) on sub-pages. */

.sardinia-page{--academy-accent:#1f92f0;--sd-ink:#00349d;--sd-label:#0a6dc2;--sd-line:#d9e0e7}

/* ---------- Header: 4 center links + DESTINATIONS on one line ---------- */
@media(min-width:901px){
  .sardinia-page .center-menu-header .generic-header-links a,.sardinia-page .center-menu-header .generic-header-actions a{white-space:nowrap}
}
/* Only 5 top-level items: the shared center-international.css sizes fit from 901px to 1920px (see report). */
@media(min-width:901px) and (max-width:1023px){
  .sar-menu-toggle{width:16px!important;margin:0!important}
}

/* ---------- Desktop dropdowns ---------- */
@media(min-width:901px){
  .sar-menu-group{position:relative;display:flex;align-items:center;min-height:42px}
  .sar-menu-group>a{position:relative;display:flex;align-items:center;min-height:42px;line-height:1!important}
  .sar-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}
  .sar-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}
  .sar-menu-group.is-open .sar-menu-toggle span{transform:translateY(1px) rotate(225deg)}
  .sar-menu-toggle:hover,.sar-menu-group.is-open .sar-menu-toggle,.sar-menu-group.is-open>a{color:var(--academy-accent)!important}
  .sar-menu-toggle:focus-visible{outline:2px solid var(--academy-accent);outline-offset:1px}
  .sar-menu-group.is-current>.sar-menu-toggle{color:var(--academy-accent)}

  .sar-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)}
  .sar-submenu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
  .sar-menu-group.is-open .sar-submenu,
  html:not(.sar-menu-ready) .sar-menu-group:is(:hover,:focus-within) .sar-submenu{display:flex}
  .center-menu-header .sar-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 .sar-submenu a:hover,.center-menu-header .sar-submenu a:focus-visible{background:rgba(31,146,240,.14);color:var(--academy-accent)!important}
  .center-menu-header .sar-submenu a:focus-visible{outline:2px solid var(--academy-accent);outline-offset:-2px}
}

/* ---------- Mobile burger (center-mobile-nav.js): indent the group anchors ---------- */
@media(max-width:900px){
  .sardinia-page .center-mobile-menu a[href^="sardinia-"][href*="#"]{position:relative;padding:13px 0 13px 24px;border-bottom-color:rgba(255,255,255,.08);font-size:16px;font-weight:400}
  .sardinia-page .center-mobile-menu a[href^="sardinia-"][href*="#"]:before{content:"";position:absolute;left:4px;top:50%;width:10px;height:1px;background:var(--academy-accent)}
}

/* ---------- Center page: program cards (DISCOVER + BOOK) ---------- */
.sardinia-page .atl-more-link{color:var(--intl-navy)!important;border-bottom-color:var(--academy-accent)}
.sardinia-page .atl-more-link:hover{color:var(--sd-label)!important}
.sardinia-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}
.sardinia-page .program-card .program-book-link span{font-size:16px}
.sardinia-page .program-card .program-book-link:hover{background:var(--academy-accent);border-color:var(--academy-accent);color:var(--intl-navy)!important}
.sardinia-page .program-card h3 a:hover{color:var(--sd-label)}

/* ---------- Hero ---------- */
.sardinia-page .pill.atl-ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important}
.sardinia-page .pill.atl-ghost:hover{background:#fff!important;color:var(--intl-navy)!important;border-color:#fff!important}
.sardinia-subpage .hero-copy .pill.light{margin-top:0}

/* ---------- Intro (white section) ---------- */
.sardinia-subpage .atl-intro-copy{border-top-color:var(--intl-blue)}
.sardinia-subpage .atl-intro-copy p{color:var(--sd-ink)}
.sardinia-subpage .atl-intro-copy strong{color:var(--intl-navy)}

/* ---------- Split features: brand blue #00349d (navy variant kept), white text ---------- */
.sardinia-subpage .international-methodology{background:var(--sd-ink)!important}
.sardinia-subpage .international-methodology.atl-split-navy{background:var(--intl-navy)!important}
.sardinia-subpage .international-methodology .pill{margin-top:0;background:#fff;border-color:#fff;color:var(--intl-navy)}
.sardinia-subpage .international-methodology .pill:hover{background:var(--intl-blue);border-color:var(--intl-blue);color:var(--intl-navy)}
.sardinia-subpage .international-methodology .pill.atl-ghost{background:transparent!important}
.sardinia-subpage .international-methodology .atl-chips{margin-bottom:34px}

/* ---------- Cards (paper section, white cards) ---------- */
.sardinia-subpage .program-section{background:var(--intl-paper)!important}
.sardinia-subpage .program-section .section-heading>p{color:var(--sd-ink)}
.sardinia-subpage .program-card{display:flex;flex-direction:column;align-items:flex-start}
.sardinia-subpage .program-card .program-media{width:100%}
.sardinia-subpage .program-card .program-number{color:var(--sd-label)}
.sardinia-subpage .program-card .program-description{color:#3d4a5c!important}
.sardinia-subpage .program-card .atl-list{border-top-color:var(--sd-line)}
.sardinia-subpage .program-card .program-book-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:auto;min-width:130px;margin-top:auto;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}
.sardinia-subpage .program-card .program-book-link span{font-size:16px}
.sardinia-subpage .program-card .program-book-link:hover{background:var(--academy-accent);border-color:var(--academy-accent);color:var(--intl-navy)!important}
.center-subpage .program-grid.sd-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}


/* ---------- Lists on light backgrounds ---------- */
.sardinia-subpage :is(.program-card,.international-intro,.international-facilities) .atl-list li{color:var(--sd-ink)}
.sardinia-subpage :is(.program-card,.international-intro,.international-facilities) .atl-list strong{color:var(--intl-navy)}
.sardinia-subpage .international-facilities>.atl-list{border-top-color:var(--intl-navy)}
.sardinia-subpage .international-facilities>.atl-list li{color:var(--sd-ink)}
.sardinia-subpage .international-facilities .atl-list li:before{background:var(--intl-navy)}
.sardinia-subpage .international-facilities .pill{margin-top:0;background:var(--intl-navy);border-color:var(--intl-navy);color:#fff}
.sardinia-subpage .international-facilities .pill:hover{background:var(--intl-blue);border-color:var(--intl-blue);color:var(--intl-navy)}

/* ---------- Details table (white cells) ---------- */
.sardinia-subpage .atl-details{background:var(--sd-line);border-color:var(--sd-line)}
.sardinia-subpage .atl-details div{background:#fff}
.sardinia-subpage .atl-details dt{color:var(--sd-label)}
.sardinia-subpage .atl-details dd{color:var(--intl-navy)}
.sardinia-subpage .program-section .atl-actions .pill{background:var(--intl-navy);border-color:var(--intl-navy);color:#fff}
.sardinia-subpage .program-section .atl-actions .pill:hover{background:var(--intl-blue);border-color:var(--intl-blue);color:var(--intl-navy)}

/* ---------- FAQ (white section) ---------- */
html body.sardinia-subpage :is(.atl-faq,.atl-explore) h2{font-size:clamp(36px,3.4vw,52px)!important}
.sardinia-subpage .atl-faq{background:#fff;color:var(--intl-navy)}
.sardinia-subpage .atl-faq>div:first-child{border-top-color:var(--intl-blue)}
.sardinia-subpage .atl-faq>div:first-child p:not(.eyebrow){color:var(--sd-ink)}
.sardinia-subpage .atl-faq .eyebrow{color:var(--sd-label)}
.sardinia-subpage .atl-faq-list{border-top-color:var(--intl-blue)}
.sardinia-subpage .atl-faq details{border-bottom-color:var(--sd-line)}
.sardinia-subpage .atl-faq details p{color:var(--sd-ink)}
.sardinia-subpage .atl-faq summary:focus-visible{outline-color:var(--sd-label)}

/* ---------- Final call to action (sky blue band, navy text) ---------- */
.sardinia-subpage .destination-band p:not(.eyebrow){color:var(--intl-navy)}
.sardinia-subpage .destination-band .eyebrow{color:#fff}
.sardinia-subpage .destination-band .atl-address{color:var(--intl-navy)}
.sardinia-subpage .destination-band .pill.light{background:var(--intl-navy);border-color:var(--intl-navy);color:#fff!important}
.sardinia-subpage .destination-band .pill.light:hover{background:#fff;border-color:#fff;color:var(--intl-navy)!important}
.sardinia-subpage .destination-band .pill.atl-ghost{color:var(--intl-navy)!important;border-color:var(--intl-navy)!important}
.sardinia-subpage .destination-band .pill.atl-ghost:hover{background:var(--intl-navy)!important;color:#fff!important}

/* ---------- Explore the other Cala di Volpe pages (paper section) ---------- */
.sardinia-subpage .atl-explore{background:var(--intl-paper);color:var(--intl-navy);border-top-color:var(--sd-line)}
.sardinia-subpage .atl-explore .eyebrow{color:var(--sd-label)}
.sardinia-subpage .atl-explore .section-heading .pill{background:var(--intl-navy);border-color:var(--intl-navy);color:#fff}
.sardinia-subpage .atl-explore .section-heading .pill:hover{background:var(--intl-blue);border-color:var(--intl-blue);color:var(--intl-navy)}
.sardinia-subpage .atl-explore-card{border-color:var(--sd-line)}
.sardinia-subpage .atl-explore-card small{color:var(--intl-sand)}
.sardinia-subpage .atl-explore-card:focus-visible{outline-color:var(--sd-label)}

@media(max-width:1050px){.center-subpage .program-grid.sd-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.center-subpage .program-grid.sd-grid-3{grid-template-columns:1fr}}


/* Photo framing */
.sardinia-subpage .program-card .program-media img{width:100%;height:100%;object-fit:cover}
.sardinia-subpage .program-card .program-media{height:300px}
@media(max-width:900px){.sardinia-subpage .program-card .program-media{height:240px}}
.sardinia-subpage .center-hero img[src$="hero-gala-dinner.webp"]{object-position:50% 60%}
@media(prefers-reduced-motion:reduce){.sar-menu-toggle span{transition:none}}

/* Audience chips on the white intro */
.sardinia-subpage .international-intro .atl-chips{margin-top:26px}
.sardinia-subpage .international-intro .atl-chips li{border-color:var(--intl-blue);color:var(--intl-navy)}
/* Explore: 4 cards per sub-page */
.sardinia-subpage .atl-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.sardinia-subpage .atl-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sardinia-subpage .atl-explore-grid{grid-template-columns:1fr}}