/* Sayyarati v8853 — real full-screen map screens.
   The map always occupies the whole visual viewport. Header/back row and map
   controls float above it and never consume map height. Expensive backdrop
   filters are intentionally disabled on moving-map overlays. */

html.map-screen-v8853-lock,
html.fuel-screen-v8698-lock,
html:has(body.fuel-nearby-map-v8680-body),
html:has(body.dalili-map-only-v8702-body),
body.fuel-nearby-map-v8680-body,
body.dalili-map-only-v8702-body{
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  padding-bottom:0!important;
}

body.fuel-nearby-map-v8680-body .site-footer,
body.dalili-map-only-v8702-body .site-footer{display:none!important}

/* Keep global chrome above the fixed map without reserving map space. */
body.fuel-nearby-map-v8680-body .site-header,
body.fuel-nearby-map-v8680-body .global-back-row,
body.dalili-map-only-v8702-body .site-header,
body.dalili-map-only-v8702-body .global-back-row{
  position:relative!important;
  z-index:120!important;
}

/* --------------------------------------------------------------------------
   Fuel / LPG / charging
   -------------------------------------------------------------------------- */
body.fuel-nearby-map-v8680-body main.fuel-nearby-map-v8680{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

body.fuel-nearby-map-v8680-body .fuel-map-v8680-shell{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#eaf1f7!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-v8680-canvas{
  position:absolute!important;
  inset:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  touch-action:none!important;
}

/* One automatic stack means hidden/visible filters can never overlap. */
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853{
  position:fixed!important;
  z-index:32!important;
  top:var(--map-ui-top-v8853,96px)!important;
  left:8px!important;
  right:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:auto!important;
  max-height:calc(100dvh - var(--map-ui-top-v8853,96px) - 112px)!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>[hidden]{display:none!important}
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-head,
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-tabs,
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-live-filter-v8831,
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-lpg-ownership-v8816,
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-charging-filters-v8818{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin:0!important;
  pointer-events:auto!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-head{
  min-height:52px!important;
  padding:7px 9px!important;
  border:1px solid #d7e2ef!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 5px 16px rgba(22,52,93,.10)!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-v8680-head p{display:none!important}
body.fuel-nearby-map-v8680-body .fuel-map-v8680-head h1{font-size:16px!important;line-height:1.25!important}
body.fuel-nearby-map-v8680-body .fuel-map-v8680-head>div>span{font-size:8.5px!important}
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-tabs{
  padding:4px!important;
  gap:4px!important;
  border:1px solid #d7e2ef!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 5px 15px rgba(22,52,93,.09)!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-tabs button{
  min-height:38px!important;
  padding:4px 3px!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-live-filter-v8831,
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-lpg-ownership-v8816,
body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-charging-filters-v8818{
  border-radius:13px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 15px rgba(22,52,93,.08)!important;
}

/* Governorate follows the real bottom of the automatic stack, not a fixed top. */
body.fuel-nearby-map-v8680-body .fuel-map-governorate-v8777{
  position:absolute!important;
  z-index:34!important;
  top:var(--fuel-governorate-top-v8853,280px)!important;
  right:8px!important;
  left:auto!important;
  width:min(208px,62vw)!important;
  margin:0!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 15px rgba(22,52,93,.11)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.fuel-nearby-map-v8680-body .fuel-map-v8680-controls{
  z-index:34!important;
  top:auto!important;
  bottom:max(22px,env(safe-area-inset-bottom))!important;
  left:8px!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-v8680-counter{
  z-index:34!important;
  top:auto!important;
  right:8px!important;
  bottom:max(22px,env(safe-area-inset-bottom))!important;
}
body.fuel-nearby-map-v8680-body .fuel-map-v8680-attribution{z-index:35!important}

/* --------------------------------------------------------------------------
   Dalili
   -------------------------------------------------------------------------- */
body.dalili-map-only-v8702-body main.dalili-map-page-v8702{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .fuel-map-v8680-shell{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .fuel-map-v8680-shell,
body.lifestyle-v77-dalili .dalili-map-only-v8702 .fuel-map-v8680-canvas{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .fuel-map-v8680-canvas{position:absolute!important;touch-action:none!important}

body.lifestyle-v77-dalili .dalili-map-tabs-v8702{
  position:fixed!important;
  z-index:32!important;
  top:var(--map-ui-top-v8853,96px)!important;
  left:8px!important;
  right:8px!important;
  width:auto!important;
  margin:0!important;
  padding:4px!important;
  gap:4px!important;
  border:1px solid #d7e2ef!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 16px rgba(22,52,93,.10)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a,
body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a:last-child{
  min-height:52px!important;
  height:52px!important;
  padding:3px!important;
}
body.lifestyle-v77-dalili .dalili-map-tabs-v8702 .life-tab-icon,
body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a:last-child .life-tab-icon,
body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a.is-active .life-tab-icon{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;flex-basis:28px!important;
}
body.lifestyle-v77-dalili .dalili-map-tabs-v8702 .life-tab-icon img,
body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a:last-child .life-tab-icon img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
body.lifestyle-v77-dalili .dalili-map-tabs-v8702 .life-tab-label{font-size:10px!important}

/* Second Dalili row is measured from the actual tabs height. */
body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-map-governorate-v8708{
  z-index:34!important;
  top:var(--dalili-tools-top-v8853,158px)!important;
  right:8px!important;
  width:min(190px,58vw)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 15px rgba(22,52,93,.11)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-my-hotels-v8712__launcher{
  position:fixed!important;
  top:var(--dalili-tools-top-v8853,158px)!important;
  left:8px!important;
  z-index:34!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-map-add-v8702>.section-context-add-v8419,
body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-map-add-v8702>.section-admin-add-v8418{
  position:fixed!important;
  top:var(--dalili-tools-top-v8853,158px)!important;
  left:8px!important;
  z-index:34!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .fuel-map-v8680-controls{
  top:auto!important;
  bottom:max(20px,env(safe-area-inset-bottom))!important;
  left:8px!important;
  z-index:34!important;
}
body.lifestyle-v77-dalili .dalili-map-only-v8702 .fuel-map-v8680-counter{
  top:auto!important;
  right:8px!important;
  bottom:max(20px,env(safe-area-inset-bottom))!important;
  z-index:34!important;
}

/* Map compositor hints: only the moving geometry gets promotion. */
[data-fuel-map-tiles],[data-fuel-map-pins],[data-fuel-map-radius],[data-fuel-map-user]{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media(max-width:650px){
  body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853{left:6px!important;right:6px!important;gap:5px!important}
  body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-head{min-height:48px!important;padding:6px 8px!important}
  body.fuel-nearby-map-v8680-body .fuel-map-v8680-head h1{font-size:15px!important}
  body.fuel-nearby-map-v8680-body .fuel-map-ui-stack-v8853>.fuel-map-v8680-tabs button{min-height:36px!important}
  body.fuel-nearby-map-v8680-body .fuel-map-governorate-v8777{right:6px!important;width:min(190px,64vw)!important}
  body.fuel-nearby-map-v8680-body .fuel-map-v8680-controls{left:6px!important}
  body.fuel-nearby-map-v8680-body .fuel-map-v8680-counter{right:6px!important}

  body.lifestyle-v77-dalili .dalili-map-tabs-v8702{left:6px!important;right:6px!important}
  body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a,
  body.lifestyle-v77-dalili .dalili-map-tabs-v8702>a:last-child{min-height:50px!important;height:50px!important}
  body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-map-governorate-v8708{right:6px!important;width:min(170px,58vw)!important}
  body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-my-hotels-v8712__launcher,
  body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-map-add-v8702>.section-context-add-v8419,
  body.lifestyle-v77-dalili .dalili-map-only-v8702 .dalili-map-add-v8702>.section-admin-add-v8418{left:6px!important}
}

/* Do not sample/re-blur the moving map underneath persistent overlays. */
body.fuel-nearby-map-v8680-body .fuel-map-v8680-status,
body.fuel-nearby-map-v8680-body .fuel-map-v8680-counter,
body.fuel-nearby-map-v8680-body .fuel-map-v8680-selected,
body.fuel-nearby-map-v8680-body .fuel-map-governorate-v8777,
body.dalili-map-only-v8702-body .fuel-map-v8680-status,
body.dalili-map-only-v8702-body .fuel-map-v8680-counter,
body.dalili-map-only-v8702-body .fuel-map-v8680-selected,
body.dalili-map-only-v8702-body .dalili-map-governorate-v8708,
body.dalili-map-only-v8702-body .dalili-my-hotels-v8712__launcher{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}