/* H1 obecně (kategorie, stránky) */
h1 {
  font-size: 24px;
  line-height: 1.2;
}


/* Horizontální menu – zrušení tučného písma */
.menu-level-1 > li > a,
.menu-level-1 > li > a b {
    font-weight: 400 !important; /* normal */
}

/* MOBIL: 2 produkty vedle sebe (titulka, kategorie, vyhledávání, doporučené, atd.) */
@media (max-width: 991px){

  /* samotný seznam produktů */
  .products.products-block{
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* jedna karta produktu */
  .products.products-block > .product{
    float: none !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
  }

  /* volitelně: ať jsou karty hezky odsazené */
  .products.products-block > .product{
    padding-left: 6px;
    padding-right: 6px;
  }
  .products.products-block{
    margin-left: -6px;
    margin-right: -6px;
  }
}


/* HP – nadpisy skupin produktů: vynutit viditelnost */
.in-index .homepage-tabs-wrapper .homepage-group-title{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: #111 !important;          /* kdyby se přebíjela barva */
  background: transparent !important;

  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;

  margin: 48px 0 16px !important;
  padding-bottom: 6px !important;
  border-bottom: 2px solid var(--color-primary) !important;
}

/* HOMEPAGE: produktové skupiny pod sebou (vypnout tabs) */
.in-index .homepage-tabs-wrapper .shp-tabs-row,
.in-index .homepage-tabs-wrapper .responsive-nav{
  display: none !important; /* skryje lištu záložek */
}

/* zobrazit všechny panely najednou */
.in-index .homepage-tabs-wrapper .tab-content{
  display: block !important;
}

.in-index .homepage-tabs-wrapper .tab-pane{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}

/* zrušit "fade" efekt bootstrapu */
.in-index .homepage-tabs-wrapper .tab-pane.fade{
  opacity: 1 !important;
}

/* volitelně mezery mezi skupinami */
.in-index .homepage-tabs-wrapper .tab-pane{
  margin-top: 24px;
}

/* HP: přehodit pořadí bloků – dlaždice/text nad produkty (tabs) */
.in-index .index-content-wrapper{
  display: flex;
  flex-direction: column;
}

/* 1) nejdřív text + dlaždice */
.in-index .homepage-texts-wrapper{
  order: 1;
}

/* 2) pak blok s vybranými výrobky / záložkami */
.in-index .homepage-tabs-wrapper{
  order: 2;
}

/* === FIX FOUC: konverzní/košíková tlačítka hned od začátku === */
.btn-primary,
.btn-secondary,
.btn-conversion,
.btn-cart,
.add-to-cart-button,
.cart-content .btn,
#cart-widget .btn,
.checkout-button{
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-conversion:hover,
.btn-cart:hover,
.add-to-cart-button:hover,
.cart-content .btn:hover,
#cart-widget .btn:hover,
.checkout-button:hover{
  background-color: var(--color-primary-hover) !important;
  border-color: var(--color-primary-hover) !important;
}

/* success hlášky (volitelné) */
.alert-success,
.messages .success,
.messages .msg-success{
  background-color: rgba(154,0,0,0.12) !important;
  border-left: 4px solid var(--color-primary) !important;
  color: #000 !important;
}

/* FOOTER – skrýt newsletter jen na titulní straně */
.in-index .footer-newsletter{
  display: none !important;
}

/* ZÁLOŽKY – základ */
.in-index .homepage-tabs-wrapper .shp-tab-link{
  font-size: 18px;
  /*font-weight: 700;*/
  padding: 10px 14px;
  border-radius: 6px 6px 0 0;
  transition: background-color .2s ease, color .2s ease;
}

/* Aktivní záložka */
.in-index .homepage-tabs-wrapper .shp-tab.active .shp-tab-link{
  background-color: #9a0000;   /* tvoje primární červená */
  color: #ffffff;
}

/* Neaktivní záložky */
.in-index .homepage-tabs-wrapper .shp-tab-link{
  background-color: transparent;
  color: #333;
}

/* Hover efekt (jen neaktivní) */
.in-index .homepage-tabs-wrapper .shp-tab:not(.active) .shp-tab-link:hover{
  background-color: rgba(154,0,0,0.08);
}



/* HOMEPAGE – záložky produktů (Akční zboží, Novinky) */
.in-index .homepage-tabs-wrapper .shp-tab-link{
  font-size: 18px;      /* uprav dle chuti */
  /*font-weight: 700;     /* tučné */
}


/* HOMEPAGE (titulka) – produktové bloky v tabech: 4 v řadě na PC */
@media (min-width: 992px){
  .in-index .homepage-tabs-wrapper .products.products-block{
    display: flex !important;
    flex-wrap: wrap !important;
  }


  .in-index .homepage-tabs-wrapper .products.products-block > .product{
    float: none !important;
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
  }
}

/* HOMEPAGE – dlaždice */
.hp-tiles{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* mobil: 2 */
  gap: 16px;
}

/* desktop */
@media (min-width: 992px){
  .hp-tiles{
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* PC: 4 */
  }
}

.hp-tile{
  display: block;
}

.hp-tile img{
  width: 100%;
  height: auto;
  display: block;
}


/* Dlaždice jako kontejner pro overlay */
.hp-tile{
  position: relative;
  overflow: hidden;
}

/* Overlay text */
.hp-tile__text{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  padding: 12px 14px;
  font-size: 16px;
  line-height: 1.2;

  color: #fff;
  background: rgba(0,0,0,0.50);

  transition: font-size .2s ease, background-color .2s ease, padding .2s ease;
}

/* Desktop hover */
@media (hover: hover) and (pointer: fine){
  .hp-tile:hover .hp-tile__text{
    font-size: 20px;
    background: rgba(0,0,0,0.70);
    padding: 14px 16px;
  }
}

/* Mobil / touch: tap (focus/active) */
@media (hover: none) and (pointer: coarse){
  .hp-tile:active .hp-tile__text,
  .hp-tile:focus .hp-tile__text,
  .hp-tile:focus-visible .hp-tile__text{
    font-size: 24px;
    background: rgba(0,0,0,0.70);
    padding: 14px 16px;
  }
}

/* =========================================================
   STEP – FILTRY (FINÁLNÍ STABILNÍ ŘEŠENÍ)
   - všude: vypnout cenový filtr
   - desktop (>=992px): filtry trvale rozbalené
   - mobil (<992px): 100% STEP default (rozbalí se tlačítkem)
   ========================================================= */


/* === 1) VŠUDE: vypnout cenový slider === */
#filters .slider-wrapper{
  display: none !important;
}


/* =========================================================
   DESKTOP – filtry VŽDY otevřené
   ========================================================= */
@media (min-width: 992px){

  /* pojistka, že filtr panel existuje */
  #filters{
    display: block !important;
  }

  /* sekce filtrů viditelná */
  #filters .filter-sections{
    display: block !important;
  }

  /* parametrické filtry (STEP používá ID) */
  #filters #category-filter-hover{
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
  }

  /* desktopové tlačítko "Rozbalit filtr" pryč */
  #filters .filter-section-button{
    display: none !important;
  }
}


/* =========================================================
   MOBIL – NECHAT STEP JS ŘÍDIT ROZBALENÍ
   ========================================================= */
@media (max-width: 991px){

  /* KRITICKÉ: wrapper filtrů nesmí být nikdy skrytý */
  .type-category #filters-wrapper,
  .type-category .filters-wrapper{
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Na mobilu NESAHAT na vnitřek filtrů
     (STEP používá data-unveil, display/height řeší JS) */
  #filters .filter-sections{
    display: block;
  }

  #filters #category-filter-hover{
    display: block;
  }

  /* desktopové tlačítko nepoužívat */
  #filters .filter-section-button{
    display: none !important;
  }

  /* kosmetika: žádný tmavý podklad kolem tlačítka */
  .filters-unveil-button-wrapper{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}


/* =========================================================
   MOBIL – LAST FIX
   ========================================================= */

@media (max-width: 991px){

  .type-category .filters-unveil-button-wrapper{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 12px 0 !important;
    height: auto !important;
  }

  .type-category .filters-unveil-button-wrapper::before,
  .type-category .filters-unveil-button-wrapper::after{
    background: transparent !important;
    box-shadow: none !important;
  }

  .type-category .filters-unveil-button-wrapper a.unveil-button{
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;

    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 12px 14px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
}