/* Kerr University globe language menu, English pages (Webster 2026-10-08). Loaded last in <head>, after ku-header-en.css.
   Same look as the PT/ES/ZH header globe. Digby's rule: the gold Free Class button is always fully visible. */
.ku-lang-dd{position:relative;flex-shrink:0;margin:0 .5rem 0 0;font-family:inherit}
.ku-lang-dd>summary{list-style:none;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;padding:.38rem .6rem;border:1px solid var(--line,rgba(28,23,20,.14));
  border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;line-height:1.2;color:var(--ink-soft,#3a322c);user-select:none;-webkit-user-select:none;white-space:nowrap;background:transparent}
.ku-lang-dd>summary::-webkit-details-marker{display:none}
.ku-lang-dd>summary::marker{content:""}
.ku-lang-dd>summary::after{content:"";width:.38em;height:.38em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.15rem}
.ku-lang-dd>summary svg{flex-shrink:0;display:block}
.ku-lang-dd>summary:hover,.ku-lang-dd[open]>summary{color:var(--crimson,#7d1418);border-color:var(--crimson,#7d1418)}
.ku-lang-dd>summary:focus-visible{outline:2px solid var(--crimson,#7d1418);outline-offset:2px}
.ku-lang-dd .ku-lang-switch,header .ku-lang-dd .ku-lang-switch,nav .ku-lang-dd .ku-lang-switch{display:flex!important;flex-direction:column;align-items:stretch;gap:2px;position:absolute;right:0;left:auto;top:calc(100% + 8px);
  min-width:10.5rem;margin:0;padding:.35rem;border:1px solid var(--line,rgba(28,23,20,.14));border-radius:12px;background:var(--paper,#fbf7ef);box-shadow:0 14px 34px rgba(20,14,12,.18);z-index:1000;white-space:nowrap}
.ku-lang-dd .ku-lang-switch a{display:block;padding:.5em .8em;border-radius:8px;text-align:left;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--ink-soft,#3a322c);border:0;margin:0;background:none;line-height:1.3}
.ku-lang-dd .ku-lang-switch a:not([aria-current]):hover{color:var(--crimson,#7d1418);background:rgba(125,20,24,.06)}
.ku-lang-dd .ku-lang-switch a[aria-current]{background:var(--crimson,#7d1418);color:#fff}
.ku-lang-dd .ku-lang-switch a[hreflang]::after{font-weight:500;opacity:.75}
.ku-lang-dd .ku-lang-switch a[hreflang="en"]::after{content:" · English"}
.ku-lang-dd .ku-lang-switch a[hreflang="es"]::after{content:" · Español"}
.ku-lang-dd .ku-lang-switch a[hreflang="pt-BR"]::after{content:" · Português"}
.ku-lang-dd .ku-lang-switch a[hreflang="tr"]::after{content:" · Türkçe"}
.ku-lang-dd .ku-lang-switch a[hreflang="ar"]::after{content:" · العربية"}
.ku-lang-dd .ku-lang-switch a[hreflang="zh-Hans"]::after{content:" · 中文"}
.ku-lang-dd .ku-lang-switch a[hreflang="ko"]::after{content:" · 한국어"}
.ku-lang-dd .ku-lang-switch a[hreflang="ja"]::after{content:" · 日本語"}
html[data-theme="dark"] .ku-lang-dd>summary{color:rgba(247,241,227,.85);border-color:rgba(227,201,135,.28)}
html[data-theme="dark"] .ku-lang-dd .ku-lang-switch{background:#1d1a17;border-color:rgba(227,201,135,.25)}
html[data-theme="dark"] .ku-lang-dd .ku-lang-switch a:not([aria-current]){color:rgba(247,241,227,.85)}
/* the dropdown must not be clipped by headers that use overflow:hidden on small screens */
header .nav:has(.ku-lang-dd[open]),header .wrap.nav:has(.ku-lang-dd[open]),header.site:has(.ku-lang-dd[open]),nav.nav:has(.ku-lang-dd[open]),nav.nav .nav-inner:has(.ku-lang-dd[open]){overflow:visible!important}
/* theme toggle shows as the round dot pill, as on the PT header (frees room for the globe) */
header.site .ku-theme-toggle .ku-theme-label,nav.nav .ku-theme-toggle .ku-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Free Class button never shrinks or wraps */
header.site .btn--gold,header.site>a.btn,header .wrap.nav>.btn,nav.nav .nav-cta,.nav .home-cta{flex-shrink:0;white-space:nowrap}
nav.nav .nav-links{min-width:0}
/* desktop fit: the nav "Book" link duplicates the Free Class button, so it goes first; then paddings tighten */
@media(max-width:1366px){
  header.site .wrap.nav .nav-links>a[href="book.html"],header.site .wrap.nav .nav-links>a[href="/book.html"],header.site .wrap.nav .nav-links>a[href="https://kerruniversity.com/book.html"]{display:none}}
@media(max-width:1240px){
  header.site .wrap.nav{gap:.6rem}
  header.site .wrap.nav .nav-links>a,header.site .wrap.nav .nav-links .has-sub>button{padding-left:.42em;padding-right:.42em}
  .ku-lang-dd{margin-right:.25rem}
  .ku-lang-dd>summary{padding:.36rem .5rem}}
@media(max-width:1180px){header.site .wrap.nav .nav-links>a,header.site .wrap.nav .nav-links .has-sub>button{font-size:.92rem;padding-left:.36em;padding-right:.36em}}
/* Online Courses template (nav.nav > .nav-inner > .nav-cta) */
nav.nav .nav-inner .ku-lang-dd{margin:0 .5rem 0 .25rem}
@media(max-width:1180px){nav.nav .nav-inner .ku-lang-dd>summary span{display:none}}
@media(max-width:1100px){nav.nav:has(.ku-lang-dd) .nav-links>a[href$="/blog.html"]{display:none}}
.ku-lang-dd .ku-lang-switch a[aria-current],.ku-lang-mm a[aria-current]{cursor:default}
/* Daily News template (div.nav > .home-cta): keep clear of the theme toggle */
.nav:has(.home-cta) .ku-lang-dd{margin-left:.45rem}
@media(min-width:901px) and (max-width:1100px){.nav:has(.home-cta):has(.ku-lang-dd) .nav-links>a[href$="/login.html"]{display:none}}
/* Work With Digby template (header.site with the button directly inside) */
header.site>.ku-lang-dd{margin:0}
/* phones: the language choice lives in the menu; brand + Free Class + menu button keep the header */
@media(max-width:760px){
  body:has(#mobileMenu) header .ku-lang-dd,body:has(#navMobile) nav.nav .ku-lang-dd,body:has(.mobile-menu) header .ku-lang-dd{display:none!important}}
/* language pills inside the phone menu */
.mobile-menu .ku-lang-switch.ku-lang-mm,.nav-mobile .ku-lang-switch.ku-lang-mm{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:1rem 0 .2rem;padding:0;border:0;font-size:.82rem;font-weight:700;letter-spacing:.04em;white-space:normal}
.ku-lang-mm .ku-lang-mm-label{flex-basis:100%;color:var(--crimson,#7d1418);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .2rem .2rem}
.mobile-menu .ku-lang-switch.ku-lang-mm a,.nav-mobile .ku-lang-switch.ku-lang-mm a{display:inline-flex;align-items:center;justify-content:center;min-width:2.9em;padding:.45em .7em;margin:0;border:1px solid var(--line,rgba(28,23,20,.14));border-radius:999px;
  text-decoration:none;color:var(--ink-soft,#3a322c);font-size:.82rem;font-weight:700;line-height:1.2;background:none}
.mobile-menu .ku-lang-switch.ku-lang-mm a[aria-current],.nav-mobile .ku-lang-switch.ku-lang-mm a[aria-current]{background:var(--crimson,#7d1418);border-color:var(--crimson,#7d1418);color:#fff}
html[data-theme="dark"] .ku-lang-mm a:not([aria-current]){color:rgba(247,241,227,.85)!important;border-color:rgba(227,201,135,.28)!important}
/* phones: brand gives way first so the Free Class button stays on one line and fully visible (same rule as ku-header-en.css) */
@media(max-width:480px){
  header.site .wrap.nav{gap:.45rem}
  header.site .wrap.nav .brand{min-width:0;flex-shrink:1}
  header.site .wrap.nav .brand b span{display:none}
  header.site .wrap.nav>.btn,header.site .wrap.nav>a.btn--gold{padding:.55em .85em;font-size:.84rem;min-height:0;line-height:1.2}
  header.site .wrap.nav .hamburger{flex-shrink:0}}
/* Study Support template (theme toggle sits outside the nav, and the menu button has no menu): make room on desktop;
   on phones the footer language list is used */
@media(max-width:1366px){header.site .wrap.nav:has(>.ku-theme-toggle) .nav-links>a[href="/founder.html"]{display:none}}
@media(max-width:1180px){header.site .wrap.nav:has(>.ku-theme-toggle) .nav-links>a[href="/blog.html"]{display:none}}
@media(max-width:760px){header .wrap.nav:has(.hamburger) .ku-lang-dd{display:none!important}}
