/*base.css */
 
:root {
  /* Colors */
  --c-bg:           #f0f0f0;
  --c-map-bg:       #e5e3df; /* visible while tiles are loading */
  --c-surface:      #ffffff;
  --c-accent:       #3498db;
  --c-accent-dark:  #1a6fa8; /* pressed state for accent icons */
  --c-text:         #333333;
  --c-text-muted:   #999999;
  --c-border:       #f0f0f0;

  /* Shadows */
  --shadow-sm:      0 2px 6px  rgba(0, 0, 0, 0.25);
  --shadow-md:      0 2px 8px  rgba(0, 0, 0, 0.15);
  --shadow-lg:      0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-press:   0 1px 4px  rgba(0, 0, 0, 0.20);

  /* Shared button tokens */
  --btn-size:            44px;
  --btn-transition:      transform 0.15s ease, box-shadow 0.15s ease;
  --btn-transition-press:transform 0.08s ease, box-shadow 0.08s ease;

  /* Z-index stack — every layer in one place */
  --z-buttons:         1005;
  --z-menu:            1006;
  --z-search:          1010;
  --z-search-dropdown: 1011;
  --z-bottom-sheet:    1100;

  /* Safe-area insets for notched / gesture-navigation phones.
     Falls back to 0px on devices without a safe-area. */
  --safe-t: env(safe-area-inset-top,    0px);
  --safe-r: env(safe-area-inset-right,  0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left,   0px);
  /*القيم التي يحتاجها bottom-sheet.css
  */
  --bottom-sheet-bg: var(--c-surface, #ffffff);
  --bottom-sheet-handle: #cbd5e1;
  --bottom-sheet-max-height: 25vh;
  --bottom-sheet-transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);

    /* Share sheet (location sharing) */
  --share-sheet-bg: var(--c-surface);
  --share-sheet-handle: #cbd5e1;
  --share-sheet-max-height: 25vh;
  --share-sheet-transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);

  /* store-sheet.css */
  --store-sheet-bg: var(--c-surface, #ffffff);
  --store-sheet-handle: #cbd5e1;
  --store-sheet-max-expanded: 85vh;
  --store-sheet-min-expanded: 50vh;
  --store-sheet-transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  
}


*,
*::before,
*::after {
  box-sizing: border-box;
}


html {
  height: 100%;
}

body {
  margin:           0;
  padding:          0;
  font-family:      system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  background-color: var(--c-bg);
  overflow:         hidden;
  height:           100%;
  width: 100%;
}
#map {
  width:            100%;
  height:           100vh;   /* fallback */
  height:           100dvh;  /* preferred: mobile-URL-bar aware */
  background-color: var(--c-map-bg);
}

/* Building / Store Labels (Leaflet DivIcon)*/
.building-label {
  background:     none;
  border:         none;
  box-shadow:     none;
  padding:        0;
  font-size:      13px;
  font-weight:    600;
  color:          #111111;
  white-space:    nowrap;
  pointer-events: none;
  text-shadow:
    0 0 3px rgba(255, 255, 255, 0.9),
    0 0 6px rgba(255, 255, 255, 0.8);
}

/* ─ Responsive Tweaks*/
@media (max-width: 480px) {
  .building-label { font-size: 11px; }
}