/* =========================================================
   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:var(--eb-fs-body)!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:var(--eb-fs-micro)!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:18px!important;height:18px!important;
  place-items:center!important;padding:0 3px!important;border-radius:999px!important;background:#ef5350!important;color:#fff!important;
  font-size:var(--eb-fs-micro)!important;font-weight:800!important;line-height:18px!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:var(--eb-fs-label)!important}
  body .ebadi-app-header .ebadi-app-brand__tagline{font-size:var(--eb-fs-micro)!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:44px!important;
  height:44px!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:var(--eb-fs-caption)!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:44px!important;
    height:44px!important;
    padding-inline:6px!important;
    border-radius:12px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
    font-size:var(--eb-fs-micro)!important;
    line-height:1.1!important;
  }
}
@media(max-width:340px){
  body .ebadi-app-quick .ebadi-app-quick__item{
    min-height:44px!important;
    height:44px!important;
    padding-inline:5px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
    font-size:var(--eb-fs-micro)!important;
    line-height:1.15!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:44px!important;
    height:44px!important;
    padding-inline:4px!important;
    border-radius:10px!important;
  }
  body .ebadi-app-quick .ebadi-app-quick__item .ebadi-app-quick__label{
    font-size:var(--eb-fs-micro)!important;
    line-height:1.15!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:var(--eb-fs-micro)!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}

/* =========================================================
   SERVICES SHEET — UI V2
   Shared modal design system; intentionally loaded after the legacy
   services-sheet stylesheet so every page gets the same light UI.
   ========================================================= */
body .services-sheet-backdrop{
  background:rgba(20,24,28,.34)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
body .services-sheet{
  width:min(560px,100%)!important;
  max-height:min(88svh,780px)!important;
  padding:8px 14px calc(16px + env(safe-area-inset-bottom))!important;
  border:1px solid #ebe5da!important;
  border-bottom:0!important;
  border-radius:24px 24px 0 0!important;
  background:#fff!important;
  color:#171b20!important;
  box-shadow:0 -20px 48px rgba(36,31,24,.16)!important;
}
body .services-sheet__handle{
  width:42px!important;
  height:4px!important;
  margin:0 auto 10px!important;
  border-radius:999px!important;
  background:#d8d1c7!important;
}
body .services-sheet>header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:3px 2px 13px!important;
  border-bottom:1px solid #eee8de!important;
  color:#171b20!important;
}
body .services-sheet>header>div{
  min-width:0!important;
}
body .services-sheet>header small{
  display:block!important;
  margin:0 0 2px!important;
  color:#bd8127!important;
  font-size:var(--eb-fs-micro)!important;
  font-weight:800!important;
  letter-spacing:1px!important;
}
body .services-sheet>header h2{
  margin:0!important;
  color:#171b20!important;
  font-size:var(--eb-fs-page)!important;
  font-weight:900!important;
  line-height:1.35!important;
}
body .services-sheet>header p{
  margin:3px 0 0!important;
  color:#77716a!important;
  font-size:var(--eb-fs-caption)!important;
  font-weight:600!important;
  line-height:1.55!important;
}
body .services-sheet>header button{
  display:grid!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #e7e0d6!important;
  border-radius:50%!important;
  background:#f8f7f5!important;
  color:#585d62!important;
  box-shadow:none!important;
  font:400 var(--eb-fs-display-small)/1 Arial,sans-serif!important;
}
body .services-sheet__body{
  min-height:0!important;
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px 1px 8px!important;
  background:#fff!important;
  color:#171b20!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d7c29a transparent!important;
}
body .services-sheet__body::-webkit-scrollbar{width:4px!important}
body .services-sheet__body::-webkit-scrollbar-thumb{background:#d7c29a!important;border-radius:999px!important}
body .services-sheet__body>section{
  margin:0!important;
  padding:14px 0 0!important;
  background:transparent!important;
  border:0!important;
}
body .services-sheet__body h3{
  margin:0 2px 8px!important;
  color:#2a2d31!important;
  font-size:var(--eb-fs-label)!important;
  font-weight:900!important;
  line-height:1.45!important;
}
body .services-sheet__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body .services-sheet__grid a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  min-height:70px!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid #ebe5da!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#171b20!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(60,50,35,.04)!important;
}
body .services-sheet__grid a:active{
  background:#fffaf1!important;
  border-color:#e8cf9f!important;
}
body .services-sheet__grid a>span{
  display:grid!important;
  grid-row:1/3!important;
  width:38px!important;
  height:38px!important;
  align-self:center!important;
  place-items:center!important;
  border:1px solid #e6e2dc!important;
  border-radius:11px!important;
  background:#f7f7f7!important;
  color:#171b20!important;
  font-size:var(--eb-fs-subtitle)!important;
}
body .services-sheet__grid strong{
  align-self:end!important;
  min-width:0!important;
  margin:0!important;
  color:#1b1d20!important;
  font-size:var(--eb-fs-caption)!important;
  font-weight:900!important;
  line-height:1.5!important;
}
body .services-sheet__grid small{
  overflow:hidden!important;
  align-self:start!important;
  min-width:0!important;
  margin:0!important;
  color:#817b74!important;
  font-size:var(--eb-fs-micro)!important;
  font-weight:600!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body .services-sheet__grid i{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  color:#aaa39a!important;
  font-style:normal!important;
  font-size:var(--eb-fs-card)!important;
}
@media(max-width:360px){
  body .services-sheet{padding-inline:10px!important}
  body .services-sheet__grid{gap:6px!important}
  body .services-sheet__grid a{grid-template-columns:34px minmax(0,1fr)!important;padding:8px!important;column-gap:7px!important}
  body .services-sheet__grid a>span{width:34px!important;height:34px!important;font-size:var(--eb-fs-section)!important}
  body .services-sheet__grid strong{font-size:var(--eb-fs-caption)!important}
  body .services-sheet__grid small{font-size:var(--eb-fs-micro)!important}
}