/* All Properties Tenerife — narrow-screen header repairs.
   Found 31 July 2026 during the first real device-width review.

   Problem: inside .bar (flex) the brand block and the language toggle took the
   full width, so #burger was allowed to shrink (flex: 0 1 auto) down to 2px.
   On a phone that means the site has no navigation at all — the menu is
   display:none below 768px and the burger is invisible.

   Fix: the burger keeps its size unconditionally, the brand gives way. */

@media (max-width: 768px) {
  #topbar .bar { gap: 10px; }

  #topbar .brand {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }
  #topbar .brand > *,
  #topbar .brand span,
  #topbar .brand small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #topbar .lang-tgl { flex: 0 0 auto; }

  #topbar #burger,
  #burger {
    flex: 0 0 auto !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }
}

/* Very narrow phones: a truncated "ALL PROPERT…" reads worse than no wordmark
   at all, so below 430px keep only the round logo mark. */
@media (max-width: 430px) {
  #topbar .brand .name { display: none; }
}