/* =========================================================
   EBADI APP V2 — CANONICAL SHARED CHROME
   This file owns Header + Quick Access + Bottom Navigation.
   No page stylesheet should redefine these components.
========================================================= */
:root{
  --eb-ui-bg:#fff;
  --eb-ui-surface:#fff;
  --eb-ui-soft:#f7f7f7;
  --eb-ui-warm:#f4ead7;
  --eb-ui-warm-2:#faf2e6;
  --eb-ui-text:#171b20;
  --eb-ui-muted:#77716a;
  --eb-ui-line:#ebe5da;
  --eb-ui-gold:#c88b2c;
  --eb-ui-gold-2:#dda03e;
  --eb-ui-gold-soft:#f4ead6;
}
.ebadi-global-navigation.ebadi-ui-v2-chrome{display:contents!important}

/* Header — locked to the approved physical layout.
   Left: hamburger then notifications. Right: copy then logo. */
body .ebadi-global-navigation.ebadi-ui-v2-chrome>.ebadi-app-header.site-header{
  position:relative!important;top:auto!important;z-index:90!important;display:block!important;
  width:100%!important;min-height:0!important;margin:0!important;
  padding:calc(env(safe-area-inset-top) + 4px) 8px 4px!important;
  border:0!important;border-bottom:1px solid #f0ede8!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:visible!important;direction:ltr!important;
}
body .ebadi-app-header .ebadi-app-header__inner{
  position:relative!important;display:block!important;width:100%!important;max-width:none!important;
  height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;
  direction:ltr!important;overflow:visible!important;
}
body .ebadi-app-header .ebadi-app-header__actions{
  position:absolute!important;left:0!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;
  width:auto!important;min-width:0!important;height:36px!important;gap:4px!important;margin:0!important;padding:0!important;
  direction:ltr!important;
}
body .ebadi-app-header .ebadi-app-header__actions [data-ebadi-menu]{order:1!important}
body .ebadi-app-header .ebadi-app-header__actions .ebadi-app-header__notifications{order:2!important}
body .ebadi-app-header .ebadi-app-brand{
  position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-direction:row!important;
  width:auto!important;max-width:calc(100% - 88px)!important;min-width:0!important;height:40px!important;
  gap:7px!important;margin:0!important;padding:0!important;color:var(--eb-ui-text)!important;text-decoration:none!important;
  direction:ltr!important;
}
body .ebadi-app-header .ebadi-app-brand__copy{
  order:1!important;display:flex!important;min-width:0!important;max-width:168px!important;flex-direction:column!important;
  align-items:flex-end!important;justify-content:center!important;text-align:right!important;direction:rtl!important;gap:0!important;
}
body .ebadi-app-header .ebadi-app-brand__title{
  display:block!important;margin:0!important;color:#161616!important;font-size:12.5px!important;font-weight:800!important;
  line-height:1.35!important;white-space:nowrap!important;
}
body .ebadi-app-header .ebadi-app-brand__tagline{
  display:block!important;margin:1px 0 0!important;color:#7b766f!important;font-size:8.5px!important;font-weight:500!important;
  line-height:1.25!important;white-space:nowrap!important;
}
body .ebadi-app-header .ebadi-app-brand__logo{
  order:2!important;display:block!important;width:36px!important;height:36px!important;flex:0 0 36px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  object-fit:contain!important;box-shadow:none!important;
}
body .ebadi-app-header .ebadi-app-header__icon{
  position:relative!important;display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;
  min-height:34px!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;color:#17191c!important;box-shadow:none!important;transform:none!important;
}
body .ebadi-app-header .ebadi-app-header__icon svg{
  width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body .ebadi-app-header .notification-badge{
  position:absolute!important;top:-2px!important;right:-3px!important;display:grid!important;min-width:15px!important;height:15px!important;
  place-items:center!important;padding:0 3px!important;border-radius:999px!important;background:#ef5350!important;color:#fff!important;
  font-size:8px!important;font-weight:800!important;line-height:15px!important;
}
body .ebadi-app-header .notification-badge[hidden]{display:none!important}
@media(max-width:340px){
  body .ebadi-app-header .ebadi-app-brand__copy{max-width:142px!important}
  body .ebadi-app-header .ebadi-app-brand__title{font-size:11.5px!important}
  body .ebadi-app-header .ebadi-app-brand__tagline{font-size:8px!important}
}

/* Quick access */
body .ebadi-global-navigation.ebadi-ui-v2-chrome>.ebadi-app-quick.home-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:calc(100% - 16px)!important;
  max-width:none!important;
  margin:8px 8px 10px!important;
  padding:0!important;
  gap:4px!important;
  direction:rtl!important;
  overflow:visible!important;
}
body .ebadi-app-quick .ebadi-app-quick__item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid var(--eb-ui-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#1f2328!important;
  box-shadow:0 2px 6px rgba(75,59,28,.03)!important;
  text-decoration:none!important;
  text-align:center!important;
  overflow:hidden!important;
}
body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:0 2px!important;
  color:inherit!important;
  font-size:clamp(8px,2.5vw,10px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body .ebadi-app-quick .ebadi-app-quick__item svg{display:none!important}
body .ebadi-app-quick .ebadi-app-quick__item.is-active{
  border-color:#ecd9b4!important;
  background:var(--eb-ui-gold-soft)!important;
  color:#b5892e!important;
}
@media(max-width:390px){
  body .ebadi-global-navigation.ebadi-ui-v2-chrome>.ebadi-app-quick.home-tabs{
    width:calc(100% - 12px)!important;
    margin-inline:6px!important;
    gap:3px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item{
    min-height:38px!important;
    height:38px!important;
    padding-inline:6px!important;
    border-radius:12px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
    font-size:clamp(7px,2.35vw,8.8px)!important;
    line-height:1.1!important;
  }
}
@media(max-width:340px){
  body .ebadi-app-quick .ebadi-app-quick__item{
    min-height:37px!important;
    height:37px!important;
    padding-inline:5px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
    font-size:7px!important;
    line-height:1.05!important;
  }
}
@media(max-width:300px){
  body .ebadi-global-navigation.ebadi-ui-v2-chrome>.ebadi-app-quick.home-tabs{
    width:calc(100% - 8px)!important;
    margin-inline:4px!important;
    gap:2px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item{
    min-height:35px!important;
    height:35px!important;
    padding-inline:4px!important;
    border-radius:10px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
    font-size:6.4px!important;
    line-height:1.02!important;
  }
}

/* Bottom navigation — approved legacy shape, one source everywhere */
body .ebadi-global-navigation.ebadi-ui-v2-chrome>.ebadi-app-bottom.mobile-bottom-nav{
  position:fixed!important;z-index:100!important;right:0!important;bottom:0!important;left:0!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;
  width:100%!important;height:calc(66px + env(safe-area-inset-bottom))!important;margin:0!important;
  padding:4px 8px env(safe-area-inset-bottom)!important;border:1px solid #dfe3e6!important;border-bottom:0!important;
  border-radius:44px 44px 0 0!important;background:rgba(255,255,255,.97)!important;
  box-shadow:0 -5px 20px rgba(55,63,69,.10)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  direction:rtl!important;overflow:visible!important;isolation:isolate!important;
}
body .ebadi-app-bottom:before,body .ebadi-app-bottom:after{display:none!important;content:none!important}
body .ebadi-app-bottom .ebadi-app-bottom__item{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-rows:34px 14px!important;
  align-items:center!important;justify-items:center!important;width:100%!important;height:58px!important;min-width:0!important;
  margin:0!important;padding:0!important;gap:1px!important;color:#697076!important;text-decoration:none!important;background:transparent!important;
}
body .ebadi-app-bottom .ebadi-app-bottom__icon{
  display:grid!important;width:34px!important;height:34px!important;place-items:center!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:currentColor!important;box-shadow:none!important;
  transform:none!important;translate:0 0!important;
}
body .ebadi-app-bottom .ebadi-app-bottom__icon svg{
  width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body .ebadi-app-bottom .ebadi-app-bottom__label{
  display:block!important;width:100%!important;margin:0!important;color:inherit!important;font-size:9px!important;font-weight:600!important;
  line-height:13px!important;text-align:center!important;white-space:nowrap!important;transform:none!important;
}
body .ebadi-app-bottom .ebadi-app-bottom__item:before{display:none!important;content:none!important}
body .ebadi-app-bottom .ebadi-app-bottom__item.is-active{color:#bd8127!important}
body .ebadi-app-bottom .ebadi-app-bottom__item.is-active .ebadi-app-bottom__icon{
  width:42px!important;height:42px!important;border:3px solid #fff!important;background:linear-gradient(145deg,#dfa03f,#c57d21)!important;
  color:#fff!important;box-shadow:0 5px 14px rgba(196,126,34,.32),inset 0 1px rgba(255,255,255,.32)!important;translate:0 -8px!important;
}
body .ebadi-app-bottom .ebadi-app-bottom__item.is-active .ebadi-app-bottom__icon svg{width:22px!important;height:22px!important;stroke-width:2!important}
body .ebadi-app-bottom .ebadi-app-bottom__item.is-active .ebadi-app-bottom__label{color:#bd8127!important;font-weight:800!important;transform:translateY(-2px)!important}

body:has(.ebadi-app-chrome){padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}