/* AR PROPERTIES — header override boundary
   Desktop: 768px and up.
   Mobile: 767px and below.
   Keep these rules isolated so tablet/desktop never inherit the mobile header. */

/* Header brand: title + byline only. */
.site-header .brand-tagline{
  display:none!important;
}

/* Arabic-only public header. */
.site-header .language-btn{
  display:none!important;
}

/* =========================
   DESKTOP / TABLET LANDSCAPE
   768px and up
   ========================= */
@media (min-width:768px){
  .site-header .shell{
    width:min(1240px,calc(100% - 48px))!important;
    margin-inline:auto!important;
  }

  .header-inner{
    height:80px!important;
    min-height:80px!important;
    padding-inline:0!important;
    gap:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .site-header .brand{
    gap:9px!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    flex:0 0 auto!important;
  }

  .site-header .brand-mark,
  .site-header .brand-logo{
    width:8px!important;
    height:14px!important;
    min-width:8px!important;
    max-width:8px!important;
    min-height:14px!important;
    max-height:14px!important;
    flex:0 0 8px!important;
    aspect-ratio:3834/6835!important;
    object-fit:contain!important;
    object-position:center!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    transform:none!important;
  }

  .site-header .brand-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    gap:3px!important;
    line-height:1!important;
    min-height:28px!important;
  }

  .site-header .brand-copy strong{
    font-size:14px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:.015em!important;
    text-align:center!important;
  }

  .site-header .brand-copy small{
    font-size:8px!important;
    line-height:1.05!important;
    margin:0!important;
    font-weight:700!important;
    text-align:center!important;
    width:100%!important;
  }

  /* Force the full desktop navigation above 767px, even if legacy CSS
     contains broader breakpoints such as max-width:1020/1100px. */
  .site-header .desktop-nav{
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    gap:5px!important;
    margin-inline:auto!important;
  }

  .site-header .desktop-nav a{
    min-height:34px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .site-header .desktop-nav a.active{
    min-height:36px!important;
    padding:8px 12px!important;
    border-radius:10px!important;
  }

  .site-header .header-actions{
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
  }

  .site-header .header-actions .ghost-btn{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:11px!important;
    font-size:9px!important;
    font-weight:800!important;
    place-items:center!important;
  }

  /* Desktop must never inherit hamburger/mobile-menu visibility. */
  .site-header .menu-btn{
    display:none!important;
  }

  .site-header .mobile-menu,
  .site-header .mobile-menu.open{
    display:none!important;
  }
}

/* =============
   MOBILE ONLY
   767px and down
   ============= */
@media (max-width:767px){
  .header-inner{
    height:72px!important;
    min-height:72px!important;
    gap:10px!important;
    display:flex!important;
    align-items:center!important;
  }

  .site-header .brand{
    gap:8px!important;
    align-items:center!important;
    min-width:0!important;
  }

  .site-header .brand-mark,
  .site-header .brand-logo{
    width:7px!important;
    height:13px!important;
    min-width:7px!important;
    max-width:7px!important;
    min-height:13px!important;
    max-height:13px!important;
    flex:0 0 7px!important;
    aspect-ratio:3834/6835!important;
    object-fit:contain!important;
    background-size:contain!important;
  }

  .site-header .brand-copy{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:2px!important;
  }

  .site-header .brand-copy strong{
    font-size:12px!important;
    font-weight:900!important;
    text-align:center!important;
  }

  .site-header .brand-copy small{
    font-size:7px!important;
    line-height:1!important;
    font-weight:700!important;
    text-align:center!important;
    width:100%!important;
  }

  /* Mobile navigation is allowed only below the breakpoint. */
  .site-header .desktop-nav{
    display:none!important;
  }

  .site-header .menu-btn{
    display:flex!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
}