/* LINVELIA — jednotná hlavička CELÉHO E-SHOPU / Shoptet Samba.
   Kompletní aktualizace 6: nový soubor linvelia-header-v6.css.
   Logo, menu a ikony: všechny stránky se společnou hlavičkou #header.
   body[class] zachovává sílu selektorů; neomezuje je na titulní stránku.
   Vínový pruh a jeho záloha: všechny stránky se společnou hlavičkou.
   Žádná pravidla pro banner, obsah, produkty ani zápatí. */

/* Záložní pruh: zobrazit pouze tehdy, pokud původní pruh skript nevytvořil.
   Jakmile původní pruh existuje, toto pravidlo se neuplatní. Bez duplikace.
   Pseudo-element je před hlavičkou, v běžném toku stránky. */
body[class] > .overall-wrapper:not(:has(#linvelia-home-topbar))::before {
  content: "100% KAŠMÍR\00a0\00a0\00b7\00a0\00a0VYROBENO V NEPÁLU\00a0\00a0\00b7\00a0\00a0SLOŽENÍ LABORATORNĚ OVĚŘENO";
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 34px;
  margin: 0;
  padding: 9px 12px;
  background: #602332;
  color: #fff;
  font: 500 11px/1.35 "Source Sans 3", Arial, sans-serif;
  letter-spacing: 0.8px;
  text-align: center;
}

@media (max-width: 767px) {
  body[class] > .overall-wrapper:not(:has(#linvelia-home-topbar))::before {
    padding: 9px 8px;
    font-size: 9px;
    letter-spacing: 0.3px;
  }
}

/* Vínový informační pruh. Běžný tok stránky, bez překrytí obsahu. */
body[class] #linvelia-home-topbar {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #602332;
  color: #fff;
}

body[class] #linvelia-home-topbar .lv-header-strip__inner {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 1360px;
  min-height: 34px;
  margin: 0 auto;
  padding: 7px 24px;
}

body[class] #linvelia-home-topbar .lv-header-strip__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  text-align: center;
  font: 500 11px/1.35 "Source Sans 3", Arial, sans-serif;
  letter-spacing: 0.8px;
}

body[class] #linvelia-home-topbar svg {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #d4ad73;
}

/* Mobilní rozložení a vysouvání navigace zůstává nativní. */
@media (max-width: 767px) {
  body[class] #linvelia-home-topbar .lv-header-strip__inner {
    gap: 8px;
    min-height: 34px;
    padding: 6px 10px;
  }
  body[class] #linvelia-home-topbar .lv-header-strip__item {
    font-size: 9px;
    line-height: 1.3;
    letter-spacing: 0.3px;
  }
  body[class] #linvelia-home-topbar svg { display: none; }
}

/* Tři původní ikony: zachovat obrys, odstranit pouze druhou vrstvu výplně.
   Selektory nemíří na tlačítka ani na počítadlo položek košíku. */
body[class] #header .navigation-buttons > a > .icon-search::after,
body[class] #header .navigation-buttons > button > .icon-login::after,
body[class] #header .navigation-buttons > a > .icon-cart::after {
  content: none !important;
  display: none !important;
}

body[class] #header .navigation-buttons > a > .icon-search::before,
body[class] #header .navigation-buttons > button > .icon-login::before,
body[class] #header .navigation-buttons > a > .icon-cart::before {
  color: #292420 !important;
  opacity: 1 !important;
}

/* Desktop / tablet: původní logo a ovládací prvky, bez přestavby HTML. */
@media (min-width: 768px) {
  body[class] #header {
    --lv-header-gutter: clamp(24px, 5.5vw, 104px);
    position: relative !important;
    background: #f4efe7 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[class] #header .header-top {
    background: #f4efe7 !important;
    min-height: 72px !important;
  }

  body[class] #header .header-top-wrapper {
    box-sizing: border-box;
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 72px !important;
    margin: 0 auto !important;
    padding: 0 var(--lv-header-gutter) !important;
  }

  body[class] #header .site-name {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    order: 1;
    flex: 0 0 200px;
    width: 200px !important;
    max-width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body[class] #header .site-name > a { display: block; }

  body[class] #header .site-name img {
    display: block;
    width: 200px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain;
    object-position: left center;
  }

  body[class] #header .navigation-tools {
    order: 2;
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
  }

  body[class] #header .navigation-buttons {
    position: relative !important;
    order: 3;
    flex: 0 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[class] #header .navigation-buttons > a,
  body[class] #header .navigation-buttons > button {
    color: #292420 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  body[class] #header .user-action { order: 4; }

  body[class] #header .header-bottom {
    margin: 0 !important;
    background: #f4efe7 !important;
    border: 0 !important;
  }

  body[class] #header .header-bottom-wrapper {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 var(--lv-header-gutter) !important;
    background: transparent !important;
    border: 0 !important;
  }

  body[class] #header #navigation {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[class] #header #navigation .navigation-in {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[class] #header #navigation .navigation-in > .menu-level-1 {
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[class] #header #navigation .navigation-in > .menu-level-1 > li > a,
  body[class] #header #navigation .navigation-in > .menu-level-1 > li > a > b {
    font-family: Raleway, "Source Sans 3", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #292420 !important;
  }

  body[class] #header #navigation .navigation-in > .menu-level-1 > li > a {
    padding: 14px !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  body[class] #header #navigation .navigation-in > .menu-level-1 > li:hover > a,
  body[class] #header #navigation .navigation-in > .menu-level-1 > li > a:focus-visible,
  body[class] #header #navigation .navigation-in > .menu-level-1 > li > a[aria-expanded="true"] {
    color: #602332 !important;
    background: #f6f0ec !important;
  }

  body[class] #header .menu-helper {
    color: #292420;
    background: #f4efe7 !important;
    box-shadow: none !important;
  }
}

/* Jeden řádek od 992 px: logo | původní menu | původní ikony.
   Při více položkách zůstává aktivní nativní nabídka Shoptetu „Více“. */
@media (min-width: 992px) {
  body[class] #header .header-bottom {
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    left: calc(var(--lv-header-gutter) + 224px) !important;
    right: calc(var(--lv-header-gutter) + 168px) !important;
    width: auto !important;
    height: 72px !important;
    background: transparent !important;
  }

  body[class] #header .header-bottom-wrapper {
    height: 72px !important;
    padding: 0 !important;
  }

  body[class] #header #navigation,
  body[class] #header #navigation .navigation-in,
  body[class] #header #navigation .navigation-in > .menu-level-1,
  body[class] #header .menu-helper { height: 72px !important; }

  body[class] #header #navigation .navigation-in > .menu-level-1 > li > a {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
}

/* Mezi 768 a 991 px má menu vlastní řádek, aby se nepřekrývalo s logem. */
@media (min-width: 768px) and (max-width: 991px) {
  body[class] #header .header-bottom { position: relative !important; }
  body[class] #header .header-bottom-wrapper { padding: 0 !important; }
  body[class] #header #navigation,
  body[class] #header #navigation .navigation-in,
  body[class] #header #navigation .navigation-in > .menu-level-1,
  body[class] #header .menu-helper { height: 48px !important; }
}

/* Krémová hlavička a jemná zlatá spodní linka na desktopu i telefonu.
   Stejná barva je pod logem, navigací a ovládacími ikonami.
   Font, velikost a tloušťka menu zůstávají jako ve verzi 5. */
body[class] #header {
  background: #f4efe7 !important;
  border-bottom: 1px solid #b58a52 !important;
}

body[class] #header .header-top {
  background: #f4efe7 !important;
}