/*
 * šachy.cz – hlavička, stabilní vydání 1.6, 13. 11. 2026
 * Úplná náhrada SMupravy/main.min.css, nenačítat společně.
 * Rozložení je aktivní až po úspěšném vložení prvků skriptem (ops-header-v11).
 * Žádné absolutní přesuny telefonu přes účet/košík.
 */
:root { --ops-h-orange: #e67e22; }

/* Z původního SM – vedlejší úpravy mimo samotnou hlavičku. */
._applyProuzek td { padding-right: 25px; }
._applyPC_textDoprava { font-weight: 600; line-height: normal !important; }
._applyDobyDoruceniHeader { padding-block: 2px; }
@media (min-width: 1441px) { ._applyPC_textDoprava { font-size: 14px !important; } }
@media (min-width: 768px) and (max-width: 1440px) { ._applyPC_textDoprava { font-size: 10px !important; } }

/* Zachované pozice vysouvacího košíku – ověříme samostatně. */
.popup-widget.cart-widget { top: 204px !important; }
.empty-cart-hover { top: 222px !important; }
body.in-krok-1 header#header .project-phone,
body.in-krok-2 header#header .project-phone { display: none !important; }

/* Přepínač e-shopu vedle loga; není nijak svázaný s vyhledávacím polem. */
#header .ops-header-flags {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}
#header .ops-header-flags a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  background: #fff;
  text-decoration: none;
  opacity: .88;
  transition: opacity .15s ease, border-color .15s ease;
}
#header .ops-header-flags a:hover,
#header .ops-header-flags a:focus-visible { opacity: 1; border-color: var(--ops-h-orange); }
#header .ops-header-flags a[aria-current="page"] { border-color: var(--ops-h-orange); opacity: 1; }
#header .ops-header-flags img {
  display: block;
  width: 24px;
  height: 24px;
  max-width: none;
  border-radius: 50%;
  object-fit: cover;
}

/* Telefon do vyhrazeného prostoru mezi hledáním a přihlášením. */
#header .ops-header-support {
  display: none; /* Zapnout až tam, kde se všechny čtyři sloupce vejdou. */
  align-items: center;
  gap: 12px;
  justify-self: center;
  min-width: 0;
  text-decoration: none;
  white-space: nowrap;
}
#header .ops-header-support-icon {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  fill: none;
  stroke: var(--ops-h-orange);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#header .ops-header-support-copy { display: flex; flex-direction: column; gap: 3px; }
#header .ops-header-support-label { color: #333; font-size: 14px; font-weight: 400; line-height: 1.2; }
#header .ops-header-support-number { color: var(--ops-h-orange); font-size: 23px; font-weight: 700; line-height: 1.2; }

@media (min-width: 768px) {
  /* Zachovat přehlednou horní lištu jako u původních úprav. */
  .top-navigation-bar .container > div {
    display: block;
    flex: 1 1 33.3333%;
    text-align: center;
    min-height: 35px;
    line-height: 35px;
  }
  /* Původní kontaktní odkaz má Shoptet; zůstává dostupný při užších šířkách. */
  #header .header-top.ops-header-v11 {
    display: grid !important;
    grid-template-columns: minmax(0,auto) minmax(0,1fr) auto;
    gap: clamp(12px, 1.35vw, 28px);
    align-items: center;
  }
  #header .header-top.ops-header-v11 > .ops-header-brand-column {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    min-width: 0;
  }
  #header .header-top.ops-header-v11 > .ops-header-search-column {
    min-width: 0;
    width: 100%;
    position: relative;
  }
  #header .header-top.ops-header-v11 .search {
    width: 100%;
    min-width: 0;
    position: static;
    padding-left: 0;
  }
  #header .header-top.ops-header-v11 form.search-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  #header .header-top.ops-header-v11 > .ops-header-actions-column { min-width: 0; }
  /* Původní telefon v horní liště neskrýváme, dokud není na místě nový. */
}

/* Široké desktopy: skutečné čtyři sloupce bez překrytí. */
@media (min-width: 1500px) {
  #header .header-top.ops-header-v11 {
    grid-template-columns: auto minmax(280px,1fr) 275px auto;
  }
  #header .header-top.ops-header-v11 > .ops-header-support { display: inline-flex; }
  .top-navigation-contacts a.project-phone { display: none !important; }
}

/* Notebook: prioritou je vyhledávání a košík; telefon může být v původní horní liště. */
@media (min-width: 768px) and (max-width: 1499px) {
  #header .ops-header-flags { gap: 5px; }
  #header .ops-header-flags a { width: 27px; height: 27px; }
  #header .ops-header-flags img { width: 22px; height: 22px; }
}

/* Mobil: zásahy Shoptetu do mobilní hlavičky minimalizujeme. */
@media (max-width: 767px) {
  #header .ops-header-flags,
  #header .ops-header-support { display: none !important; }
  #header .navigation-buttons a.project-phone { display: none !important; }
  .top-navigation-bar .mobile-phone {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary, var(--ops-h-orange));
  }
}


/* ==============================================================
 * v1.3 – kompaktní hlavička podle původního vzhledu (12. 11. 2026)
 * Oproti 1.2 se NEVYNUCUJE 42px výška horního pruhu a
 * NEPŘIDÁVÁ se padding 10px na hlavní řadu hlavičky.
 * Zachované funkční rozložení z v1.1.
 * ============================================================== */
@media (min-width: 768px) {
  /* Horní pruh: vrátit nízké řádky 35 px jako v původních SMupravy.
     Min-height se musí odstranit i z jednotlivých sloupců. */
  .top-navigation-bar .container > div {
    height: 35px;
    min-height: 0;
    line-height: 35px;
    text-align: center;
  }
  /* Neprodlužovat lištu vlastní výškou nebo vertikálním paddingem. */
  .top-navigation-bar > .container {
    min-height: 0;
  }
  /* Hlavní hlavička: bez dodatečného paddingu z v1.2. */
  #header .header-top.ops-header-v11 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* Search: lehké zaoblení všech rohů tlačítka HLEDAT;
     obrys pole také, ale bez overflow:hidden kvůli našeptávání. */
  #header .header-top.ops-header-v11 form.search-form {
    border-radius: 4px;
  }
  #header .header-top.ops-header-v11 form.search-form button {
    border-radius: 4px !important;
  }
}

/* ==============================================================
 * v1.5 – pouze dvě kosmetické korekce (12. 11. 2026)
 * Beze změny gridu, výšek, telefonu, vlajek a košíku.
 * Záměrně bez overflow: hidden (našeptávání vyhledávání).
 * ============================================================== */
@media (min-width: 768px) {
  /* Posun pouze kreslené šipky; bez zásahu do výšky proužku.
     Nahrazuje posun o 3px z v1.4. */
  .top-navigation-bar .top-navigation-menu-trigger::before {
    position: relative;
    top: 7px;
  }

  /* Vnější obrys vyhledávání. Přepíšeme i případný radius šablony. */
  #header .header-top.ops-header-v11 .search,
  #header .header-top.ops-header-v11 form.search-form {
    border-radius: 6px !important;
  }

  /* Nenechat vnitřní vstup překrýt zaoblení na levé straně. */
  #header .header-top.ops-header-v11 form.search-form input[type="search"],
  #header .header-top.ops-header-v11 form.search-form input[type="text"],
  #header .header-top.ops-header-v11 form.search-form .search-input {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }

  /* Tlačítko ponecháme mírně zaoblené jako ve v1.4. */
  #header .header-top.ops-header-v11 form.search-form button {
    border-radius: 4px !important;
  }
}


/* ==============================================================
 * Stabilní vydání 1.6 – sjednocení obrysu vyhledávání
 * Pouze desktop. Neovlivňuje velikost ani pozici hlavičky.
 * NEDÁVAT overflow:hidden na form: mohl by oříznout našeptávač.
 * ============================================================== */
@media (min-width: 768px) {
  /* Vnější vrstvy, na kterých může šablona kreslit rámeček. */
  #header .header-top.ops-header-v11 .search,
  #header .header-top.ops-header-v11 .search form.search-form,
  #header .header-top.ops-header-v11 .search .search-form,
  #header .header-top.ops-header-v11 .search .search-form-input,
  #header .header-top.ops-header-v11 .search .search-input,
  #header .header-top.ops-header-v11 .search .search-input-wrapper {
    border-radius: 6px !important;
  }

  /* Krajní části vyhledávání musejí navazovat na obrys.
     Rozdílné rohy tlačítka nevytvářejí dojem useknutí. */
  #header .header-top.ops-header-v11 .search form.search-form button,
  #header .header-top.ops-header-v11 .search form.search-form .search-button,
  #header .header-top.ops-header-v11 .search form.search-form button[type="submit"] {
    border-radius: 6px !important;
    background-clip: padding-box;
  }

  #header .header-top.ops-header-v11 .search form.search-form input[type="text"],
  #header .header-top.ops-header-v11 .search form.search-form input[type="search"] {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
}