/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Text Domain: twentytwentyfour-child
*/


/* ========== OBAL ========== */
/* Flexbox obal pro menu a košík v jednom řádku */
.obalmenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0; /* Není třeba mezery, budou řízeny vnitřním layoutem */
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ========== NAVIGACE ========== */
/* Samotné nav roztáhnout */
.obalmenu nav.wp-block-navigation {
  flex-grow: 1;
}

/* Ul kontejner: flex + rovnoměrné rozložení */
ul.wp-block-navigation__container {
  display: flex !important;
  justify-content: space-between !important;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: nowrap;
}

/* Každá položka menu má stejný prostor */
ul.wp-block-navigation__container > li.wp-block-navigation-item {
  flex: 1 1 0 !important;
  text-align: center;
  white-space: nowrap;
}

/* Odkaz uvnitř položky menu */
.wp-block-navigation-item__content {
  display: block;
  width: 100%;
  padding: 0.5em 0.75em;
}

/* ========== KOŠÍK ========== */
/* Košík držet na pravé straně */
.obalmenu .wc-block-mini-cart {
  margin-left: auto;
  flex-shrink: 0;
}

/* ========== BREAKPOINT: 1175–1499 px ========== */
/* Mírné zmenšení mezery mezi položkami (neměnit font, nezalamovat) */
@media (min-width: 1175px) and (max-width: 1499px) {
  ul.wp-block-navigation__container > li.wp-block-navigation-item {
    padding: 0 0.5em;
  }

  .wp-block-navigation-item__content {
    padding: 0.5em 0.5em;
  }
}



/* Výchozí styl pro všechny ikonky v submenu */
.wp-block-navigation-item::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 8px;
  font-size: 1rem;
  line-height: 1;
  color:white !important;
  vertical-align: middle;
  transform: translateY(1px); /* jemné doladění zarovnání */
}

/* 📘 Specifické ikonky dle názvu tříd submenu */
.wp-block-navigation-item.CD::before { content: "\f001"; }              /* fa-music */
.wp-block-navigation-item.DVD::before { content: "\f008"; }            /* fa-film */
.wp-block-navigation-item.Fonopohlednice::before { content: "\f03e"; } /* fa-image */
.wp-block-navigation-item.MC-kazety::before { content: "\f144"; }      /* fa-play-circle */
.wp-block-navigation-item.Videokazety::before { content: "\f03d"; }    /* fa-video */
.wp-block-navigation-item.Vinyly-LP-desky::before { content: "\f51f"; }/* fa-compact-disc */
.wp-block-navigation-item.Vinyly-singly::before { content: "\f51f"; }  /* fa-record-vinyl */
.wp-block-navigation-item.Beletrie::before { content: "\f02d"; }       /* fa-book-open */
.wp-block-navigation-item.Casopisy-noviny::before { content: "\f1ea"; }/* fa-newspaper */
.wp-block-navigation-item.Cizojazycna::before { content: "\f0ac"; }    /* fa-globe */
.wp-block-navigation-item.Literatura-faktu-historie::before { content: "\f5a0"; } /* fa-landmark */
.wp-block-navigation-item.Odborna-a-naucna::before { content: "\f19d"; } /* fa-graduation-cap */
.wp-block-navigation-item.Umeni-hudba::before { content: "\f53f"; }    /* fa-palette */
.wp-block-navigation-item.Dokumenty::before { content: "\f15c"; }      /* fa-file-alt */
.wp-block-navigation-item.Falarestika::before { content: "\f5b3"; }    /* fa-shapes */
.wp-block-navigation-item.Filatelie::before { content: "\f674"; }      /* fa-envelopes-bulk */
.wp-block-navigation-item.Kalendare::before { content: "\f073"; }      /* fa-calendar-alt */
.wp-block-navigation-item.Modelarstvi::before { content: "\f6cf"; }    /* fa-cubes */
.wp-block-navigation-item.Numismatika::before { content: "\f53c"; }    /* fa-coins */
.wp-block-navigation-item.Ostatni::before { content: "\f187"; }        /* fa-archive */
.wp-block-navigation-item.Pohlednice::before { content: "\f1c4"; }     /* fa-file-image */
.wp-block-navigation-item.Umeni::before { content: "\f53f"; }          /* fa-palette */
.wp-block-navigation-item.Hracky-hry::before { content: "\f11b"; }     /* fa-puzzle-piece */
.wp-block-navigation-item.Nejena-chalupu::before { content: "\f6c0"; } /* fa-tree */
.wp-block-navigation-item.Pristroje-fotoaparaty::before { content: "\f030"; } /* fa-camera-retro */
.wp-block-navigation-item.Zajimavosti-kuriozity::before { content: "\f5b0"; } /* fa-icons */
.wp-block-navigation-item.Sklo-porcelan-keramika::before { content: "\f4b8"; } /* fa-wine-glass-alt */
.wp-block-navigation-item.Sosky-figurky-plastiky::before { content: "\f557"; } /* fa-archway */



/* 📕 IKONY V SUBMENU – KOREKTNÍ ZAROVNÁNÍ A MINIMÁLNÍ MEZERA 📕 */
.wp-block-navigation__submenu-container .wp-block-navigation-link {
  display: inline-flex;
  align-items: center;
  gap: 2px; /* zmenšený odstup mezi ikonou a textem */
  padding: 10px 20px 10px 16px;
  font-size: 1rem;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
  color:white;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

/* 📘 Ikony vedle textu – fixní úsporná šířka 📘 */
.wp-block-navigation__submenu-container .wp-block-navigation-link::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  color: var(--category-icon-color, #4f3827);
  display: inline-block;
  line-height: 1;
  width: 14px;       /* ještě menší prostor pro ikonu */
  min-width: 14px;
  text-align: left;
  flex-shrink: 0;
  transform: translateY(1px);
}






/* Zarovná submenu přesně pod rodičovskou položku */
.wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
  left: -7px !important;
}


/* Zakulacene rohy rozbaleneho podmenu */
.wp-block-navigation__submenu-container {
  border-radius: 0 0 6px 6px !important;
  overflow: hidden !important;
  background-clip: padding-box;
}







/*  =============================  */
/*  📕 ZOBRAZENÍ PODKATEGORIÍ V KATALOGU 📕  */
/*  =============================  */
.woocommerce-subcategories-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  max-width: 1280px;
  margin: 20px auto;
  padding: 5px;
  justify-content: center;
}

.woocommerce-subcategory {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #f7f7f7;
  border-radius: 5px;
  padding: 8px 10px;
  
  
  font-weight: bold;
  text-align: left;
  transition: background 0.3s, transform 0.2s;
  min-height: 45px;
  font-size: 15px;
  line-height: 1.2;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.woocommerce-subcategory:hover {
  background: #e0e0e0;
  transform: translateY(-2px);
}

.woocommerce-subcategory a {
  text-decoration: none;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.woocommerce-subcategory::before {
  content: "📂";
  margin-right: 6px;
  margin-left: 2px;
  
  font-size: 14px;
  opacity: 0.6;
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 1024px) {
  .woocommerce-subcategories-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 768px) {
  .woocommerce-subcategories-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .woocommerce-subcategory {
    font-size: 14px;
    padding: 3px 4px;
  }
}

/*  =============================  */
/*  📕 KONTEJNER PRODUKTU 📕  */
/*  =============================  */
.wc-block-product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: left;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:10px;
  
  box-sizing: border-box;
  border-radius: 10px;
  transition: box-shadow 0.3s ease;
  background-color: #fff;
  height: 100%;
  width: 100%; ;
}

/* 📘 ZRUSENI MEZER NA MOBILU A TABLETU 📘 */
/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 1024px) {
    /* 📘 PŘEPNUTÍ NA DVOUSLOUPCOVÉ ZOBRAZENÍ 📘 */
   .wc-block-product {
    padding-top:0px;
    padding-bottom:0px;
     }
    }

    /* 📘 KAŽDÝ PRODUKT SE ROZTÁHNE NA CELÝ SLOUPEC 📘 */
    .wc-block-product {
        width: 100%;
    }

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 380px) {
    /* 📘 PŘEPNUTÍ NA DVOUSLOUPCOVÉ ZOBRAZENÍ 📘 */
    .wp-block-woocommerce-product-template {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /* 📘 KAŽDÝ PRODUKT SE ROZTÁHNE NA CELÝ SLOUPEC 📘 */
    .wc-block-product {
        width: 100%;
    }
}

/* 📘 ZAJISTÍ DVOUSLOUPCOVÉ ZOBRAZENÍ I POD 360PX 📘 */
/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 359px) {
    .wp-block-woocommerce-product-template {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*  =============================  */
/*  📕 OBRÁZEK PRODUKTU 📕  */
/*  =============================  */
.wc-block-components-product-image {
  width: 180px;
  height: 230px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}

.wc-block-components-product-image img {
  display: block;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: bottom left;
}








/* 📘 RESPONSIVNÍ ÚPRAVY 📘 */
/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 768px) {
  .wc-block-product {
    width: 100%;
  }
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 380px) {
  .wc-block-product .wc-block-components-product-image {
    height: 230px;
  }
}

/*  =============================  */
/*  📕 VÝPIS PRODUKTŮ V KATEGORII 📕  */
/*  =============================  */
.wp-block-woocommerce-product-template .wc-block-product {
  text-transform: none;
}

/*  =============================  */
/*  📕 NÁZEV PRODUKTU 📕  */
/*  =============================  */
.wp-block-woocommerce-product-template .wc-block-product .wp-block-post-title {
  margin-bottom: 0.3em;
  font-weight: 500;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  padding-top: 10px;
}

/*  =============================  */
/*  📕 PODNADPIS (H4) V POPISKU PRODUKTU 📕  */
/*  =============================  */
.wp-block-woocommerce-product-template .product-excerpt-container .sd-subtitle-h {
  font-size: 1.1em;
  line-height: 1.2;
  margin-bottom: 0.3em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: oblique;
  color: #000;
  text-align: left;
  display: block;
  margin: 0;
  padding: 0 0 7px 0;
}

.wp-block-woocommerce-product-template .product-excerpt-container .sd-subtitle-h + p {
  margin-top: 0.3em;
}

/*  =============================  */
/*  📕 KRÁTKÝ POPISEK PRODUKTU 📕  */
/*  =============================  */
.wp-block-woocommerce-product-template .product-excerpt-container .short-description-text {
  text-align: left;
  font-size: 0.75em;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-transform: none;
}

.wp-block-woocommerce-product-template .product-excerpt-container .short-description-text p {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

/*  =============================  */
/*  📕 SILNÝ TEXT (AUTOR PUBLIKACE) 📕  */
/*  =============================  */
.wp-block-woocommerce-product-template .product-excerpt-container .short-description-text strong {
  font-weight: bold;
  display: block;
  margin-bottom: 0.2em;
  text-transform: none;
}

/*  =============================  */
/*  📕 STYLIZACE POPISU KATEGORIE 📕  */
/*  =============================  */
.category-description {
  width: 100%;
  max-width: none;
  text-align: justify;
  font-size: 1rem;
  line-height: 1.4;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.category-description > p {
  max-width: 100%;
  width: 100%;
  text-align: justify;
  margin: 0;
}

.desc-benefits {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
}

.benefit {
  font-size: 1.1rem;
  font-weight: 500;
  color: #222;
  display: flex;
  align-items: center;
  gap: 5px;
}

/*  =============================  */
/*  📕 STYLIZACE VÝPISU PRODUKTŮ V DETAILU PRODUKTU - OPRAVENÉ ZAROVNÁNÍ OBRÁZKŮ DOLEVA 📕  */
/*  =============================  */
.product-suggestions-wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 10px;
}

.product-suggestion-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-suggestion-item {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  padding-bottom: 10px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
 ;
  transition: box-shadow 0.3s ease;
}

.product-suggestion-item:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.product-suggestion-link {
  display: block;
  text-decoration: none;
  color: inherit;
;
}

.product-suggestion-image {
  width: 100%;
  height: 230px;
  display: flex !important;
  justify-content: flex-start !important; ;
  align-items: flex-end !important;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  text-align: left !important; ;
}

.product-suggestion-image img {
  display: inline-block !important; ;
  margin: 0 !important;
  padding: 0;
  max-height: 230px;
  max-width: 100%;
  object-fit: contain;
  object-position: bottom left !important; ;
  transition: transform 0.3s ease;
}

/* 📘 NÁZEV PRODUKTU 📘 */
.product-suggestion-title {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  padding-top: 0;
  margin-bottom: 0.3em;
}

/* 📘 CENA PRODUKTU – KONTEXTOVĚ SPECIFIKOVANÁ 📘 */
.archive .woocommerce .woocommerce-Price-amount,
.page-template-template-katalog .woocommerce .woocommerce-Price-amount,
.home .woocommerce .woocommerce-Price-amount,
.wp-block-woocommerce-product-template .wc-block-product .woocommerce-Price-amount,
.product-suggestion-item .woocommerce-Price-amount,
.product-suggestion-price .woocommerce-Price-amount,
.single-product .product-suggestions-wrapper .woocommerce-Price-amount,
.slider-block .woocommerce-Price-amount,
.carousel-block .woocommerce-Price-amount {
  margin-top: 1px;
  font-size: 0.95rem;
  font-weight: bold;
  color: #d9534f;
}

/* 📘 KRÁTKÝ POPIS 📘 */
.product-suggestion-description {
  font-size: 0.75rem;
  line-height: 1.3;
  margin-top: 6px;
  color: #444;
  text-align: left;
}

/* 📘 RESPONSIVNÍ ÚPRAVY 📘 */
/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 1024px) {
  .product-suggestion-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 768px) {
  .product-suggestion-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 480px) {
  .product-suggestion-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-suggestion-title {
    font-size: 0.95rem;
  }

  .product-suggestion-price {
    font-size: 0.85rem;
  }

  .product-suggestion-description {
    font-size: 0.7rem;
  }
}

/*  =============================  */
/*  📕 ÚPRAVA KRÁTKÉHO POPISU V DETAILU PRODUKTU 📕  */
/*  =============================  */

.product-suggestion-description .sd-subtitle-h {
  font-size: 1.1em;
  line-height: 1.2;
  margin-bottom: 0.3em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: oblique;
  color: #000;
  text-align: left;
  display: block;
  padding: 0 0 7px 0;
  margin: 0;
}

.product-suggestion-description p {
  margin: 0 0 0.3em 0;
  padding: 0;
  line-height: 1;
  font-size: 1.1em;
  text-align: left;
}

.product-suggestion-description strong {
  font-weight: bold;
  display: block;
  margin-bottom: 0.2em;
  text-transform: none;
}

/*  =============================  */
/*  📕 DALŠÍ KNIHY OD AUTOR ÚPRAVA KRÁTKÉHO POPISU V DETAILU PRODUKTU 📕  */
/*  =============================  */

.short-description-text {
padding:0px;
margin: 0px;
}

.short-description-text p {
  margin: 0 0 0.3em 0;
  padding: 0;
  line-height: 1;
  font-size: 0.8em;
  text-align: left;
}

.wp-block-template-part {
  margin-bottom: 0.2rem;
  margin-top: 0;
}

.product-suggestion-item {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 22px;
}

/*  =============================  */
/*  📕 STYL PODOBNÝCH PRODUKTŮ – COLUMNS-3 (PRAVÝ SLOUPEC) 📕  */
/*  =============================  */
/* 📘 ZÚŽENÍ A SROVNÁNÍ PRODUKTŮ V PRAVÉM SLOUPCI 📘 */
.product-suggestion-grid.columns-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
  justify-content: flex-start;
}

.product-suggestion-grid.columns-3 .product-suggestion-item {
  flex: 0 0 calc(29% - 1rem);
  max-width: calc(29% - 1rem);
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.product-suggestion-grid.columns-3 .product-suggestion-title,
.product-suggestion-grid.columns-3 .product-suggestion-description {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  line-height: 1.2;
}

/* 📘 OBRÁZKY PŘIZPŮSOBIT ŠÍŘCE BOXU 📘 */
.product-suggestion-grid.columns-3 .product-suggestion-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* 📘 RESPONSIVNÍ VERZE 📘 */
/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media screen and (max-width: 1024px) {
  .product-suggestion-grid.columns-3 .product-suggestion-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media screen and (max-width: 600px) {
  .product-suggestion-grid.columns-3 .product-suggestion-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*  =============================  */
/*  📕 FOTOGRALERIE 📕  */
/*  =============================  */

/* 📘 ZLEPŠENÍ STYLU NÁHLEDŮ VE FOTOGALERII PRODUKTU 📘 */

/* 📘 KONTEJNER GALERIE NÁHLEDŮ – ODSAZENÍ OD HLAVNÍHO OBRÁZKU 📘 */
.flex-control-thumbs {
  margin-top: 20px !important;        ;
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;                          ;
  justify-content: flex-start;
}

/* 📘 JEDNOTLIVÉ NÁHLEDY 📘 */
.flex-control-thumbs li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 📘 OBRÁZKY V NÁHLEDECH – ODSTRANĚNÍ ZESVĚTLENÍ (OPACITY) 📘 */
.flex-control-thumbs img {
  opacity: 1 !important;             ;
  transition: transform 0.3s ease;
  border-radius: 6px;                ;
  max-height: 80px;
  object-fit: contain;
}

/* 📘 ZVÝRAZNĚNÍ NÁHLEDU PŘI HOVERU 📘 */
.flex-control-thumbs img:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  cursor: pointer;
}

/* 📘 VOLITELNĚ: AKTIVNÍ NÁHLED (POKUD SE APLIKUJE CSS TŘÍDA 'ACTIVE') 📘 */
.flex-control-thumbs .flex-active-slide img {
  outline: 2px solid #d9534f;         ;
  outline-offset: 2px;
  border-radius: 6px;
}

/*  =============================  */
/*  📕 POPISEK PRODUKTU 📕  */
/*  =============================  */

/* 📘 VYLEPŠENÝ POPIS PRODUKTU 📘 */
.custom-long-description {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #222;
  max-width: 100%;
}

/* 📘 ZMENŠENÉ MEZERY MEZI PSEUDO-ODSTAVCI 📘 */
.custom-long-description p {
  margin: 0 0 0.0em 0; ;
  padding: 0;
}

/* 📘 ZŘETELNĚJŠÍ STRONG 📘 */
.custom-long-description strong {
  font-weight: 600;
  color: #000;
}

/* 📘 PODNADPIS – ZAROVNÁNÍ S HLAVNÍM NADPISEM 📘 */
.ld-subtitle-h {
  margin-top: 0.2rem;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}

/* 📘 POKUD JE PODNADPIS AŽ POD HLAVNÍM NÁZVEM, DRŽÍME HO BLÍZKO 📘 */
.woocommerce div.product .product_title + .ld-subtitle-h {
  margin-top: -0.2rem;
}

/* 📘 ZAROVNÁNÍ BLOKŮ "DALŠÍ INFORMACE" A "PODOBNÉ POLOŽKY" NA STEJNOU VÝŠKU 📘 */
.single-product .product-suggestions-wrapper {
  margin-top: -20px; ;
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 768px) {
  .single-product .product-suggestions-wrapper {
    margin-top: -20px;
  }
}

/*  =============================  */
/*  📕 TABULKA S DALSI INFORMACE 📕  */
/*  =============================  */

.woocommerce table.shop_attributes th {
  width: 100px;
  font-weight: 700;
  padding: 8px;
  border-top: 0;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  margin: 0;
  line-height: 1.5;
}

/*  =============================  */
/*  📕 DETAIL PRODUKTU CENA, DO KOSIKU, SKLAD 📕  */
/*  =============================  */

/* 📘 SKLADOVA ZASOBA 📘 */

.stock {
  color: green;
 ;
 padding-left: 4px;
display: none;
}

/*  =============================  */
/*  📕 TLACITKO DO KOSIKU V DETAILU PRODUKTU 📕  */
/*  =============================  */

.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name="add-to-cart"] {
margin-top: 50px;
}

/*  =============================  */
/*  📕 VYHLEDAVANI V HLAVICCE 📕  */
/*  =============================  */

/* 📘 === OBECNÉ ZAROVNÁNÍ CELÉHO VYHLEDÁVACÍHO BLOKU === 📘 */
.wp-block-search {
  max-width: 430px;            
  width: 100%;
  margin-left: auto;          
  margin-right: 0;
  box-sizing: border-box;
  padding-bottom:17px;
  padding-top:19px;
}

/* 📘 === VNITŘNÍ WRAPPER POLE + TLAČÍTKO === 📘 */
.wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #663200;
  border-radius: 7px;
  background-color: #fff;
  overflow: hidden;
  height: 51px; ;
  padding: 0 4px;
}

/* 📘 === TEXTOVÉ POLE === 📘 */
.wp-block-search__input {
  flex: 1;
  border: none;
  background-color: transparent;
  padding: 8px 10px;
  font-size: 1rem;
  color: #2c1d10;
  font-family: inherit;
  height: 100%;
}

/* 📘 === PLACEHOLDER TEXT === 📘 */
.wp-block-search__input::placeholder {
  color: #7f6c51;
  opacity: 1;
}

/* 📘 TLAČÍTKO pro vyhledavani ruka nebo lupa  📘 */
.wp-block-search__button {
  background-color: transparent !important;
  color: transparent;
  border: none;
  padding: 0;
  width: 57px;
  height: 26px;
  margin-right:3px;
  background-image: url('https://antikchimera.cz/wp-content/uploads/2025/05/vyhledavani.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

/* Fallback ikona lupy (textová), pokud se obrázek nezobrazí */
.wp-block-search__button::after {
  content: "🔍";
  color: #4f3827;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Skryj fallback, pokud má tlačítko funkční pozadí */
@supports (background-image: url('https://antikchimera.cz/wp-content/uploads/2025/05/vyhledavani.png')) {
  .wp-block-search__button::after {
    display: none;
  }
}


/* 📘 HOVER EFEKT – JEMNÉ ZVÝRAZNĚNÍ 📘 */
.wp-block-search__button:hover {
  color: #2c1d10;
}

/* 📘 === LABEL (SKRÝT) === 📘 */
.wp-block-search__label {
  display: none;
}

/*  =============================  */
/*  📕 OBRAZEK PRODUKTU VE VYPISU 📕  */
/*  =============================  */

.wc-block-product .wc-block-components-product-image img {
  max-height: 230px;
  max-width: 100%;
  object-fit: contain;
  object-position: bottom;
  transition: transform 0.3s ease;
}





























/*  =============================  */
/*  📕 SKRYVANI TEXTU V KATEGORII 📕  */
/*  =============================  */
/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (max-width: 767px) {
  .category-description-wrapper {
    position: relative;
  }

  .category-description-wrapper.is-collapsed .category-description-hidden {
    display: none;
  }

  .category-more-toggle {
    display: inline;
    margin-left: 0.3em;
    font-size: 0.95em;
    color: #666;
    text-decoration: underline;
    cursor: pointer;
  }

  .category-description-wrapper.expanded .category-description-hidden {
    display: inline;
  }

  .category-description-wrapper.expanded #category-hidden-benefits {
    display: block;
    margin-top: 0.5em;
  }

  .category-description-wrapper.expanded .category-more-toggle {
    display: none;
  }
}

/* 📏 RESPONSIVNÍ ÚPRAVA 📏 */
@media (min-width: 768px) {
  .category-description-hidden,
  #category-hidden-benefits {
    display: inline !important;
  }

  .category-more-toggle {
    display: none !important;
  }
}





/*  =============================  */
/*  📕 vyhody kategorie 📕  */
/*  =============================  */



.vyhodykategorie {margin-top:0px;}








/*  =============================  */
/*  📕 IKONY IKONY IKONY 📕  */
/*  =============================  */



/* 📕 IKONY KATEGORIÍ – jednotná barva, větší velikost 📕 */

/* 🌈 Barva ikon – upravitelná na jednom místě */
:root {
  --category-icon-color: #4f3827; /* ladí s logem a nadpisy */
}

/* 📕 IKONY KATEGORIÍ – jednotná barva, větší velikost 📕 */

/* 🌈 Barva ikon – upravitelná na jednom místě */
:root {
  --category-icon-color: #4f3827; /* ladí s logem a nadpisy */
}

/* Výchozí styl pro všechny ikonky */
.woocommerce-subcategory::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 8px;
  font-size: 21px;
  opacity: 1;
  color: var(--category-icon-color);
}

/* 📘 Specifické ikonky kategorií (hlavní i druhé úrovně) */
.subcategory-audio-video-hudba-film::before { content: "\f028"; }       /* fa-volume-up */
.subcategory-cd::before { content: "\f001"; }                           /* fa-music */
.subcategory-dvd::before { content: "\f008"; }                          /* fa-film */
.subcategory-fonopohlednice::before { content: "\f03e"; }               /* fa-image */
.subcategory-mc-kazety::before { content: "\f144"; }                    /* fa-play-circle */
.subcategory-videokazety::before { content: "\f03d"; }                  /* fa-video */
.subcategory-vinyly-lp-desky::before { content: "\f51f"; }   /* fa-compact-disc */
.subcategory-vinyly-singly::before { content: "\f51f"; }                /* fa-record-vinyl */
.subcategory-beletrie::before { content: "\f02d"; }                     /* fa-book-open */
.subcategory-casopisy-noviny::before { content: "\f1ea"; }              /* fa-newspaper */
.subcategory-cizojazycna::before { content: "\f0ac"; }                  /* fa-globe */
.subcategory-literatura-faktu-historie::before { content: "\f5a0"; }    /* fa-landmark */
.subcategory-odborna-a-naucna::before { content: "\f19d"; }             /* fa-graduation-cap */
.subcategory-umeni-hudba::before { content: "\f53f"; }                  /* fa-palette */
.subcategory-dokumenty::before { content: "\f15c"; }                    /* fa-file-alt */
.subcategory-falarestika::before { content: "\f5b3"; }                  /* fa-shapes */
.subcategory-filatelie::before { content: "\f674"; }                    /* fa-envelopes-bulk */
.subcategory-kalendare::before { content: "\f073"; }                    /* fa-calendar-alt */
.subcategory-modelarstvi::before { content: "\f6cf"; }                  /* fa-cubes */
.subcategory-numismatika::before { content: "\f53c"; }                  /* fa-coins */
.subcategory-ostatni::before { content: "\f187"; }                      /* fa-archive */
.subcategory-pohlednice::before { content: "\f1c4"; }                   /* fa-file-image */
.subcategory-umeni::before { content: "\f53f"; }                        /* fa-palette */
.subcategory-hracky-hry::before { content: "\f11b"; }                   /* fa-puzzle-piece */
.subcategory-nejen-na-chalupu::before { content: "\f6c0"; }             /* fa-tree */
.subcategory-pristroje-fotoaparaty::before { content: "\f030"; }        /* fa-camera-retro */
.subcategory-zajimavosti-kuriozity::before { content: "\f5b0"; }        /* fa-icons */
.subcategory-sklo-porcelan-keramika::before { content: "\f4b8"; }       /* fa-wine-glass-alt */
.subcategory-sosky-figurky-plastiky::before { content: "\f557"; }       /* fa-archway */

















/* 📏 PODNADPIS PRODUKTU V DETAILU PRODUKTU 📏 */
.custom-long-description > h2 {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}

.custom-long-description > h3
{
  margin-top: 0rem;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #333;
}

.odstavecoknize > h3
{
  margin-top: 25rem;
}


/* 📏 PODNADPIS PRODUKTU V kratkem popisku 📏 */
.wc-block-product .product-excerpt-container h4 {
  font-size: 1.1em;
  line-height: 1.2;
  margin-bottom: 0.3em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: oblique;
  color: #000;
  text-align: left;
  display: block;
  margin: 0;
  padding: 0 0 7px 0;
}













/* 📕 FAQ HARMONIKA 📕 */
.faq-accordion {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-size: 1rem;
  line-height: 1.6;
  font-family: inherit;
  color: #1a1a1a;
  background-color: #fdfbf7;
}

.faq-accordion details {
  border-bottom: 1px solid #d6cdbf;
  padding: 1rem 0;
}

.faq-accordion summary {
  font-weight: 600;
  font-size: 1.1rem;
  cursor: pointer;
  list-style: none;
  position: relative;
  color: #4b3b28;
  transition: color 0.3s ease;
}

.faq-accordion summary:hover {
  color: #7a5e3c;
}

.faq-accordion summary::-webkit-details-marker {
  display: none;
}

.faq-accordion summary::after {
  content: "▼";
  float: right;
  font-size: 0.9rem;
  color: #b39b82;
  transition: transform 0.3s ease;
}

.faq-accordion details[open] summary::after {
  content: "▲";
  color: #7a5e3c;
}

.faq-answer {
  margin-top: 0.5rem;
  padding-left: 0.25rem;
  color: #2f2f2f;
}




.quantity {
  display: none!important;
}



/* 📕 ÚPRAVA H4 PODNADPISŮ VE VÝPISU PRODUKTŮ 📕 */
/* 📘 Pouze nové produkty bez sd-subtitle-h 📘 */
.product-suggestion-description h4:not([class]) {
  font-size: 13.2px;
  font-style: oblique;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 7px;
  text-transform: uppercase;
  color: #444;
  padding: 0 7px 0 0;
  display: block;
}




/* 📕 ÚPRAVY FULLSCREEN GALERIE 📕 */

/* 📘 Barva pozadí při fullscreen zobrazení 📘 */
.pswp__bg {
  background-color: rgba(30, 30, 30, 0.95) !important;
}

/* 📘 Úprava šipek pro přepínání fotek 📘 */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  opacity: 1 !important;
  width: 64px !important;
  height: 64px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
}

.pswp__button--arrow--left {
  left: 32px !important;
}

.pswp__button--arrow--right {
  right: 32px !important;
}

/* 📘 Ikony šipek (SVG) větší a kontrastní 📘 */
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  color: #fff !important;
  font-size: 32px !important;
}

/* 📘 Lepší čitelnost ikony lupy v rohu obrázku 📘 */
.woocommerce-product-gallery__trigger {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 6px;
}

/* 📏 Mobilní úprava: šipky blíž k okraji, ale stále viditelné */
@media (max-width: 768px) {
  .pswp__button--arrow--left {
    left: 16px !important;
  }
  .pswp__button--arrow--right {
    right: 16px !important;
  }
}












/* 📕 LUPA POD MENU 📕 */

/* 📘 Snížení z-index lupy (ikony zvětšení) 📘 */
.woocommerce-product-gallery__trigger {
  z-index: 10 !important;
}

/* 📘 Zvýšení z-index submenu – aby se dostalo nad lupu 📘 */
.wp-block-navigation__submenu-container {
  z-index: 99 !important;
  position: relative; /* pro jistotu */
}







/* 📕📘 implementace grafiky 📘📕 */
/* 📕📘 implementace grafiky 📘📕 */
/* 📕📘 implementace grafiky 📘📕 */
/* 📕📘 implementace grafiky 📘📕 */
/* 📕📘 implementace grafiky 📘📕 */


/* 📘 OBLÉ ROHY CELÉHO HORNÍHO MENU (NAVIGATION CONTAINER) 📘 */
.obalmenu {
  border-radius:6px !important;
}



/* 📘 drobeckova navigace 📘 */
.woocommerce-breadcrumb {
font-size: 1.3rem;
}


/* 📘 nadpis h1 📘 */
h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.35rem;          /* odpovídá cca 27.3px při root 13px */
  font-weight: 600;          /* semibold */
  padding-top: 31px;
}


/* 📘 textovy popisek kategorie 📘 */
#category-description-block {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.2rem;          /* odpovídá ~18.2px při root 13px */
  font-weight: 400;           /* Regular */
  line-height: 1.75;
  color: #4a3b2a;
  margin-top:0.4em;
  margin-right:2.5em;
  margin-bottom:1em;

}



.radekhlavicka {
  padding-top:18px;
  padding-bottom:13px;
}





/* 📕 PATICKA 📕 */



/* 📘 odsazeni nadpisu ze spoda 📘 */
footer h4 {
padding-bottom:20px;
font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;         
  font-weight: 600;
}

/* 1. sloupec (Kategorie e-shopu) */
footer .wp-block-columns > .wp-block-column:nth-child(1) {
  padding-left:0px; /* žádné odsazení */
}

/* 2. sloupec (Vše o nákupu) */
footer .wp-block-columns > .wp-block-column:nth-child(2) {
  padding-left: 49px;
}

/* 3. sloupec (Kamenná prodejna) */
footer .wp-block-columns > .wp-block-column:nth-child(3) {
  padding-left: 7px;
}

/* 4. sloupec (kontakt + logo) */
footer .wp-block-columns > .wp-block-column:nth-child(4) {
  padding-left: 10px;
}



/* Odkazy v 1.–3. sloupci, kromě těch uvnitř <h4> */
footer .wp-block-columns > .wp-block-column:nth-child(1) a:not(h4 a),
footer .wp-block-columns > .wp-block-column:nth-child(2) a:not(h4 a),
footer .wp-block-columns > .wp-block-column:nth-child(3) a:not(h4 a) {
  position: relative;
  padding-left: 1.40em;
  display: block;
  margin-bottom: 0.2em;
  
  text-decoration: underline;
}

/* Symbol – plný trojúhelník směřující k textu */
footer .wp-block-columns > .wp-block-column:nth-child(1) a:not(h4 a)::before,
footer .wp-block-columns > .wp-block-column:nth-child(2) a:not(h4 a)::before,
footer .wp-block-columns > .wp-block-column:nth-child(3) a:not(h4 a)::before {
  content: '▶';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.75em;
 
}


footer h4 a {
  text-decoration: none;
  color: inherit;
}

footer p {
line-height: 1em;
}


/* 1. Podtržení všech odkazů v patičce kromě těch v <h4> */
footer a:not(h4 a) {
  text-decoration: underline;
}

/* 2. Hover efekt pro všechny odkazy v patičce */
footer a:hover {
  text-decoration: none;
  color: #d1d1d1;
}


#kontaktypaticka {
  margin-top:25px;
}

#telefonpaticka,
#emailpaticka {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.8;
  color: #ffffff;
  text-decoration: none;
   white-space: nowrap;
}



@media (max-width: 1101px) {
  #telefonpaticka,
#emailpaticka {
  font-size:1rem;
  font-weight: 450;
  white-space: nowrap;
  }

}




/* Bílé ikony s mezerou */
#telefonpaticka i,
#emailpaticka i {
  color: #ffffff;
  margin-right: 0.5em;
  font-size: 1.3rem;
}

#h1titulka {padding-top:27px;}

.hlavniodstavectitulka {margin-top:11px;
}

.s-icon i {
  color: black;
  margin-right: 0.4em;
}

#hlavniodstavectitulka {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.35rem;
  line-height: 1.75;
  font-weight: 400;
  color: #111111;
  margin-top: 11px;
}


.titulkah2knihyatisk {

  font-size: 2rem;
 font-weight: 600;
}




/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */
/* ===  skryti normalniho menu a vyhledavani nebo ikon na respo   === */
/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */



@media (max-width: 1102px) {
  /* Skrytí původního vyhledávacího formuláře */
  form.wp-block-search {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  /* Skrytí původního hamburgeru */
  .wp-block-navigation__responsive-container-open {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

@media (max-width: 1102px) {
  /* Mobil: skrytí výchozí navigace jen vizuálně, ale zachovat DOM i funkčnost */
  .obalmenu,
  nav.wp-block-navigation {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}


  /* Skrytí původního mini-košíku */
  .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}


/* ===  skryti ikon na velkem rozliseni   === */
@media (min-width: 1103px) {
  div.wp-block-group:nth-child(3),
  #mobilni-ikony,
  #mobilni-vyhledavani-btn,
  #mobilni-kosik-btn,
  #mobilni-menu-btn {
    display: none !important;
  }
}

div.wp-block-group:nth-child(3)


/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */
/* ===  MOBILNI MENU VYHLEDAVANI   === */
/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */

/* === Fullscreen overlay vyhledávání === */
#ac-search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.97);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
  flex-direction: column;
}

/* Zavírací tlačítko vpravo nahoře */
#ac-search-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
}

/* Kontejner pro formulář */
.ac-search-form-wrapper {
  width: 100%;
  max-width: 600px;
  text-align: center;
}

/* Nadpis */
.ac-search-title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/* Formulář */
.ac-search-form {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

/* Vstup */
.ac-search-input {
  flex-grow: 1;
  padding: 0.75rem;
  font-size: 1rem;
  border: 1px solid #ccc;
}

/* Tlačítko */
.ac-search-submit {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
}


#ac-search-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

#ac-search-overlay.active {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}





/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */
/* STYLOVANI IKON */
/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */

/* Základní styl pro wrapper */
#mobilni-ikony {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* Společný styl pro všechny ikony */
#mobilni-ikony .mobilni-ikona {
  font-size: 1.8rem; /* větší ikony */
  color: #5d3b18;
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Hover efekt: zvětšení + změna odstínu */
#mobilni-ikony .mobilni-ikona:hover {
  color: #8c5a2a;
  transform: scale(1.2);
}



/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */
/*  zmenseni loga, zmenseni ikon */
/* ===   ===    ===    ===    ===    ===    ===    ===    ===    === */


@media (min-width: 1px) and (max-width: 310px) {
  /* Zmenšení loga */
  .site-logo img,
  .wp-block-site-logo img,
  .custom-logo-link img {
    max-width: 140px;
    height: auto;
  }

#mobilni-ikony .mobilni-ikona {
  font-size: 1rem; /* větší ikony */
  color: #5d3b18;
  background: none;
  border: none;
  padding: 0.1rem;
}
}



@media (min-width: 310px) and (max-width: 410px) {
  /* Zmenšení loga */
  .site-logo img,
  .wp-block-site-logo img,
  .custom-logo-link img {
    max-width: 150px;
    height: auto;
  }

#mobilni-ikony .mobilni-ikona {
  font-size: 1rem; /* větší ikony */
  color: #5d3b18;
  background: none;
  border: none;
  padding: 0.1rem;
}
}

@media (min-width: 410px) and (max-width: 550px) {

  /* Zmenšení loga */
  .site-logo img,
  .wp-block-site-logo img,
  .custom-logo-link img {
    max-width: 180px;
    height: auto;
  }

#mobilni-ikony .mobilni-ikona {
  font-size: 1.3rem; /* větší ikony */
  color: #5d3b18;
  background: none;
  border: none;
  padding: 0.5rem;
}
}

@media (min-width: 550px) and (max-width: 700px) {

  /* Zmenšení loga */
  .site-logo img,
  .wp-block-site-logo img,
  .custom-logo-link img {
    max-width: 200px;
    height: auto;
  }

#mobilni-ikony .mobilni-ikona {
  font-size: 1.5rem; /* větší ikony */
  color: #5d3b18;
  background: none;
  border: none;
  padding: 0.5rem;
}
}



@media (min-width: 700px) and (max-width: 1103px) {

  /* Zmenšení loga */
  .site-logo img,
  .wp-block-site-logo img,
  .custom-logo-link img {
    max-width: 250px;
    height: auto;
  }

#mobilni-ikony .mobilni-ikona {
  font-size: 1.7rem; /* větší ikony */
  color: #5d3b18;
  background: none;
  border: none;
  padding: 0.5rem;
}
}








@media (max-width: 1102px) {
  /* Menu */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 10000 !important;
    overflow-y: auto !important;
  }









/* 🔍 Mobilní vyhledávání */
#mobilni-vyhledavani {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.98);
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  box-sizing: border-box;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}

#mobilni-vyhledavani.show {
  display: flex;
}

#mobilni-vyhledavani form {
  display: flex;
  align-items: stretch;
  max-width: 600px;

  background: #fff;
  padding: 0.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.1);
  gap: 0.25rem;
  box-sizing: border-box;
}

/* Input */
#mobilni-vyhledavani input[type="search"] {
  flex: 1;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-family: 'Poppins', sans-serif;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease-in-out;
  height: 100%;
}

#mobilni-vyhledavani input[type="search"]:focus {
  border-color: #333;
  outline: none;
}

/* Tlačítko s ikonou */
#mobilni-vyhledavani button[type="submit"] {
  background: #333;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  padding: 0 1rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  height: 100%;
  aspect-ratio: 1 / 1;
  transition: background-color 0.2s ease-in-out;
}

#mobilni-vyhledavani button[type="submit"] i {
  pointer-events: none;
}

#mobilni-vyhledavani button[type="submit"]:hover {
  background-color: #000;
}

/* Zavírací tlačítko */
.zavrit-vyhledavani {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 2rem;
  color: #666;
  cursor: pointer;
  z-index: 10000;
  line-height: 1;
}

.zavrit-vyhledavani:hover {
  color: #000;
}

/* Scroll lock */
body.zakaz-scroll {
  overflow: hidden !important;
  touch-action: none;
  height: 100vh !important;
  position: relative;
}

html.zakaz-scroll {
  overflow: hidden !important;
  height: 100% !important;
}





#mobilni-vyhledavani input.search-field {
  flex: 1;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-family: 'Poppins', sans-serif;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease-in-out;
  height: 100%;
}



#mobilni-vyhledavani form.search-form > label > input.search-field {
  flex: 1 !important;
  width: 100% !important;
  font-size: 1rem !important;
  border: 1px solid #ccc !important;
  border-radius: 0.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;

  height: 100% !important;
}

.search-form > label:nth-child(1)  {
  margin-bottom: 0em;
}



}











/*  =============================  */
/*  📱 MOBILNÍ MENU – STYLIZACE   */
/*  =============================  */

@media (max-width: 1102px) {
  .mobilni-menu-chimera {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.98);
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 1rem;
    box-sizing: border-box;
    overflow-y: auto;
    font-family: 'Poppins', sans-serif;
  }

  .mobilni-menu-chimera.show {
    display: flex;
    flex-direction: column;
  }

  .obsah-mobilniho-menu {
    width: 100%;
    max-width: 600px;
    margin: auto;
  }

  .mobilni-menu-seznam {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobilni-menu-seznam > li {
    margin-bottom: 1rem;
    position: relative;
  }

  .mobilni-menu-seznam a {
    text-decoration: none;
    color: #333;
    font-size: 1.2rem;
    display: block;
    padding: 0.5rem;
    border-bottom: 1px solid #ddd;
  }

  .mobilni-menu-seznam li ul {
    display: none;
    padding-left: 1rem;
    margin-top: 0.5rem;
  }

  .mobilni-menu-seznam li ul.open {
    display: block;
  }

  /* Šipka jako ikona Font Awesome */
  .mobilni-menu-seznam .submenu-toggle {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
    background: none;
    border: none;
  }

  /* Animace rotace šipky při otevření */
  .mobilni-menu-seznam .submenu-toggle.rotated {
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease;
  }

  .zavrit-menu-chimera {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    font-size: 2rem;
    color: #666;
    cursor: pointer;
    z-index: 10000;
  }

  .zavrit-menu-chimera:hover {
    color: #000;
  }

  body.zakaz-scroll,
  html.zakaz-scroll {
    overflow: hidden !important;
    height: 100% !important;
    touch-action: none;
    position: relative;
  }

  header.wp-block-template-part.hide-header {
    display: none !important;
  }
}


.mobilni-menu-seznam .submenu-toggle {
  position: static;
  transform: none;
  margin-left: auto;
  font-size: 1rem;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
  background: none;
  border: none;
  transition: transform 0.3s ease;
}

.mobilni-menu-seznam .submenu-toggle.rotated {
  transform: rotate(180deg);
}







.submenu-toggle i {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #000; /* Nebo tvoje barva */
  font-style: normal;
  line-height: 1;
  display: inline-block;
  width: auto;
  height: auto;
  pointer-events: none; /* šipka nereaguje na klik */
}

.submenu-toggle {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
  background: none;
  color: #000; /* dědí i do <i> */
  font-size: 1rem;
}



/* 📐 Stylování mobilního menu – menší písmo + Poppins */
@media (max-width: 1101px) {
  .mobilni-menu-chimera {
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    line-height: 1.1;
  }

  .mobilni-menu-chimera a,
  .mobilni-menu-chimera button,
  .mobilni-menu-chimera li {
    font-family: inherit;
    font-size: inherit;
  }
}



@media (max-width: 1101px) {
  #zavrit-menu-chimera {
    position: fixed;
    top: 20px;
    right: 25px !important;;
    z-index: 9999;
    background: none;
    border: none;
    font-size: 2.5rem;
    font-weight: semibold;
    color: #fff; /* můžeš změnit na černou dle pozadí */
    cursor: pointer;
    padding: 0.5rem 1rem;
    line-height: 1;
  }

}



/* ✅ KŘÍŽEK: zviditelnění a zarovnání */
#zavrit-menu-chimera {
  position: absolute;
  top: 1rem;
  right: 1rem; /* zarovnání jako submenu šipky */
  font-size: 2rem;
  color: #333 !important; /* tmavá barva pro lepší viditelnost */
  background: none;
  border: none;
  z-index: 1000;
  cursor: pointer;
  padding: 0;
}

/* ✅ ZABRÁNĚNÍ SKRYTÍ NADŘAZENÉ POLOŽKY */
.obsah-mobilniho-menu {
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 3rem; /* kvůli prostoru pro křížek */
}



@media (min-width: 1101px) {
#zavrit-menu-chimera {
  display: none;
}
}

/* Mobilní menu zcela skryté mimo mobilní rozlišení */
@media (min-width: 1102px) {
  .obsah-mobilniho-menu {
    display: none !important;
  }
}



@media screen and (min-width: 1102px) {
  #mobilni-vyhledavani {
    display: none !important;
  }
}







h1,
.custom-product-attributes h2,
.custom-long-description h2,
.custom-long-description h3,
.suggestion-heading h2,
.suggestion-heading h3 {
  color: #313131 !important;
}





/* 📕 OBRAZEK PRODUKTU VE VYPISU 📕 */
.wc-block-product .wc-block-components-product-image img {

  object-fit: contain;
  object-position: bottom;
  transition: transform 0.3s ease;
  display: block;
  margin: 0 auto;
}


  .wc-block-components-product-image {
    display: flex;
    justify-content: flex-start;
  }

  .wc-block-product .wc-block-components-product-image img {
    object-position: left bottom;
    margin-left: 0;
    margin-right: auto;
  }


@media (min-width: 369px) and (max-width: 1200px) {
  .wc-block-product .wc-block-components-product-image img {
  max-width: 77%;
  }
}

@media (min-width: 1px) and (max-width: 368px) {
  .wc-block-product {
    margin-bottom: 50px; /* nebo např. 3rem, podle potřeby */
  }
}







/* 🧱 TITULKA Oprava rozvržení gridu s produkty – sjednocení šířky sloupců */

.product-suggestion-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0; /* pokud máš raději mezery, nastav např. 1rem */
}

.product-suggestion-item {
  flex: 0 0 auto;
  width: calc(100% / 6); /* Výchozí pro 6 sloupců */
  box-sizing: border-box;
  text-align: center;
  padding: 0 0.5rem;
}

/* 📱 2 sloupce na mobilu */
@media (max-width: 480px) {
  .product-suggestion-item {
    width: 50%;
  }
}

/* 📱 3 sloupce na menších tabletech */
@media (min-width: 481px) and (max-width: 767px) {
  .product-suggestion-item {
    width: 33.3333%;
  }
}

/* 📱 4 sloupce na větších tabletech */
@media (min-width: 768px) and (max-width: 1023px) {
  .product-suggestion-item {
    width: 25%;
  }
}

/* Pokud používáš jiný počet sloupců v [columns=] shortcode, lze vytvořit varianty podle třídy columns-x */



































.obal-dlazdic-kategorie {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr; /* výchozí: jeden sloupec pro šířku < 410px */
}

/* 410px až 874px – dva sloupce */
@media (min-width: 410px) {
  .obal-dlazdic-kategorie {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 875px a více – čtyři sloupce */
@media (min-width: 950px) {
  .obal-dlazdic-kategorie {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dlazdice-kategorie {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  background: #f8f4ef;
  padding: 1.5rem;
  transition: background-color 0.3s, border 0.3s;
  border: 1px solid transparent;
}

.dlazdice-kategorie:hover {
  background-color: #5a3424;
  border: 1px solid white;
  cursor: pointer;
}

.dlazdice-kategorie img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 1rem;
}

.dlazdice-kategorie:hover img {
  filter: brightness(0.95);
}

.nadpis-dlazdice {
  font-family: 'Poppins', sans-serif;
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  font-weight: 550;
  color: #1c1c1c;
  transition: color 0.3s;
}

.dlazdice-kategorie:hover .nadpis-dlazdice,
.dlazdice-kategorie:hover .popis-dlazdice {
  color: white;
}

.popis-dlazdice {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  color: #1c1c1c;
  transition: color 0.3s;
}

/* Ponecháme i původní záchranné pravidlo pro nejmenší šířky */
@media (max-width: 369px) {
  .obal-dlazdic-kategorie {
    grid-template-columns: 1fr;
  }
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1276px !important;
}




























/* 📏 DETAIL PRODUKTU souvislý odstavec s popiskem 📏 */


p.odstavecoknize {padding-top:22px!important;}








#payment {width:894px!important;}

#photoswipe-fullscreen-dialog {
  display:none !important;
}










child-twentytwentyfour {display:none;}




#wp--skip-link--target > div:nth-child(1) {display:none !important;}