/*
 * MKA NEW HEADER — mka-nb.min.css
 * All styles for the new header, sidebar and salat bar
 */

/* =====================================================
   MKA NEW HEADER — ALL STYLES INLINED
   ===================================================== */

/* Reset */
.mka-nb-header { display:block!important; width:100%!important; padding:0!important; margin:0!important; font-family:'Plus Jakarta Sans',sans-serif!important; }

/* ── SALAT BAR ───────────────────────────────────────── */
.mka-nb-salatbar { display:flex!important; align-items:center!important; background:#004255!important; width:100%!important; box-sizing:border-box!important; padding:12px 0!important; }
.mka-nb-salatbar__inner { display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; max-width:1400px!important; margin:0 auto!important; padding:0 48px!important; box-sizing:border-box!important; }
.mka-nb-salatbar__info { display:flex!important; flex-direction:column!important; gap:4px!important; flex-shrink:0!important; }
.mka-nb-salatbar__title { font-size:15px!important; font-weight:700!important; color:#fff!important; letter-spacing:.02em!important; font-family:'Plus Jakarta Sans',sans-serif!important; display:block!important; margin:0!important; padding:0!important; }
.mka-nb-salatbar__date { font-size:11px!important; color:rgba(255,255,255,.62)!important; font-family:'Plus Jakarta Sans',sans-serif!important; display:block!important; margin:0!important; padding:0!important; }
.mka-nb-salatbar__times { display:flex!important; align-items:center!important; gap:28px!important; }
.mka-nb-salatbar__prayer { display:flex!important; flex-direction:column!important; align-items:center!important; gap:4px!important; }
.mka-nb-salatbar__pname { font-size:9px!important; font-weight:700!important; letter-spacing:.12em!important; color:rgba(255,255,255,.4)!important; text-transform:uppercase!important; display:block!important; margin:0!important; padding:0!important; margin-bottom:2px!important; }
.mka-nb-salatbar__prayer.is-next .mka-nb-salatbar__pname { color:#fff!important; }
.mka-nb-salatbar__digits { display:flex!important; align-items:center!important; gap:3px!important; }
.mka-nb-digit { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:32px!important; height:32px!important; background:#fff!important; color:#004255!important; border-radius:4px!important; font-size:15px!important; font-weight:800!important; font-family:'Plus Jakarta Sans',sans-serif!important; line-height:1!important; flex-shrink:0!important; }
.mka-nb-colon { color:#fff!important; font-size:14px!important; font-weight:800!important; line-height:1!important; }
.mka-nb-salatbar__mobile { display:none!important; flex-direction:column!important; align-items:center!important; gap:3px!important; flex-shrink:0!important; }
.mka-nb-salatbar__mob-name { font-size:11px!important; font-weight:800!important; letter-spacing:.14em!important; color:#fff!important; display:block!important; text-align:center!important; margin:0!important; padding:0!important; }
.mka-nb-salatbar__mobile .mka-nb-digit { width:34px!important; height:34px!important; font-size:17px!important; }
.mka-nb-salatbar__mobile .mka-nb-colon { font-size:20px!important; }
.mka-nb-salatbar__countdown { font-size:11px!important; color:rgba(255,255,255,.85)!important; font-weight:500!important; display:block!important; text-align:center!important; margin:0!important; padding:0!important; }

@media (max-width:767px) {
    .mka-nb-salatbar { padding:10px 0!important; }
    .mka-nb-salatbar__inner { padding:0 16px!important; }
    .mka-nb-salatbar__times { display:none!important; }
    .mka-nb-salatbar__mobile { display:flex!important; }
    .mka-nb-salatbar__title { font-size:12px!important; }
}

/* ── MAIN NAV ─────────────────────────────────────────── */
.mka-nb-mainnav { background:#000!important; width:100%!important; padding:0!important; margin:0!important; box-sizing:border-box!important; }
.mka-nb-mainnav__inner { display:flex!important; align-items:center!important; justify-content:space-between!important; max-width:1400px!important; margin:0 auto!important; padding:0 48px!important; min-height:72px!important; box-sizing:border-box!important; }
.mka-nb-mainnav__logo { display:block!important; flex-shrink:0!important; text-decoration:none!important; }

/* Nav list — depth:1 so NO submenus in HTML at all */
.mka-nb-navlist { display:flex!important; align-items:center!important; list-style:none!important; margin:0!important; padding:0!important; flex:1!important; justify-content:flex-end!important; flex-wrap:nowrap!important; }
.mka-nb-navlist li { margin:0!important; padding:0!important; background:transparent!important; border:none!important; border-left:none!important; display:flex!important; align-items:center!important; position:static!important; }
.mka-nb-navlist li { display:flex!important; align-items:center!important; }
.mka-nb-navlist li a,
.mka-nb-navlist li a:link,
.mka-nb-navlist li a:visited { display:block!important; padding:8px 14px!important; line-height:1.4!important; color:#e2d6c2!important; text-decoration:none!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-size:14px!important; font-weight:600!important; letter-spacing:.06em!important; text-transform:uppercase!important; white-space:nowrap!important; background:transparent!important; border:none!important; border-radius:4px!important; transition:background .15s,color .15s!important; }
.mka-nb-navlist li a:hover,
.mka-nb-navlist li a:focus,
.mka-nb-navlist li.current-menu-item > a,
.mka-nb-navlist li.current-page-ancestor > a { color:#004255!important; background:#e2d6c2!important; }
/* Kill any sub-menus that might sneak through */
.mka-nb-navlist .sub-menu,
.mka-nb-navlist ul { display:none!important; }
.mka-nb-navlist li::after,
.mka-nb-navlist li > a::after { display:none!important; content:''!important; }

@media (max-width:991px) { .mka-nb-navlist { display:none!important; } }

/* Mobile nav layout */
@media (max-width:767px) {
    .mka-nb-mainnav__inner { flex-direction:column!important; align-items:stretch!important; padding:10px 16px 8px!important; min-height:auto!important; gap:6px!important; }
    .mka-nb-mainnav__logo { display:flex!important; justify-content:center!important; padding:4px 0!important; }
    .mka-nb-mainnav__logo img { height:40px!important; }
    .mka-nb-mainnav__links { display:block!important; }
    .mka-nb-navlist { display:flex!important; flex-wrap:wrap!important; justify-content:center!important; align-items:center!important; gap:0!important; }
    .mka-nb-navlist li a, .mka-nb-navlist li a:link, .mka-nb-navlist li a:visited { line-height:1!important; padding:6px 8px!important; font-size:10px!important; white-space:nowrap!important; }
    .mka-nb-morebtn { position:absolute!important; right:16px!important; top:50%!important; transform:translateY(-50%)!important; margin:0!important; }
    .mka-nb-mainnav { position:relative!important; }
}

/* MORE button */
.mka-nb-morebtn { display:flex!important; flex-direction:column!important; justify-content:center!important; gap:5px!important; background:transparent!important; border:none!important; cursor:pointer!important; padding:8px 6px!important; flex-shrink:0!important; outline:none!important; margin-left:16px!important; box-shadow:none!important; }
.mka-nb-morebtn__bar { display:block!important; width:22px!important; height:2px!important; background:#fff!important; border-radius:2px!important; pointer-events:none!important; }

/* ── OVERLAY ──────────────────────────────────────────── */
.mka-nb-overlay { position:fixed!important; top:0!important; left:0!important; right:0!important; bottom:0!important; background:rgba(0,0,0,.65)!important; z-index:99998!important; opacity:0!important; pointer-events:none!important; transition:opacity .3s ease!important; }
.mka-nb-overlay.is-open { opacity:1!important; pointer-events:all!important; }

/* ── SIDEBAR ──────────────────────────────────────────── */
.mka-nb-sidebar { position:fixed!important; top:0!important; right:0!important; bottom:0!important; width:340px!important; max-width:90vw!important; background:#000!important; z-index:99999!important; display:flex!important; flex-direction:column!important; transform:translateX(100%)!important; transition:transform .35s cubic-bezier(.4,0,.2,1)!important; overflow:hidden!important; }
.mka-nb-sidebar.is-open { transform:translateX(0)!important; }
.mka-nb-sidebar__head { display:flex!important; align-items:center!important; justify-content:space-between!important; padding:20px 24px!important; border-bottom:1px solid rgba(255,255,255,.07)!important; flex-shrink:0!important; }
.mka-nb-sidebar__logo { display:flex!important; flex-direction:column!important; }
.mka-nb-sidebar__logo span { display:block!important; font-size:9px!important; font-weight:700!important; letter-spacing:.1em!important; color:#fff!important; line-height:1.7!important; font-family:'Plus Jakarta Sans',sans-serif!important; margin:0!important; padding:0!important; }
.mka-nb-sidebar__closebtn { background:transparent!important; border:none!important; cursor:pointer!important; padding:6px!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; line-height:1!important; box-shadow:none!important; }
.mka-nb-sidebar__scroll { flex:1!important; overflow-y:auto!important; padding:8px 0!important; }
.mka-nb-sidebar__nav { list-style:none!important; padding:0!important; margin:0!important; }
.mka-nb-sidebar__nav li { margin:0!important; padding:0!important; display:block!important; background:transparent!important; border:none!important; }
.mka-nb-sidebar__nav li a,
.mka-nb-sidebar__nav li a:link,
.mka-nb-sidebar__nav li a:visited { display:block!important; padding:13px 24px!important; color:#fff!important; text-decoration:none!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-size:11px!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; border-bottom:1px solid rgba(255,255,255,.04)!important; background:transparent!important; line-height:1.4!important; }
.mka-nb-sidebar__nav li a:hover { background:rgba(255,255,255,.05)!important; color:#E2D6C2!important; text-decoration:none!important; }
.mka-nb-sidebar__nav .sub-menu { display:none!important; }
.mka-nb-sidebar__divider { height:1px!important; background:rgba(255,255,255,.08)!important; margin:8px 24px!important; }
.mka-nb-sidebar__primary { display:none!important; }
@media (max-width:767px) {
    .mka-nb-sidebar__primary { display:block!important; }
    .mka-nb-sidebar__nav li a { text-align:center!important; font-size:13px!important; padding:14px 28px!important; }
    .mka-nb-sidebar { width:85vw!important; }
}
.mka-nb-sidebar__cta { display:flex!important; gap:10px!important; padding:16px 18px!important; border-top:1px solid rgba(255,255,255,.07)!important; flex-shrink:0!important; }
.mka-nb-sidebar__ctabtn,
.mka-nb-sidebar__ctabtn:link,
.mka-nb-sidebar__ctabtn:visited { flex:1!important; display:block!important; padding:10px 12px!important; border-radius:6px!important; text-decoration:none!important; box-sizing:border-box!important; }
.mka-nb-sidebar__ctabtn:hover { opacity:.82!important; text-decoration:none!important; }
.mka-nb-sidebar__ctabtn small { display:block!important; font-size:8px!important; letter-spacing:.1em!important; font-weight:600!important; margin-bottom:3px!important; text-transform:uppercase!important; }
.mka-nb-sidebar__ctabtn strong { display:block!important; font-size:11px!important; font-weight:700!important; }
.mka-nb-sidebar__ctabtn--teal { background:#004255!important; color:#fff!important; }
.mka-nb-sidebar__ctabtn--teal small { color:rgba(255,255,255,.6)!important; }
.mka-nb-sidebar__ctabtn--light { background:#F1EFEC!important; color:#000!important; }
.mka-nb-sidebar__ctabtn--light small { color:rgba(0,0,0,.45)!important; }

/* ── MAIN NAV DROPDOWNS ─────────────────────────────────── */
.mka-nb-navlist li { position:relative!important; }
.mka-nb-navlist li .sub-menu,
.mka-nb-navlist li ul {
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    min-width:220px!important;
    background:#0a0a0a!important;
    padding:6px 0!important;
    margin:0!important;
    list-style:none!important;
    z-index:99999!important;
    box-shadow:0 12px 32px rgba(0,0,0,.5)!important;
    border-top:3px solid #004255!important;
    border-radius:0 0 6px 6px!important;
}
.mka-nb-navlist li:hover > .sub-menu,
.mka-nb-navlist li:hover > ul {
    display:block!important;
    animation:mka-nb-dropdown .15s ease!important;
}
@keyframes mka-nb-dropdown {
    from { opacity:0; transform:translateY(-6px); }
    to   { opacity:1; transform:translateY(0); }
}
.mka-nb-navlist li .sub-menu li,
.mka-nb-navlist li ul li {
    display:block!important;
    width:100%!important;
    position:static!important;
}
.mka-nb-navlist li .sub-menu li a,
.mka-nb-navlist li ul li a,
.mka-nb-navlist li .sub-menu li a:link,
.mka-nb-navlist li ul li a:link {
    display:block!important;
    padding:12px 20px!important;
    line-height:1.4!important;
    color:#e2d6c2!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
    background:transparent!important;
    border:none!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    transition:background .15s,color .15s!important;
}
.mka-nb-navlist li .sub-menu li a:hover,
.mka-nb-navlist li ul li a:hover {
    background:#e2d6c2!important;
    color:#004255!important;
}

/* ── SIDEBAR SUB-MENUS — hidden by default, accordion toggle ── */
.mka-nb-sidebar__nav .menu-item-has-children > a { 
    display:flex!important; 
    align-items:center!important; 
    justify-content:space-between!important; 
}
.mka-nb-sidebar__nav .menu-item-has-children > a::after {
    content:''!important;
    display:inline-block!important;
    width:8px!important;
    height:8px!important;
    border-right:2px solid rgba(255,255,255,.5)!important;
    border-bottom:2px solid rgba(255,255,255,.5)!important;
    transform:rotate(45deg)!important;
    margin-left:auto!important;
    flex-shrink:0!important;
    transition:transform .2s ease!important;
}
.mka-nb-sidebar__nav .menu-item-has-children.is-open > a::after {
    transform:rotate(-135deg)!important;
}
.mka-nb-sidebar__nav .sub-menu,
.mka-nb-sidebar__nav ul {
    display:none!important;
    list-style:none!important;
    padding:0!important;
    margin:0!important;
    background:rgba(255,255,255,.03)!important;
}
.mka-nb-sidebar__nav .menu-item-has-children.is-open > .sub-menu,
.mka-nb-sidebar__nav .menu-item-has-children.is-open > ul {
    display:block!important;
}
.mka-nb-sidebar__nav .sub-menu li a,
.mka-nb-sidebar__nav ul li a,
.mka-nb-sidebar__nav .sub-menu li a:link,
.mka-nb-sidebar__nav ul li a:link {
    padding:10px 24px 10px 36px!important;
    font-size:10px!important;
    font-weight:600!important;
    color:rgba(255,255,255,.65)!important;
    letter-spacing:.1em!important;
    border-bottom:1px solid rgba(255,255,255,.03)!important;
}
.mka-nb-sidebar__nav .sub-menu li a:hover,
.mka-nb-sidebar__nav ul li a:hover {
    color:#fff!important;
    background:rgba(255,255,255,.05)!important;
}


/* Hide search from main nav */
.mka-nb-navlist li.menu-item a[href*="search"],
.mka-nb-navlist li.mka-menu-search,
.mka-nb-navlist .mka-menu-search,
.mka-nb-mainnav .mka-menu-search,
.mka-nb-mainnav [class*="search"] { display:none!important; }

body.mka-nb-open { overflow:hidden!important; }