/* Mouratoglou Academy Malaysia (Kuala Lumpur): center menu + level-2 pages.
   kuala-lumpur-tennis-school, -tennis-lessons, -junior-program, -camps, -adult-camps, -campus.
   Layout and components come from atlanta-pages.css (shared through .center-menu-header / .center-subpage /
   .center-menu-page); this file holds the Kuala Lumpur additions, mainly the CAMPS dropdown
   (behaviour in kuala-lumpur-menu.js). Accent: --academy-accent #8ccbcf (center-international.css). */

/* ---------- Desktop dropdown (CAMPS group) ---------- */
@media(min-width:901px){
  .kl-menu-group{position:relative;display:flex;align-items:center;min-height:42px}
  .kl-menu-group>a{display:flex;align-items:center;min-height:42px;line-height:1!important}
  .kl-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}
  .kl-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}
  .kl-menu-group.is-open .kl-menu-toggle span{transform:translateY(1px) rotate(225deg)}
  .kl-menu-toggle:hover,.kl-menu-group.is-open .kl-menu-toggle{color:var(--academy-accent)}
  .kl-menu-toggle:focus-visible{outline:2px solid var(--academy-accent);outline-offset:1px}
  .kl-menu-group.is-current>a,.kl-menu-group.is-current>.kl-menu-toggle{color:var(--academy-accent)!important}
  .kl-menu-group.is-current>a:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:currentColor}
  .kl-menu-group>a{position:relative}

  .kl-submenu{position:absolute;top:calc(100% + 18px);left:-20px;z-index:60;display:none;flex-direction:column;min-width:230px;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)}
  .kl-submenu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
  .kl-menu-group.is-open .kl-submenu,
  html:not(.kl-menu-ready) .kl-menu-group:is(:hover,:focus-within) .kl-submenu{display:flex}
  .center-menu-header .kl-submenu a{display:block!important;min-height:0!important;padding:14px 20px!important;line-height:1.2!important;white-space:nowrap}
  .center-menu-header .kl-submenu a:hover,.center-menu-header .kl-submenu a:focus-visible{background:rgba(140,203,207,.12);color:var(--academy-accent)!important}
  .center-menu-header .kl-submenu a:focus-visible{outline:2px solid var(--academy-accent);outline-offset:-2px}
  .center-menu-header .kl-submenu a[aria-current="page"]{color:var(--academy-accent)!important}
  .center-menu-header .kl-submenu a[aria-current="page"]:after{left:20px;right:auto;bottom:8px;width:24px}
}

/* ---------- Pages ---------- */
/* Program hub cards: titles link to the sub-pages. */
.kl-subpage .program-card h3 a{color:inherit}
.kl-subpage .program-card h3 a:hover{color:var(--academy-accent)}
/* Three-column card grid (camp formats, tennis programs). */
.kl-subpage .program-grid.kl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Facilities list in two columns inside a split section (Campus). */
.kl-subpage .international-methodology .atl-list.kl-list-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;max-width:none}
.kl-subpage .international-methodology .atl-chips{margin:0 0 34px;max-width:580px}
/* "More in Kuala Lumpur": 7 cards minus the current page = 2 rows of 3. */
@media(min-width:1201px){.kl-subpage .atl-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* A card section that follows another one (Camps: levels table). */
.kl-subpage .program-section.kl-flush-top{padding-top:0}
/* Small notes under a card list. */
.kl-note{margin:28px 0 0;max-width:760px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.72)}

@media(max-width:1200px){
  .kl-subpage .program-grid.kl-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .kl-subpage .program-grid.kl-grid-3{grid-template-columns:1fr}
  .kl-subpage .international-methodology .atl-list.kl-list-2{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.kl-menu-toggle span{transition:none}}

/* Home page "The center" block (Tennis & School: a dual path): navy instead of blue, so the sections alternate
   methodology (blue) -> the center (navy) -> destination band (blue). Desktop + mobile. */
html body.academy-center-kuala-lumpur:not(.center-subpage) .international-facilities{background:var(--intl-navy)!important}


/* Kuala Lumpur, mobile: header pills only once the in-page filters have been scrolled past */
@media(max-width:900px){html:not(.center-filters-reached) body.academy-center-kuala-lumpur .center-mobile-filters{display:none!important}}