/* ============================================================
   bazaroveregaly.cz — Hlavička: telefon „Máte dotaz?" + Firmy.cz badge
   Párový soubor k header-contact.js.
   Layout: kontaktní blok uvnitř .navigation-buttons s odstupem
   28 px od košíku. Firmy.cz badge DOČASNĚ ODEBRÁN (2026-07-12,
   čeká na rozhodnutí šéfa) — archiv/header-contact-v3-firmy-chip.*
   NEZASAHUJE do třetinového flex layoutu .header-top šablony.
   Rozměrová bilance ověřena i pro kontejner 1178 px (viewport
   1200–1430): levá třetina 360/379 px, pravá 320/379 px.
   Mobil ≤767 px: vše skryto (mobilní hlavička v1 se přeskládává;
   mobilní varianta = samostatný follow-up po testu na zařízení).
   Nasazení: /user/documents/yanabel/header-contact.css?v=3
   ============================================================ */

/* ---------- Kontaktní blok (Máte dotaz? / číslo / dostupnost) ---------- */

#header .navigation-buttons .header-contact {
  display: flex;
  align-items: center;
  margin-right: 28px;
}

#header .header-contact__link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  color: #1f1f1f;
}

/* Modrý kruh s ikonou sluchátka (fallback, dokud není fotka) */
.header-contact__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  background: #eaf5fd;
  color: #1577c2;
}

/* Kruhová fotka kontaktní osoby (až bude dodána) */
.header-contact__photo {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #239ceb;
}

.header-contact__texts {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  text-align: left;
}

.header-contact__label {
  font-size: 12px;
  color: #767676;
  white-space: nowrap;
}

.header-contact__number {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  white-space: nowrap;
}

.header-contact__link:hover .header-contact__number {
  color: #1577c2;
}

.header-contact__hours {
  font-size: 12px;
  color: #767676;
  white-space: nowrap;
}

/* ---------- Responzivita kontaktního bloku ---------- */

/* Tablet a menší desktop: jen ikona + číslo (užší pravý sloupec,
   košík je tam už jen ikona). Kontejner .navigation-buttons je vysoký
   32 px — blok se mu musí přizpůsobit (ikona 30 px, svislé centrování),
   jinak je vůči košíku rozjetý. Ověřeno v iframe testu na 1146/992/800 px. */
@media (max-width: 1199px) {
  #header .navigation-buttons { align-items: center; }
  #header .navigation-buttons .header-contact {
    margin-right: 16px;
    height: 32px;
  }
  .header-contact__label,
  .header-contact__hours { display: none; }
  .header-contact__number { font-size: 14px; }
  .header-contact__icon,
  .header-contact__photo {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
  .header-contact__icon svg {
    width: 16px;
    height: 16px;
  }
}

/* Mobil: celý blok skrytý (viz hlavička souboru) */
@media (max-width: 767px) {
  #header .navigation-buttons .header-contact { display: none; }
}