/* ============================================================
   kfs-hardguard.css — enforce map sizing & accessibility + mobile header
   ============================================================ */

/* ---------- 01 Map enforced height ---------- */
#map{
  width:100%;
  height:calc(100dvh - var(--header-h) - var(--tabbar-h) - env(safe-area-inset-bottom));
  min-height:420px;
  border-radius:10px;
}

/* ---------- 02 Focus ring for overlay chips ---------- */
.ov:focus{ outline:2px solid #78b7ff; outline-offset:2px; }

/* ---------- 03 Emoji helpers ---------- */
.i{ display:inline-flex; align-items:center; gap:.35rem; }
.i-fire::before{ content:"🔥"; }
.i-topo::before{ content:"🗺️"; }

/* ---------- 04 Mobile header enforcement with Greek text support ---------- */
/* Unified mobile header — no language-specific font sizing here.
   Let kfs-overrides.css control the actual size; this file should not shrink Greek. */
@media (max-width: 480px){
  .brand-title {
    /* No font-size here; inherit from main responsive rules */
    line-height: 1.1 !important;
    letter-spacing: 0.1px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
    display: block !important;
  }
}

@media (max-width: 360px) {
  .brand-title {
    /* Keep only width constraint on very small screens */
    max-width: 150px !important;
  }
}

/* Note: Removed the previous “NUCLEAR OVERRIDE” @media (max-width: 768px)
   and all [lang="el"] selectors that down-sized Greek. */
/* /04 */