/* WHB Premium Mobile Navigation 2026 - Final Safe Patch
   Scope: mobile header + mobile drawer only. Desktop remains untouched. */
:root{
  --whb-navy:#0b2d45;
  --whb-navy-dark:#061829;
  --whb-navy-soft:#123f5d;
  --whb-gold:#d8ad2f;
  --whb-gold-dark:#a87913;
}

@media (min-width:881px){
  .header .whb-desktop-lang-switch,
  .header .mobile-lang-sw.whb-desktop-lang-switch{
    display:flex!important;align-items:center!important;gap:5px!important;
    margin-inline-start:14px!important;padding:5px!important;border-radius:999px!important;
    background:#fff!important;border:1px solid rgba(216,173,47,.35)!important;
    box-shadow:0 8px 22px rgba(8,31,51,.08)!important;
  }
  .header .whb-desktop-lang-switch .lang-btn{
    min-width:48px!important;height:32px!important;padding:0 12px!important;border:0!important;
    border-radius:999px!important;background:transparent!important;color:#0b2d45!important;
    font-size:.78rem!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .header .whb-desktop-lang-switch .lang-btn.active{
    background:linear-gradient(135deg,#d8ad2f,#b88913)!important;color:#fff!important;
    box-shadow:0 8px 18px rgba(216,173,47,.22)!important;
  }
  .header .whb-desktop-lang-switch .lang-sep{display:none!important;}
  .mobile-menu,.whb-mobile-menu-overlay{display:none!important;}
}

@media (max-width:880px){
  html,body{overflow-x:hidden!important;max-width:100%!important;}
  body.menu-open{overflow:hidden!important;touch-action:none!important;}
  .topbar{display:none!important;}

  .header{
    position:sticky!important;top:0!important;z-index:10020!important;
    background:rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:blur(18px) saturate(160%)!important;backdrop-filter:blur(18px) saturate(160%)!important;
    border-bottom:1px solid rgba(216,173,47,.24)!important;
    box-shadow:0 10px 30px rgba(6,24,41,.11)!important;
  }
  .header .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
  .header-content{
    width:100%!important;height:68px!important;min-height:68px!important;padding:0 16px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  }

  /* Mobile header must show only logo mark + hamburger */
  .main-nav,.header .lang-switcher,.header .mobile-lang-sw,.header .whb-desktop-lang-switch,.header .logo-text-block{display:none!important;}

  .logo{
    display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;max-width:70px!important;
    text-decoration:none!important;float:none!important;margin:0!important;padding:0!important;position:relative!important;z-index:10031!important;
  }
  html[dir="rtl"] .logo,html:not([dir="ltr"]) .logo,body:not(.lang-en) .logo{order:2!important;margin-left:0!important;margin-right:0!important;}
  html[dir="ltr"] .logo,body.lang-en .logo{order:1!important;margin-left:0!important;margin-right:0!important;}
  .logo-frame{
    width:52px!important;height:52px!important;min-width:52px!important;padding:6px!important;border-radius:16px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;
    border:1px solid rgba(216,173,47,.40)!important;box-shadow:0 10px 22px rgba(6,24,41,.10)!important;
  }
  .logo-frame .logo-img,.logo-img{height:38px!important;width:auto!important;display:block!important;filter:none!important;object-fit:contain!important;}

  .mobile-menu-toggle{
    width:48px!important;height:48px!important;min-width:48px!important;margin:0!important;padding:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;
    border-radius:16px!important;border:1px solid rgba(216,173,47,.34)!important;
    background:linear-gradient(180deg,#fff,#f8fafc)!important;box-shadow:0 10px 22px rgba(6,24,41,.10)!important;
    cursor:pointer!important;position:relative!important;z-index:10031!important;transition:transform .2s ease,box-shadow .2s ease!important;
  }
  html[dir="rtl"] .mobile-menu-toggle,html:not([dir="ltr"]) .mobile-menu-toggle,body:not(.lang-en) .mobile-menu-toggle{order:1!important;}
  html[dir="ltr"] .mobile-menu-toggle,body.lang-en .mobile-menu-toggle{order:2!important;}
  .mobile-menu-toggle span{width:21px!important;height:2px!important;border-radius:999px!important;background:#0b2d45!important;display:block!important;transition:transform .24s ease,opacity .18s ease!important;}
  .mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
  .mobile-menu-toggle.active span:nth-child(2){opacity:0!important;}
  .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}

  .whb-mobile-menu-overlay{
    display:block!important;position:fixed!important;inset:0!important;z-index:10040!important;
    background:rgba(3,13,24,.60)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease!important;
  }
  .whb-mobile-menu-overlay.open,body.menu-open .whb-mobile-menu-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}

  .mobile-menu{
    display:flex!important;flex-direction:column!important;position:fixed!important;top:10px!important;bottom:10px!important;z-index:10060!important;
    width:min(88vw,392px)!important;max-width:392px!important;overflow:hidden!important;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,250,252,.86))!important;
    -webkit-backdrop-filter:blur(26px) saturate(165%)!important;backdrop-filter:blur(26px) saturate(165%)!important;
    border:1px solid rgba(255,255,255,.74)!important;border-radius:28px!important;
    box-shadow:0 28px 85px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.82)!important;
    opacity:1!important;visibility:visible!important;pointer-events:none!important;transition:transform .34s cubic-bezier(.2,.8,.2,1)!important;
    will-change:transform!important;
  }
  html[dir="rtl"] .mobile-menu,html:not([dir="ltr"]) .mobile-menu,body:not(.lang-en) .mobile-menu{right:10px!important;left:auto!important;transform:translate3d(calc(100% + 28px),0,0)!important;direction:rtl!important;}
  html[dir="ltr"] .mobile-menu,body.lang-en .mobile-menu{left:10px!important;right:auto!important;transform:translate3d(calc(-100% - 28px),0,0)!important;direction:ltr!important;}
  .mobile-menu.open,.mobile-menu.active,body.menu-open .mobile-menu{transform:translate3d(0,0,0)!important;pointer-events:auto!important;}

  .mobile-menu-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px!important;border-bottom:1px solid rgba(11,45,69,.08)!important;background:rgba(255,255,255,.50)!important;}
  .mobile-logo{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;min-width:0!important;color:#0b2d45!important;}
  .mobile-logo-mark{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid rgba(216,173,47,.32)!important;box-shadow:0 10px 22px rgba(6,24,41,.08)!important;}
  .mobile-logo img{height:36px!important;width:auto!important;filter:none!important;display:block!important;}
  .mobile-logo-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;line-height:1.15!important;}
  .mobile-logo-copy strong{font-size:.86rem!important;font-weight:950!important;color:#0b2d45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:220px!important;}
  .mobile-logo-copy small{font-size:.62rem!important;font-weight:800!important;color:rgba(11,45,69,.55)!important;letter-spacing:.5px!important;white-space:nowrap!important;}
  .mobile-menu-close{width:42px!important;height:42px!important;min-width:42px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(11,45,69,.10),rgba(216,173,47,.13))!important;color:#0b2d45!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;cursor:pointer!important;box-shadow:inset 0 0 0 1px rgba(11,45,69,.07)!important;transition:transform .2s ease,background .2s ease!important;position:relative!important;z-index:2!important;}
  .mobile-menu-close:hover{transform:rotate(90deg)!important;background:linear-gradient(135deg,#d8ad2f,#a87913)!important;color:#fff!important;}

  .mobile-menu-lang-panel{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:14px 16px 8px!important;padding:11px!important;border-radius:18px!important;background:rgba(11,45,69,.055)!important;border:1px solid rgba(11,45,69,.07)!important;}
  .mobile-menu-lang-title{font-size:.82rem!important;font-weight:950!important;color:#27445b!important;}
  .mobile-menu-lang-switch{display:grid!important;grid-template-columns:1fr 1fr!important;width:138px!important;height:40px!important;padding:4px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(216,173,47,.25)!important;box-shadow:0 8px 18px rgba(6,24,41,.06)!important;}
  .mobile-menu-lang-switch .lang-btn{height:30px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#456174!important;font-size:.78rem!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;line-height:1!important;}
  .mobile-menu-lang-switch .lang-btn.active{background:linear-gradient(135deg,#d8ad2f,#a87913)!important;color:#fff!important;box-shadow:0 7px 14px rgba(216,173,47,.25)!important;}

  .mobile-nav{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px 16px 14px!important;overflow-y:auto!important;overscroll-behavior:contain!important;flex:1 1 auto!important;background:transparent!important;}
  .mobile-nav-link,.mobile-nav-cta{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;padding:12px 13px!important;margin:0!important;border-radius:17px!important;text-decoration:none!important;font-size:.94rem!important;font-weight:900!important;color:#123f5d!important;border:1px solid rgba(255,255,255,.78)!important;background:rgba(255,255,255,.58)!important;box-shadow:0 10px 24px rgba(6,24,41,.055)!important;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease!important;opacity:1!important;visibility:visible!important;}
  html[dir="rtl"] .mobile-nav-link,html[dir="rtl"] .mobile-nav-cta,html:not([dir="ltr"]) .mobile-nav-link,html:not([dir="ltr"]) .mobile-nav-cta,body:not(.lang-en) .mobile-nav-link,body:not(.lang-en) .mobile-nav-cta{direction:rtl!important;text-align:right!important;}
  html[dir="ltr"] .mobile-nav-link,html[dir="ltr"] .mobile-nav-cta,body.lang-en .mobile-nav-link,body.lang-en .mobile-nav-cta{direction:ltr!important;text-align:left!important;}
  .mobile-nav-link:hover,.mobile-nav-link.active{transform:translateY(-1px)!important;background:rgba(255,255,255,.90)!important;border-color:rgba(216,173,47,.42)!important;color:#0b2d45!important;}
  .mobile-nav-link:active,.mobile-nav-cta:active{transform:scale(.985)!important;}
  .mobile-nav-link i,.mobile-nav-cta i{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(216,173,47,.17),rgba(216,173,47,.07))!important;color:#a87913!important;font-size:.95rem!important;margin:0!important;}
  .mobile-nav-link span,.mobile-nav-cta span{display:block!important;flex:1!important;color:inherit!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .mobile-nav-cta{justify-content:center!important;margin-top:4px!important;background:linear-gradient(135deg,#d8ad2f,#a87913)!important;color:#fff!important;border-color:rgba(216,173,47,.35)!important;box-shadow:0 16px 30px rgba(216,173,47,.25)!important;}
  .mobile-nav-cta i{background:rgba(255,255,255,.18)!important;color:#fff!important;}

  .mobile-contact{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px 16px 16px!important;background:rgba(255,255,255,.40)!important;border-top:1px solid rgba(11,45,69,.07)!important;}
  .mobile-contact-item{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(255,255,255,.66)!important;color:#123f5d!important;border:1px solid rgba(11,45,69,.07)!important;text-decoration:none!important;font-weight:900!important;font-size:.80rem!important;direction:ltr!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .mobile-contact-item i{color:#a87913!important;}
}

@media (max-width:390px){
  .header-content{height:64px!important;min-height:64px!important;padding:0 14px!important;}
  .logo-frame{width:48px!important;height:48px!important;min-width:48px!important;}
  .logo-frame .logo-img,.logo-img{height:35px!important;}
  .mobile-menu-toggle{width:46px!important;height:46px!important;min-width:46px!important;}
  .mobile-menu{top:8px!important;bottom:8px!important;width:min(90vw,360px)!important;border-radius:24px!important;}
  html[dir="rtl"] .mobile-menu,html:not([dir="ltr"]) .mobile-menu,body:not(.lang-en) .mobile-menu{right:8px!important;}
  html[dir="ltr"] .mobile-menu,body.lang-en .mobile-menu{left:8px!important;}
  .mobile-logo-copy strong{max-width:176px!important;font-size:.80rem!important;}
  .mobile-nav-link,.mobile-nav-cta{min-height:49px!important;font-size:.88rem!important;border-radius:15px!important;}
}


/* === WHB FINAL MOBILE MENU DARK FULL-SCREEN PATCH ===
   User requirement: mobile header only logo + hamburger, language inside menu only,
   normal full-screen dark menu for clear light text. Desktop untouched. */
@media (max-width:880px){
  /* hard hide every language switcher in the mobile header */
  .header .lang-switcher,
  .header .mobile-lang-sw,
  .header .whb-desktop-lang-switch,
  .header .whb-single-lang-switcher,
  .header-content > .mobile-lang-sw,
  .header-content > .whb-desktop-lang-switch{
    display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;
  }

  /* mobile header: only 2 visible children */
  .header-content{justify-content:space-between!important;position:relative!important;}
  .main-nav,.header .logo-text-block{display:none!important;}
  html[dir="rtl"] .header-content,html:not([dir="ltr"]) .header-content,body:not(.lang-en) .header-content{flex-direction:row!important;}
  html[dir="ltr"] .header-content,body.lang-en .header-content{flex-direction:row!important;}
  html[dir="rtl"] .logo,html:not([dir="ltr"]) .logo,body:not(.lang-en) .logo{order:2!important;margin-inline-start:auto!important;margin-inline-end:0!important;}
  html[dir="rtl"] .mobile-menu-toggle,html:not([dir="ltr"]) .mobile-menu-toggle,body:not(.lang-en) .mobile-menu-toggle{order:1!important;margin-inline-start:0!important;margin-inline-end:auto!important;}
  html[dir="ltr"] .logo,body.lang-en .logo{order:1!important;margin-inline-start:0!important;margin-inline-end:auto!important;}
  html[dir="ltr"] .mobile-menu-toggle,body.lang-en .mobile-menu-toggle{order:2!important;margin-inline-start:auto!important;margin-inline-end:0!important;}

  /* darker overlay */
  .whb-mobile-menu-overlay{
    z-index:10040!important;background:rgba(1,10,20,.76)!important;
    -webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;
  }

  /* full-screen premium dark menu */
  .mobile-menu{
    top:0!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;
    border-radius:0!important;border:0!important;z-index:10070!important;
    background:
      radial-gradient(circle at 15% 12%, rgba(216,173,47,.20), transparent 28%),
      radial-gradient(circle at 85% 18%, rgba(255,255,255,.08), transparent 26%),
      linear-gradient(145deg, rgba(5,24,39,.98), rgba(9,43,67,.96) 56%, rgba(3,17,29,.98))!important;
    box-shadow:none!important;color:#fff!important;overflow-y:auto!important;
    padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;
  }
  html[dir="rtl"] .mobile-menu,html:not([dir="ltr"]) .mobile-menu,body:not(.lang-en) .mobile-menu{right:0!important;left:0!important;transform:translate3d(100%,0,0)!important;direction:rtl!important;}
  html[dir="ltr"] .mobile-menu,body.lang-en .mobile-menu{left:0!important;right:0!important;transform:translate3d(-100%,0,0)!important;direction:ltr!important;}
  .mobile-menu.open,.mobile-menu.active,body.menu-open .mobile-menu{transform:translate3d(0,0,0)!important;pointer-events:auto!important;}

  .mobile-menu-header{
    padding:18px 20px 16px!important;background:rgba(255,255,255,.06)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;position:sticky!important;top:0!important;z-index:3!important;
    -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  }
  .mobile-logo{color:#fff!important;max-width:calc(100% - 58px)!important;}
  .mobile-logo-mark{background:rgba(255,255,255,.96)!important;border-color:rgba(216,173,47,.50)!important;}
  .mobile-logo-copy strong{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.25)!important;max-width:245px!important;}
  .mobile-logo-copy small{color:rgba(255,255,255,.72)!important;}
  .mobile-menu-close{
    background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  .mobile-menu-close:hover,.mobile-menu-close:active{background:linear-gradient(135deg,#d8ad2f,#a87913)!important;color:#fff!important;}

  .mobile-menu-lang-panel{
    margin:18px 20px 12px!important;padding:12px!important;border-radius:18px!important;
    background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  }
  .mobile-menu-lang-title{color:#fff!important;font-weight:950!important;}
  .mobile-menu-lang-switch{background:rgba(255,255,255,.12)!important;border-color:rgba(216,173,47,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;}
  .mobile-menu-lang-switch .lang-btn{color:rgba(255,255,255,.82)!important;}
  .mobile-menu-lang-switch .lang-btn.active{background:linear-gradient(135deg,#d8ad2f,#b88913)!important;color:#fff!important;}

  .mobile-nav{padding:10px 20px 18px!important;gap:10px!important;background:transparent!important;overflow:visible!important;flex:0 0 auto!important;}
  .mobile-nav-link,.mobile-nav-cta{
    min-height:58px!important;padding:13px 14px!important;border-radius:18px!important;
    background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.15)!important;
    color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
    -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
  }
  .mobile-nav-link:hover,.mobile-nav-link.active{
    background:rgba(255,255,255,.18)!important;border-color:rgba(216,173,47,.55)!important;color:#fff!important;transform:translateY(-1px)!important;
  }
  .mobile-nav-link i,.mobile-nav-cta i{
    background:rgba(216,173,47,.18)!important;color:#f4d276!important;border:1px solid rgba(216,173,47,.25)!important;
  }
  .mobile-nav-link span,.mobile-nav-cta span{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.22)!important;}
  .mobile-nav-cta{background:linear-gradient(135deg,#d8ad2f,#a87913)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;margin-top:8px!important;}
  .mobile-nav-cta i{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;}

  .mobile-contact{
    margin:0 20px 18px!important;padding:0!important;background:transparent!important;border-top:0!important;gap:10px!important;
  }
  .mobile-contact-item{
    background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;
    min-height:46px!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
  }
  .mobile-contact-item i{color:#f4d276!important;}
}

@media (max-width:390px){
  .mobile-menu{top:0!important;bottom:0!important;width:100vw!important;border-radius:0!important;}
  html[dir="rtl"] .mobile-menu,html:not([dir="ltr"]) .mobile-menu,body:not(.lang-en) .mobile-menu{right:0!important;left:0!important;}
  html[dir="ltr"] .mobile-menu,body.lang-en .mobile-menu{left:0!important;right:0!important;}
  .mobile-menu-header{padding-inline:16px!important;}
  .mobile-menu-lang-panel{margin-inline:16px!important;}
  .mobile-nav{padding-inline:16px!important;}
  .mobile-contact{margin-inline:16px!important;}
}

/* ==========================================================
   WHB FINAL MOBILE EDGE ALIGNMENT - 2026
   Scope: mobile header only. Keeps desktop unchanged.
   Purpose: force logo and hamburger to opposite screen edges
   based on the active language and remove legacy conflicts.
========================================================== */
@media (max-width: 880px) {
  #mainHeader,
  .header {
    overflow: visible !important;
  }

  #mainHeader .container,
  .header .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #mainHeader .header-content,
  .header .header-content {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 0 !important;
  }

  /* Mobile header must contain only the logo mark + hamburger button */
  #mainHeader .main-nav,
  #mainHeader .logo-text-block,
  #mainHeader .lang-switcher,
  #mainHeader .mobile-lang-sw,
  #mainHeader .whb-desktop-lang-switch,
  #mainHeader .whb-only-lang-switcher,
  .header .main-nav,
  .header .logo-text-block,
  .header .lang-switcher,
  .header .mobile-lang-sw,
  .header .whb-desktop-lang-switch,
  .header .whb-only-lang-switcher {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #mainHeader .logo,
  .header .logo,
  #mainHeader .mobile-menu-toggle,
  .header .mobile-menu-toggle {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    float: none !important;
    z-index: 10040 !important;
  }

  #mainHeader .logo,
  .header .logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
  }

  #mainHeader .logo-frame,
  .header .logo-frame {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    margin: 0 !important;
  }

  #mainHeader .mobile-menu-toggle,
  .header .mobile-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
  }

  /* Arabic / RTL mobile: logo right, hamburger left */
  html[dir="rtl"] #mainHeader .logo,
  html[dir="rtl"] .header .logo,
  body.lang-ar #mainHeader .logo,
  body.lang-ar .header .logo,
  body:not(.lang-en) #mainHeader .logo,
  body:not(.lang-en) .header .logo {
    right: max(14px, env(safe-area-inset-right)) !important;
    left: auto !important;
  }

  html[dir="rtl"] #mainHeader .mobile-menu-toggle,
  html[dir="rtl"] .header .mobile-menu-toggle,
  body.lang-ar #mainHeader .mobile-menu-toggle,
  body.lang-ar .header .mobile-menu-toggle,
  body:not(.lang-en) #mainHeader .mobile-menu-toggle,
  body:not(.lang-en) .header .mobile-menu-toggle {
    left: max(14px, env(safe-area-inset-left)) !important;
    right: auto !important;
  }

  /* English / LTR mobile: logo left, hamburger right */
  html[dir="ltr"] #mainHeader .logo,
  html[dir="ltr"] .header .logo,
  body.lang-en #mainHeader .logo,
  body.lang-en .header .logo {
    left: max(14px, env(safe-area-inset-left)) !important;
    right: auto !important;
  }

  html[dir="ltr"] #mainHeader .mobile-menu-toggle,
  html[dir="ltr"] .header .mobile-menu-toggle,
  body.lang-en #mainHeader .mobile-menu-toggle,
  body.lang-en .header .mobile-menu-toggle {
    right: max(14px, env(safe-area-inset-right)) !important;
    left: auto !important;
  }

  /* Keep the mobile menu language switcher visible inside the menu only */
  #mobileMenu .mobile-menu-lang-panel,
  #mobileMenu .mobile-menu-lang-switch,
  #mobileMenu .lang-btn {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}