/* V16.63 — final scoped polish: navbar/search, footer logo, homepage offer banner. */
:root{
  --v63-green:#005b33;
  --v63-deep:#003f27;
  --v63-gold:#c89a35;
  --v63-line:rgba(0,78,41,.13);
}

/* ========================================================================
   GLOBAL NAVBAR — balanced world-class desktop composition.
   ======================================================================== */
@media (min-width:1025px){
  .als-v16-header{
    background:rgba(255,255,255,.975)!important;
    border-bottom:1px solid rgba(0,78,41,.10)!important;
    box-shadow:0 9px 28px rgba(1,42,25,.055)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  }
  .als-v16-header__inner{
    width:min(calc(100% - 36px),1720px)!important;
    max-width:1720px!important;
    min-height:88px!important;
    margin-inline:auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:clamp(148px,10.6vw,178px) minmax(470px,1fr) clamp(176px,14vw,228px) auto!important;
    gap:clamp(10px,1vw,18px)!important;
    align-items:center!important;
  }
  .als-v16-brand{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
  }
  .als-v16-brand::after{display:none!important;}
  .als-v16-brand img{
    display:block!important;
    width:clamp(148px,10.6vw,178px)!important;
    max-width:178px!important;
    height:64px!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 7px 13px rgba(0,63,38,.09))!important;
    transition:transform .22s ease,filter .22s ease!important;
  }
  .als-v16-brand:hover img{transform:translateY(-1px) scale(1.018)!important;filter:drop-shadow(0 10px 17px rgba(0,63,38,.12))!important;}

  .als-v16-main-nav{min-width:0!important;overflow:visible!important;}
  .als-v16-main-nav__list,
  .als-v16-main-nav .nav-menu{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(9px,.85vw,17px)!important;
    margin:0!important;
    padding:0!important;
  }
  .als-v16-main-nav__list>li,
  .als-v16-main-nav .nav-menu>li{flex:0 0 auto!important;position:relative!important;}
  .als-v16-main-nav__list>li>a,
  .als-v16-main-nav .nav-menu>li>a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:10px 2px!important;
    color:#25372d!important;
    font-size:clamp(12.1px,.82vw,13.7px)!important;
    font-weight:700!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    transition:color .18s ease!important;
  }
  .als-v16-main-nav__list>li>a::after,
  .als-v16-main-nav .nav-menu>li>a::after{
    content:""!important;
    position:absolute!important;
    inset-inline:50% auto!important;
    bottom:2px!important;
    width:0!important;
    height:2px!important;
    border-radius:999px!important;
    background:var(--v63-green)!important;
    transform:translateX(50%)!important;
    transition:width .2s ease!important;
  }
  body.als-ltr .als-v16-main-nav__list>li>a::after,
  body.als-ltr .als-v16-main-nav .nav-menu>li>a::after{transform:translateX(-50%)!important;}
  .als-v16-main-nav__list>li>a:hover,
  .als-v16-main-nav__list>li.current-menu-item>a,
  .als-v16-main-nav__list>li.current_page_item>a,
  .als-v16-main-nav .nav-menu>li>a:hover{color:var(--v63-green)!important;}
  .als-v16-main-nav__list>li>a:hover::after,
  .als-v16-main-nav__list>li.current-menu-item>a::after,
  .als-v16-main-nav__list>li.current_page_item>a::after{width:32px!important;}

  /* Search is always a real input + clickable submit button. */
  .als-v16-header-search,
  body.als-rtl .als-v16-header-search,
  body.als-ltr .als-v16-header-search{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:228px!important;
    height:50px!important;
    padding:0 5px 0 13px!important;
    margin:0!important;
    border:1px solid rgba(0,78,41,.17)!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 7px 18px rgba(2,49,29,.045)!important;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
  }
  body.als-rtl .als-v16-header-search{padding:0 13px 0 5px!important;}
  .als-v16-header-search:focus-within{
    max-width:228px!important;
    border-color:rgba(0,91,51,.48)!important;
    box-shadow:0 10px 25px rgba(2,49,29,.075),0 0 0 3px rgba(0,91,51,.055)!important;
    transform:translateY(-1px)!important;
  }
  .als-v16-header-search input,
  body.als-rtl .als-v16-header-search input,
  body.als-ltr .als-v16-header-search input{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    opacity:1!important;
    pointer-events:auto!important;
    background:transparent!important;
    color:#263a2f!important;
    font-family:inherit!important;
    font-size:12.5px!important;
    line-height:1.2!important;
  }
  .als-v16-header-search input::placeholder{color:#7a877f!important;opacity:1!important;}
  .als-v16-header-search__submit{
    position:static!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#f1f6f3!important;
    color:var(--v63-green)!important;
    cursor:pointer!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  .als-v16-header-search__submit:hover{background:var(--v63-green)!important;color:#fff!important;transform:translateY(-1px)!important;}
  .als-v16-header-search__submit svg{width:20px!important;height:20px!important;color:currentColor!important;}

  .als-v16-header__actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    min-width:max-content!important;
  }
  .als-v16-action-item{
    width:auto!important;
    min-width:52px!important;
    height:54px!important;
    padding:4px 7px!important;
    border:1px solid transparent!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#30483a!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
  }
  .als-v16-action-item:hover{background:#f3f7f4!important;border-color:rgba(0,78,41,.10)!important;color:var(--v63-green)!important;transform:translateY(-2px)!important;}
  .als-v16-action-item__icon{display:grid!important;place-items:center!important;min-height:27px!important;}
  .als-v16-action-item__label{display:block!important;font-size:10.25px!important;font-weight:650!important;white-space:nowrap!important;}
  .als-v16-header__visit{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:50px!important;
    padding:10px 16px!important;
    border:1px solid var(--v63-deep)!important;
    border-radius:12px!important;
    background:var(--v63-deep)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:0 9px 22px rgba(0,61,37,.14)!important;
    transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  .als-v16-header__visit:hover{background:#00623a!important;transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(0,61,37,.18)!important;}
}

/* Balanced laptop states: preserve the search function before hiding secondary labels. */
@media (min-width:1280px) and (max-width:1499px){
  .als-v16-header__inner{grid-template-columns:142px minmax(455px,1fr) 180px auto!important;gap:8px!important;width:min(calc(100% - 22px),1690px)!important;}
  .als-v16-brand img{width:142px!important;height:57px!important;}
  .als-v16-main-nav__list,.als-v16-main-nav .nav-menu{gap:8px!important;}
  .als-v16-main-nav__list>li>a,.als-v16-main-nav .nav-menu>li>a{font-size:11.65px!important;}
  .als-v16-header-search,.als-v16-header-search:focus-within,body.als-rtl .als-v16-header-search,body.als-ltr .als-v16-header-search{max-width:180px!important;height:48px!important;}
  .als-v16-action-item{width:45px!important;min-width:45px!important;height:48px!important;padding:2px!important;}
  .als-v16-action-item__label{display:none!important;}
  .als-v16-header__visit{min-height:47px!important;padding-inline:11px!important;font-size:10.8px!important;}
}
@media (min-width:1025px) and (max-width:1279px){
  .als-v16-header__inner{grid-template-columns:122px minmax(405px,1fr) 150px auto!important;gap:6px!important;width:min(calc(100% - 14px),1660px)!important;min-height:78px!important;}
  .als-v16-brand img{width:122px!important;height:50px!important;}
  .als-v16-main-nav__list,.als-v16-main-nav .nav-menu{gap:5px!important;}
  .als-v16-main-nav__list>li>a,.als-v16-main-nav .nav-menu>li>a{font-size:10.4px!important;padding-inline:0!important;}
  .als-v16-header-search,.als-v16-header-search:focus-within,body.als-rtl .als-v16-header-search,body.als-ltr .als-v16-header-search{display:grid!important;max-width:150px!important;height:45px!important;padding-inline-start:9px!important;}
  .als-v16-header-search input{font-size:10.8px!important;height:43px!important;}
  .als-v16-header-search__submit{width:36px!important;height:36px!important;}
  .als-v16-action-item{width:39px!important;min-width:39px!important;height:43px!important;padding:1px!important;}
  .als-v16-action-item__label{display:none!important;}
  .als-v16-header__actions{gap:2px!important;}
  .als-v16-header__visit{min-height:43px!important;padding-inline:8px!important;font-size:9.6px!important;}
}

/* Mobile search lives inside the drawer, not squeezed into the white bar. */
.als-v1663-mobile-search{display:none;}
@media (max-width:1024px){
  .als-v1663-mobile-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    gap:6px;
    margin:14px 0 16px;
    padding:5px;
    border:1px solid rgba(0,78,41,.14);
    border-radius:14px;
    background:#fff;
  }
  .als-v1663-mobile-search input{min-width:0;height:44px;padding-inline:11px;border:0;outline:0;background:transparent;color:#20362a;font:inherit;font-size:14px;}
  .als-v1663-mobile-search button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:11px;background:var(--v63-deep);color:#fff;cursor:pointer;}
}

/* ========================================================================
   FOOTER LOGO — no white card/background around the actual logo.
   ======================================================================== */
.als-v16-footer__brand img,
.als-v16-footer .als-v16-footer__brand img,
.als-platform-footer .footer-logo{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  filter:none!important;
  object-fit:contain!important;
}

/* ========================================================================
   HOMEPAGE OFFER BANNER — copy sits on the visual edge, never centred.
   Arabic: right. English/LTR: left.
   ======================================================================== */
@media (min-width:768px){
  .als-v1662-featured-offer__copy{
    inset-block:0!important;
    inset-inline-start:clamp(28px,4vw,68px)!important;
    inset-inline-end:auto!important;
    width:min(590px,44%)!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:start!important;
  }
  .als-v1662-featured-offer__copy h3,
  .als-v1662-featured-offer__copy p,
  .als-v1662-featured-offer__copy small{text-align:start!important;margin-inline-start:0!important;margin-inline-end:0!important;}
  body.als-rtl .als-v1662-featured-offer__shade{
    background:linear-gradient(90deg,rgba(0,41,24,.05) 0%,rgba(0,42,24,.22) 44%,rgba(0,47,27,.94) 100%)!important;
  }
  body.als-ltr .als-v1662-featured-offer__shade{
    background:linear-gradient(270deg,rgba(0,41,24,.05) 0%,rgba(0,42,24,.22) 44%,rgba(0,47,27,.94) 100%)!important;
  }
}