/* Mouratoglou Tennis Center Noblesville: center menu + program sub-pages (level 2).
   noblesville-tennis-lessons, -camps, -junior-program, -events, -court-rental, -padel, -membership.
   Layout and components come from atlanta-pages.css (.center-menu-header / .center-subpage / .center-menu-page).
   Noblesville is a Tennis Center, not an academy: it keeps the light international theme of
   center-noblesville.html (white, paper, sand, sky blue #1f92f0, royal blue #00349d, navy).
   Theme rules mirror amelia-island-pages.css.
   Classes: .noblesville-page (center page + sub-pages), .noblesville-subpage (sub-pages only).
   Header group EVENTS & COURTS: .nb-menu-group (disclosure button + .nb-submenu), behaviour in noblesville-menu.js;
   without JS, hover / focus-within still open it. Mobile: center-mobile-nav.js copies every header link into the burger. */

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

/* ---------- Header: 6 top-level items + DESTINATIONS on one line ---------- */
@media(min-width:901px){
  .noblesville-page .center-menu-header .generic-header-links a,.noblesville-page .center-menu-header .generic-header-actions a{white-space:nowrap}
  /* The group button looks like the other header links. */
  .noblesville-page .center-menu-header .nb-menu-toggle{font-size:10px;letter-spacing:inherit}
}
@media(min-width:901px) and (max-width:1200px){.noblesville-page .center-menu-header .nb-menu-toggle{font-size:9px;letter-spacing:.06em}}
@media(min-width:901px) and (max-width:1280px){.noblesville-page .site-nav.generic-header[data-center-menu] .nb-menu-toggle{font-size:11px!important;letter-spacing:.05em!important}}
@media(min-width:1281px) and (max-width:1640px){
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:18px!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-links :is(a,.nb-menu-toggle){font-size:12px!important;letter-spacing:.08em!important}
}
@media(min-width:901px) and (max-width:1120px){
  .noblesville-page .site-nav.generic-header[data-center-menu]{padding-left:16px;padding-right:16px;gap:12px}
  .noblesville-page .site-nav.generic-header[data-center-menu] .center-header-logo{max-width:118px!important;height:44px!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:10px!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-links :is(a,.nb-menu-toggle){font-size:10px!important;letter-spacing:.04em!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-actions{gap:8px}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-actions a{padding-left:12px;padding-right:12px;font-size:10px}
}
@media(min-width:901px) and (max-width:1010px){
  .noblesville-page .site-nav.generic-header[data-center-menu]{padding-left:12px;padding-right:12px;gap:8px}
  .noblesville-page .site-nav.generic-header[data-center-menu] .center-header-logo{max-width:96px!important;height:38px!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-links{gap:8px!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-links :is(a,.nb-menu-toggle){font-size:9.5px!important;letter-spacing:.02em!important}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-actions{gap:6px}
  .noblesville-page .site-nav.generic-header[data-center-menu] .generic-header-actions a{padding-left:10px;padding-right:10px}
}

/* ---------- Header dropdown group (EVENTS & COURTS) ---------- */
.nb-menu-group{position:relative;display:flex;align-items:center}
.nb-menu-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px;margin:0;padding:0;border:0;background:transparent;color:inherit;font-family:inherit;font-weight:700;text-transform:uppercase;line-height:1;white-space:nowrap;cursor:pointer;position:relative}
.nb-menu-toggle:after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.nb-menu-group.is-open .nb-menu-toggle:after{transform:translateY(1px) rotate(-135deg)}
.nb-menu-toggle:focus-visible{outline:2px solid var(--academy-accent,#1f92f0);outline-offset:3px}
.nb-submenu{position:absolute;top:calc(100% + 20px);left:-22px;z-index:60;min-width:220px;margin:0;padding:10px 0;list-style:none;background:#001937;border:1px solid rgba(255,255,255,.14);border-top:2px solid var(--academy-accent,#1f92f0);border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(0,10,30,.38);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
/* Hover bridge between the button and the panel. */
.nb-submenu:before{content:"";position:absolute;left:0;right:0;top:-24px;height:22px}
html:not(.nb-menu-js) .nb-menu-group:is(:hover,:focus-within) .nb-submenu,.nb-menu-group.is-open .nb-submenu{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.nb-submenu li{margin:0}
.site-nav .nb-submenu a{display:block;min-height:0;padding:13px 22px;color:#fff!important;font-size:10px!important;letter-spacing:.12em!important;line-height:1.3;white-space:nowrap}
.site-nav .nb-submenu a:hover,.site-nav .nb-submenu a:focus-visible{background:rgba(255,255,255,.06);color:var(--academy-accent,#1f92f0)!important}
.nb-submenu a:focus-visible{outline:2px solid var(--academy-accent,#1f92f0);outline-offset:-2px}
.site-nav .nb-submenu a[aria-current="page"]{color:var(--academy-accent,#1f92f0)!important;box-shadow:inset 3px 0 0 var(--academy-accent,#1f92f0)}
.site-nav .nb-submenu a[aria-current="page"]:after{display:none!important}
@media(min-width:901px){
  .nb-menu-group:is(.is-open,:hover) .nb-menu-toggle,.nb-menu-toggle:hover{color:var(--academy-accent,#1f92f0)!important}
  .nb-menu-toggle[aria-current="true"]{color:var(--academy-accent,#1f92f0)!important}
  .nb-menu-toggle[aria-current="true"]:before{content:"";position:absolute;left:0;right:12px;bottom:6px;height:2px;background:currentColor}
}
@media(max-width:900px){.nb-menu-group{display:none}}
@media(prefers-reduced-motion:reduce){.nb-submenu,.nb-menu-toggle:after{transition:none!important}}


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

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

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

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

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

/* ---------- Split sections: royal blue / navy, as the center page methodology ---------- */
html body.noblesville-subpage .international-methodology{background:#00349d!important}
html body.noblesville-subpage .international-methodology.atl-split-navy{background:var(--intl-navy)!important}
.noblesville-subpage .international-methodology .eyebrow{color:var(--intl-sand)}
.noblesville-subpage .international-methodology .atl-list li:before{background:var(--intl-sand)}
.noblesville-subpage .international-methodology .pill:not(.light){color:#fff;border-color:rgba(255,255,255,.72)}
.noblesville-subpage .international-methodology .pill:not(.light):hover{background:#fff;color:var(--intl-navy)}

/* ---------- Cards on paper ---------- */
html body.noblesville-subpage .program-section{background:var(--intl-paper)!important}
html body.noblesville-subpage .program-card .program-description{color:#3b4a5c!important}
.noblesville-subpage .program-card h3{color:var(--intl-navy)}
.noblesville-subpage .program-card .atl-list{border-top-color:#d9e0e7}
.noblesville-subpage .program-card .atl-list li,.noblesville-subpage .international-facilities .atl-list li{color:var(--intl-navy)}
.noblesville-subpage .program-card .atl-list strong,.noblesville-subpage .international-facilities .atl-list strong{color:var(--intl-navy)}
.noblesville-subpage .program-card .program-book-link{display:inline-flex;width:auto;align-items:center;gap:22px;padding:12px 20px;border-radius:999px;background:var(--intl-navy);color:#fff!important;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.noblesville-subpage .program-card .program-book-link span{font-size:16px}
.noblesville-subpage .program-card .program-book-link:hover{background:var(--intl-blue)}
.noblesville-subpage .program-card .program-media{height:260px}
.noblesville-subpage .program-card .program-media img{width:100%;height:100%;object-fit:cover}
.noblesville-subpage .program-section .section-heading>p{color:#00349d}

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

/* Audience chips on white. */
.noblesville-subpage .international-intro .atl-chips li,.noblesville-subpage .program-section .atl-chips li{border-color:var(--intl-blue);color:var(--intl-navy)}

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

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

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

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

@media(max-width:900px){
  .noblesville-subpage .program-card .program-media{height:220px}
  .noblesville-subpage .atl-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .noblesville-subpage .atl-explore-grid{grid-template-columns:1fr}
}

/* ---------- Membership tiers + included list ---------- */
.noblesville-subpage .nb-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.noblesville-subpage .atl-details{margin-top:0}
@media(max-width:1100px){.noblesville-subpage .nb-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.noblesville-subpage .nb-tier-grid{grid-template-columns:1fr}}
.nb-note{margin:22px 0 0;max-width:720px;font-size:14px;line-height:1.7;color:#3b4a5c}
.noblesville-subpage .international-methodology .nb-note{color:rgba(255,255,255,.8)}
.noblesville-subpage #included .atl-details dd{font-size:16px}