/* Come To UK Academy navbar additions only. */
#nav-main .langmenu,#nav-main .language-menu,#nav-main [data-region="lang-menu"],.top-header .langmenu,.top-header [data-region="lang-menu"]{display:none!important}

#nav-main ul.apply.ctuk-action-group{display:flex!important;align-items:center!important;gap:8px!important;margin:21px 0!important;padding:0!important;white-space:nowrap}
#nav-main ul.apply.ctuk-action-group>li{float:none!important;display:block!important;position:relative!important;margin:0!important;padding:0!important}
#nav-main ul.apply.ctuk-action-group .ctuk-language-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important}
#nav-main .ctuk-language-icon{font-size:16px!important;line-height:1!important}
#nav-main .ctuk-language-caret{font-size:12px!important;line-height:1!important;transition:transform .16s ease}
#nav-main .ctuk-language-action.is-open .ctuk-language-caret{transform:rotate(180deg)}
#nav-main .ctuk-language-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:9999;min-width:168px;padding:7px;background:#fff;border:1px solid rgba(0,38,71,.12);border-radius:9px;box-shadow:0 18px 45px rgba(0,38,71,.2);text-align:left}
#nav-main .ctuk-language-popover[hidden]{display:none!important}
#nav-main .ctuk-language-popover:before{content:"";position:absolute;top:-6px;right:24px;width:11px;height:11px;background:#fff;border-left:1px solid rgba(0,38,71,.12);border-top:1px solid rgba(0,38,71,.12);transform:rotate(45deg)}
#nav-main .ctuk-language-popover a{position:relative;z-index:1;display:flex!important;align-items:center;min-height:38px;padding:8px 11px!important;border-radius:6px;color:#17344e!important;background:transparent!important;font-size:14px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;transition:background-color .16s ease,color .16s ease,transform .16s ease}
#nav-main .ctuk-language-popover a:hover,#nav-main .ctuk-language-popover a:focus{background:#eef7f8!important;color:#006e7f!important;transform:translateX(2px)}
#nav-main .ctuk-language-popover a.is-current{background:#edf6ef!important;color:#315f22!important;font-weight:800!important}
#nav-main .ctuk-language-popover a.is-current:after{content:"✓";margin-left:auto;font-weight:900}
body.dir-rtl #nav-main .ctuk-language-popover{right:auto;left:0;text-align:right}
body.dir-rtl #nav-main .ctuk-language-popover:before{right:auto;left:24px}
body.dir-rtl #nav-main .ctuk-language-popover a.is-current:after{margin-left:0;margin-right:auto}

/* Refine the slim utility strip. */
.top-header .top-right{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.top-header .top-right>li{float:none!important}
.top-header .top-right li.contact a,.top-header .top-right .loginsection a.login,.top-header .top-right a.ctuk-public-login-fallback,.top-header .top-right a.ctuk-public-login-native{display:inline-flex!important;align-items:center;gap:7px;min-height:34px;padding:5px 10px!important;border-radius:999px;color:#eaf4f7!important;line-height:1.2;transition:background-color .16s ease,color .16s ease}
.top-header .top-right li.contact a:hover,.top-header .top-right .loginsection a.login:hover,.top-header .top-right a.ctuk-public-login-fallback:hover,.top-header .top-right a.ctuk-public-login-native:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.top-header .top-right li.contact i{margin:0!important;font-size:13px;opacity:.9}

/* Hide Klassroom's public slide block without touching course/dashboard block regions. */
body.pagelayout-frontpage .block-section,body[id^="page-local-cometoukapi-public-"] .block-section,body.ctuk-public-ajax-mode .block-section{display:none!important}

@media(max-width:768px){
  #nav-main .container{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
  #nav-main .container>.float-left{flex:0 0 auto!important}
  #nav-main nav.navbar{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
  #nav-main .show-menu{order:1!important}
  #nav-main ul.navigation-wrapper{order:3!important;width:100%!important}
  #nav-main ul.apply.ctuk-action-group{order:2!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0 8px 0 0!important;padding:0!important;width:auto!important;white-space:nowrap!important}
  #nav-main ul.apply.ctuk-action-group>li>a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;min-height:38px!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important}
  #nav-main ul.apply.ctuk-action-group .ctuk-language-button{width:50px!important;min-width:50px!important;gap:5px!important;padding:0 8px!important;border-radius:999px!important}
  #nav-main .ctuk-language-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  #nav-main .ctuk-language-icon{display:inline-block!important;font-size:17px!important}
  #nav-main .ctuk-language-caret{display:inline-block!important;font-size:11px!important}
  #nav-main ul.apply.ctuk-action-group>li:not(.ctuk-language-action)>a.btn{width:38px!important;min-width:38px!important;border-radius:50%!important;font-size:0!important}
  #nav-main ul.apply.ctuk-action-group>li:not(.ctuk-language-action)>a.btn:before{content:"\f0e0";font-family:FontAwesome;font-size:17px!important;font-weight:normal!important;line-height:1!important}
  #nav-main .ctuk-language-popover{top:calc(100% + 7px)!important;right:0!important;min-width:160px!important;max-width:min(88vw,220px)!important}
  body.dir-rtl #nav-main ul.apply.ctuk-action-group{margin:0 0 0 8px!important}
  body.dir-rtl #nav-main .ctuk-language-popover{right:auto!important;left:0!important}

  /* Klassroom hides the phone on phones. Restore it and turn the top strip into one compact utility row. */
  body.notloggedin .top-header .container{max-width:none!important;padding-left:12px!important;padding-right:12px!important}
  body.notloggedin .top-header .row{margin:0!important;display:flex!important;align-items:center!important}
  body.notloggedin .top-header ul.top-left{display:none!important}
  body.notloggedin .top-header ul.top-right{display:flex!important;flex:0 0 100%!important;max-width:100%!important;width:100%!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;padding:5px 0!important;margin:0!important;background:transparent!important}
  body.notloggedin .top-header ul.top-right li{display:flex!important;align-items:center!important;width:auto!important;border:0!important;margin:0!important;padding:0!important}
  body.notloggedin .top-header ul.top-right li.contact{display:flex!important;order:1!important}
  body.notloggedin .top-header ul.top-right li.nav-item.d-flex{display:flex!important;order:2!important}
  body.notloggedin .top-header ul.top-right li.nav-item:not(.d-flex){order:3!important}
  body.notloggedin .top-header ul.top-right li.contact a,body.notloggedin .top-header ul.top-right .loginsection a.login,body.notloggedin .top-header ul.top-right a.ctuk-public-login-fallback,body.notloggedin .top-header ul.top-right a.ctuk-public-login-native{min-height:32px!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:12px!important;line-height:1!important}
  body.notloggedin .top-header ul.top-right li.contact i{font-size:12px!important}
}

@media(max-width:420px){
  #nav-main ul.apply.ctuk-action-group{width:auto!important;order:2!important;justify-content:flex-end!important;margin:0 6px 0 0!important}
  #nav-main ul.navigation-wrapper{order:3!important}
  body.dir-rtl #nav-main ul.apply.ctuk-action-group{margin:0 0 0 6px!important}
  body.notloggedin .top-header ul.top-right li.contact a,body.notloggedin .top-header ul.top-right .loginsection a.login,body.notloggedin .top-header ul.top-right a.ctuk-public-login-fallback,body.notloggedin .top-header ul.top-right a.ctuk-public-login-native{padding:5px 8px!important;font-size:11.5px!important}
}