/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.1.1748514279
Updated: 2025-05-29 10:24:39

*/

@import url("../storefront/style.css");

:root{
  --clr-primary:#25421b;
  --clr-accent:#5a381e;
  --clr-bg:#f5f2ec;
  --clr-btn:#c4a574;
}

/* --- Základní úpravy --- */
body{
  background:var(--clr-bg);
  font-family:"Inter",sans-serif;
}

h1,h2,h3,h4{
  font-family:"Lora",serif;
  color:var(--clr-primary);
}

a{
  color:var(--clr-accent);
}
a:hover{
  color:var(--clr-primary);
}

.button,
.add_to_cart_button{
  background:var(--clr-btn);
  border:0;
  border-radius:6px;
  padding:.6em 1.2em;
}

.button:hover,
.add_to_cart_button:hover{
  background:var(--clr-primary);
  color:#fff;
}

/* --- HEADER ÚPRAVY --- */
.site-header {
  background: #f5f2ec !important;
  color: #25421b;
  border-bottom: 2px solid #c4a574;
}
.site-branding img {
  filter: none;
  max-height: 90px;
  width: auto;
}
.site-header .main-navigation,
.site-header .main-navigation a {
  color: #25421b !important;
  font-weight: 600;
}
.site-header .main-navigation a:hover {
  color: #5a381e !important;
  background: none !important;
}
.site-header .site-search,
.site-header .site-header-cart {
  color: #25421b;
}
.site-header .site-search input[type="search"] {
  background: #fff;
  color: #25421b;
  border: 1px solid #c4a574;
}

@media (min-width: 768px) {
  .site-header .site-branding {
    text-align: center;
    float: none;
    margin: 0 auto;
    display: block;
  }
  .site-header .main-navigation {
    float: left;       /* obnoví původní chování */
    text-align: left;
    margin-top: 0;
  }
  .site-header .site-header-cart {
    float: right;      /* košík doprava */
    margin-top: 0;
  }
}

.kchls-header-flex {
  display: flex;
  align-items: center;
  gap: 32px;
}
.kchls-logo img {
  max-height: 90px;
  width: auto;
}
.kchls-slogan {
  color: #4e6c3b;
  font-family: "Lora", serif;
  font-size: 1.15em;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media (max-width: 800px) {
  .kchls-header-flex {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

/* standardně – sticky (když funguje) */
#masthead{
  position: sticky;
  top: 0;
  z-index: 10000; /* nad pozadím sekce */
  will-change: transform;
}

/* fallback: když JS přidá .is-fixed */
#masthead.is-fixed{
  position: fixed;
  top: 0; left: 0; right: 0;
  width: 100%;
  background: #f5f2ec;            /* aby neprosvítalo */
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* vykompenzujeme překrytí obsahu, když je header fixed */
body.has-fixed-header #content,
body.has-fixed-header .site-content{
  padding-top: var(--header-h, 100px);
}

/* WordPress admin bar */
.admin-bar #masthead.is-fixed{ top:32px }
@media (max-width:782px){
  .admin-bar #masthead.is-fixed{ top:46px }
}

.kchls-topbar {
  background: #e7f1e4;
  color: #25421b;
  font-family: "Inter", sans-serif;
  font-size: 0.98em;
  padding: 0.42em 0;
  border-bottom: 1px solid #c4a574;
  box-shadow: 0 2px 6px 0 rgba(64, 102, 55, 0.03);
  letter-spacing: 0.02em;
  position: relative;
  z-index: 10000;
}
.kchls-topbar-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.kchls-topbar a {
  color: #25421b;
  text-decoration: none;
  border-bottom: 1px dashed #c4a57422;
  transition: color 0.18s;
}
.kchls-topbar a:hover {
  color: #5a381e;
  border-bottom: 1px solid #c4a574;
}
.kchls-topbar-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.hide-on-mobile {
  display: block;
}
@media (max-width: 600px) {
  .kchls-topbar-inner {
    gap: 14px;
    flex-wrap: wrap;
    font-size: 0.97em;
  }
  .hide-on-mobile {
    display: none;
  }
}


:root{
  --clr-primary:#25421b;
  --clr-accent:#5a381e;
  --clr-bg:#f5f2ec;
  --clr-btn:#c4a574;
}

/* --- Základní úpravy --- */
body{
  background:var(--clr-bg);
  font-family:"Inter",sans-serif;
}

h1,h2,h3,h4{
  font-family:"Lora",serif;
  color:var(--clr-primary);
}

a{
  color:var(--clr-accent);
}
a:hover{
  color:var(--clr-primary);
}

.button,
.add_to_cart_button{
  background:var(--clr-btn);
  border:0;
  border-radius:6px;
  padding:.6em 1.2em;
}

.button:hover,
.add_to_cart_button:hover{
  background:var(--clr-primary);
  color:#fff;
}

/* Specifické styly jen pro "Zobrazit košík" */
.button.wc-forward, a.button.wc-forward, .added_to_cart.wc-forward {
  background: var(--clr-accent) !important;    /* tmavě hnědá */
  color: #fff !important;
  border-radius: 8px !important;
  border: none !important;
  padding: .6em 1.6em !important;
  margin-left: 0 !important;
  font-weight: bold;
  box-shadow: none !important;
  transition: background 0.2s, color 0.2s;
}

.button.wc-forward:hover, a.button.wc-forward:hover, .added_to_cart.wc-forward:hover {
  background: var(--clr-btn) !important;    /* zlatá po najetí */
  color: var(--clr-primary) !important;     /* zelená na hover */
}

/* WooCommerce bloková tlačítka (např. Doporučujeme, Nejprodávanější) */
.wp-block-button__link,
.wc-block-components-button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wc-block-grid__product-add-to-cart .button {
  background: var(--clr-btn);
  color: #25421b;
  border: none;
  border-radius: 8px;
  padding: 0.7em 1.3em;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  box-shadow: none;
  transition: background 0.2s, color 0.2s;
}

/* Hover efekt */
.wp-block-button__link:hover,
.wc-block-components-button:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart .button:hover {
  background: var(--clr-primary);
  color: #fff;
}

/* Přidat do košíku v WooCommerce Blocích */
.wc-block-components-product-button .wp-block-button__link,
.wp-block-components-product-button__button {
  background: var(--clr-btn);
  color: #25421b;
  border-radius: 7px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1em;
  padding: 0.55em 1.3em;
  margin-bottom: 0.3em;
  box-shadow: none;
  outline: none !important;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}

/* Hover efekt */
.wc-block-components-product-button .wp-block-button__link:hover,
.wc-block-components-product-button__button:hover {
  background: var(--clr-primary);
  color: #fff;
}

/* Zobrazit košík – odkaz (a.hidden) */
.wc-block-components-product-button .added_to_cart {
  background: #ede8d9;
  color: #25421b;
  border-radius: 7px;
  border: 2px solid #c4a574;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1em;
  padding: 0.50em 1.2em;
  display: inline-block;
  margin-top: 0.15em;
  text-decoration: none !important;
  box-shadow: none;
  outline: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* Hover pro Zobrazit košík */
.wc-block-components-product-button .added_to_cart:hover {
  background: #c4a574;
  color: #fff;
  border-color: #c4a574;
}

/* Odstraň outline (fialový rámeček) při focus/kliknutí */
.wc-block-components-product-button .wp-block-button__link:focus,
.wc-block-components-product-button__button:focus,
.wc-block-components-product-button .added_to_cart:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #c4a574;
}

button.wp-block-button__link.add_to_cart_button {
  border-radius: 8px !important;
}

/* Sjednocení výšky a zarovnání tlačítek v produktech WooCommerce bloků */
.wc-block-grid__product,
.wc-block-product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;            /* umožní boxu vyplnit výšku rodiče */
  min-height: 430px;       /* nastav výšku podle svého obrázku/požadavků */
  box-sizing: border-box;
}

.wc-block-grid__product .wp-block-woocommerce-product-button,
.wc-block-product .wp-block-woocommerce-product-button {
  margin-top: auto;       /* vždy dolů */
}

/* Pro běžný výpis produktů (klasický WooCommerce shop/archive grid) */
ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    min-height: 430px;      /* přizpůsob podle svých obrázků */
    box-sizing: border-box;
}

ul.products li.product .button.add_to_cart_button {
    margin-top: auto;       /* posune tlačítko dolů */
}



/* --- FOOTER úpravy --- */
/* Footer zůstává tmavý, textura dřeva */
.site-footer {
  background-color: #362b1d;
  background-image: url('https://www.transparenttextures.com/patterns/wood.png');
  background-repeat: repeat;
  color: #eee5ce;
  font-family: "Lora", serif;
  padding-top: 42px;
  padding-bottom: 34px;
  border-top: 4px solid #c4a574;
  font-size: 0.98em;
}

/* Footer odkazy */
.site-footer a {
  color: #dbc47f;
  font-family: "Inter", sans-serif;
  text-decoration: none;
  transition: color 0.2s;
  font-size: 0.98em;
}
.site-footer a:hover {
  color: #ffe9ad;
}

/* Footer nadpisy */
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title {
  color: #ffe9ad !important;
  font-family: "Lora", serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-shadow: 0 2px 4px rgba(30, 20, 2, 0.24);
  border-bottom: 1px solid #a08550;
  padding-bottom: 7px;
  margin-bottom: 13px;
  font-size: 1.08em;
}

/* Text widgetu */
.site-footer,
.site-footer .widget,
.site-footer .textwidget {
  color: #eee5ce !important;
  font-family: "Inter", sans-serif;
  font-size: 0.97em;
  text-shadow: none;
}

/* Footer layout - rozložení widgetů do sloupců */
@media (min-width: 768px) {
  .site-footer .col-full,
  .site-footer .footer-widgets {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
  }
  .site-footer .widget {
    flex: 1 1 0;
    min-width: 220px;
    margin-bottom: 0;
  }
}

/* Copyright zarovnání a menší písmo */
.site-footer .site-info {
  color: #f3e3b3;
  font-size: 0.92em;
  text-align: center;
  margin-top: 22px;
  border: none;
}

/* Footer widgets fix: */
.site-footer .footer-widgets {
  margin-bottom: 0;
}

/* Uprav layout footer-widgets přesně podle tvé struktury */
@media (min-width: 768px) {
  .site-footer .footer-widgets.row-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 80px; /* větší mezera mezi sloupci */
    max-width: 1100px;
    margin: 0 auto 0 auto;
  }
  .site-footer .footer-widgets.row-1 .block {
    flex: 1 1 0;
    min-width: 240px;
    margin-bottom: 0;
    /* pro zarovnání nadpisů vlevo i uprostřed footeru: */
    text-align: left;
  }
}
/* Mobil – sloupce pod sebe */
@media (max-width: 767px) {
  .site-footer .footer-widgets.row-1 .block {
    width: 100%;
    margin-bottom: 32px;
    text-align: center;
  }
}

.related ul.products.columns-3 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: stretch;
    gap: 2vw;  /* horizontální i vertikální mezera */
    max-width: 1200px;
    margin: 0 auto 40px auto !important;
    width: 100%;
    box-sizing: border-box;
    clear: both !important;
}
.related ul.products.columns-3 > li.product {
    flex: 1 1 0; /* automatické rozdělení prostoru */
    max-width: calc((100% - 4vw) / 3);  /* 4vw je 2 mezery po 2vw mezi třemi sloupci */
    min-width: 260px;
    margin: 0 !important;
    min-height: 540px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: stretch;
}

/* Barvy pro všechny alternativní (alt) tlačítka na e-shopu */
.button.alt, 
a.button.alt, 
.storefront-sticky-add-to-cart__content-button.button.alt, 
.single_add_to_cart_button.button.alt {
    background: var(--clr-btn) !important;    /* Tvoje zlatá */
    color: #25421b !important;                /* Zelená na text */
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}

.button.alt:hover, 
a.button.alt:hover, 
.storefront-sticky-add-to-cart__content-button.button.alt:hover, 
.single_add_to_cart_button.button.alt:hover {
    background: var(--clr-primary) !important;   /* Zelená na hover */
    color: #fff !important;
}

/* Sjednocení velikosti obrázku ve Woo Blocks */
.wc-block-grid__product-image {
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wc-block-grid__product-image img {
    max-height: 230px;
    width: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* Woo Blocks – sjednocení barev tlačítek */
.wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link),
button.wc-block-components-button, 
button.wc-block-components-checkout-place-order-button,
a.wc-block-components-button,
a.wc-block-components-checkout-place-order-button {
    background: var(--clr-btn) !important;   /* zlatá */
    color: #25421b !important;               /* zelená na text */
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}

.wc-block-components-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover,
button.wc-block-components-button:hover,
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-button:hover,
a.wc-block-components-checkout-place-order-button:hover {
    background: var(--clr-primary) !important;  /* zelená na hover */
    color: #fff !important;
}

/* Ikona u odkazu "Můj účet" – jednoduché a spolehlivé řešení přes background-image */
.site-header .secondary-navigation .menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}

/* normální stav (zelená #25421b) */
.site-header .secondary-navigation .menu > li > a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /* SVG musí mít URL-encoded barvy (# => %23) */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%2325421b" d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z"/></svg>');
}

/* hover (hnědá #5a381e) – ladí s tvými barvami */
.site-header .secondary-navigation .menu > li > a:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%235a381e" d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z"/></svg>');
}

/* --- KATEGORIE: fullwidth pozadí, obsah jako stránka --- */

/* vnější full-width skupina – tady si necháš libovolné pozadí */
.wp-block-group.lesni-bg {
  /* background-color: #f0eee8; */
  /* background-image: url('/wp-content/uploads/lesni-bg.webp'); */
  background-repeat: repeat;
  background-size: 300px auto;
  padding: 3em 0;
  border-top: 1px solid #c4a57440;
  border-bottom: 1px solid #c4a57440;
}

/* >>> DŮLEŽITÉ: Columns jsou u Storefrontu uvnitř .wp-block-group__inner-container <<< */
.site-main .wp-block-group.lesni-bg > .wp-block-columns,
.site-main .wp-block-group.lesni-bg > .wp-block-group__inner-container > .wp-block-columns {
  max-width: 980px;                     /* stejné jako obsah stránky – klidně dolaď 960/1000/1100 */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;

  display: grid !important;             /* přepíše flex z Gutenbergu */
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 24px;
  justify-items: center;
}

/* nulové okraje sloupců a centrování obsahu uvnitř */
.site-main .wp-block-group.lesni-bg > .wp-block-columns > .wp-block-column,
.site-main .wp-block-group.lesni-bg > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* nadpisy a obrázky pěkně doprostřed + rozumná šířka */
.wp-block-group.lesni-bg .wp-block-heading { text-align: center; }
.wp-block-group.lesni-bg .wp-block-image { text-align: center; }
.wp-block-group.lesni-bg .wp-block-image img {
  max-width: 320px;   /* uprav podle oka */
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* mobil – pod sebe */
@media (max-width: 900px) {
  .site-main .wp-block-group.lesni-bg > .wp-block-columns,
  .site-main .wp-block-group.lesni-bg > .wp-block-group__inner-container > .wp-block-columns {
    max-width: 700px;
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 28px;
  }
}

/* Zruš defaultní mezeru pod hlavičkou Storefrontu */
.site-header { 
  margin-bottom: 0 !important;
}

/* Storefront má nav uvnitř headeru se svým spodním margine — taky pryč */
.storefront-primary-navigation {
  margin-bottom: 0 !important;
}

/* === Sekce kategorie – vyleštěná finální verze === */
.wp-block-group.lesni-bg .wp-block-column {
  background: rgba(255, 255, 245, 0.75); /* více průhledné */
  border-radius: 14px;
  padding: 1.8em 1.2em;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.wp-block-group.lesni-bg .wp-block-column:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 245, 0.82); /* lehce méně průhledné při hoveru */
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

/* texty – tmavší a kontrastní */
.wp-block-group.lesni-bg .wp-block-heading {
  color: #1c3812;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.6);
  font-weight: 700;
  margin-bottom: 0.8em;
}

.wp-block-group.lesni-bg{position:relative;padding:48px 0}
.wp-block-group.lesni-bg::before{
  content:"";position:absolute;inset:0;
  left:calc(50% - 50vw);right:calc(50% - 50vw);
  background:
    linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),
    url('/wp-content/uploads/2025/10/pozadi_vrsek.webp') center/cover no-repeat;
  z-index:-1;
}

/* --- Footer odkazy viditelné na tmavém pozadí --- */
.site-footer a {
  color: #dbc47f !important;        /* světle zlatá, ladí s tvým stylem */
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-footer a:hover {
  color: #ffe9ad !important;        /* světlejší zlatá po najetí */
  text-decoration: underline;
}

/* Titulek widgetu (např. "Užitečné odkazy") */
.site-footer .widget-title {
  color: #ffe9ad !important;
  border-bottom: 1px solid #a08550;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

/* Text v patici */
.site-footer,
.site-footer .widget,
.site-footer .textwidget {
  color: #eee5ce !important;
}

/* === WooCommerce recenze / hodnocení === */

/* Zlaté hvězdičky */
.star-rating span::before,
p.stars a::before {
  color: #d4af37 !important; /* zlatá */
}

/* Hvězdičky při najetí myší */
p.stars a:hover::before,
p.stars a.active::before {
  color: #e6c767 !important; /* světlejší zlatá */
}

/* Info boxy (modré proužky) – převod do přírodního stylu */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews {
  background-color: #e6dcc4 !important;  /* světlé béžovo-krémové */
  border-top: 3px solid #a38552 !important; /* zlatohnědá linka */
  color: #443c2b !important; /* tmavě hnědý text */
  box-shadow: none !important;
}

/* Ikona v boxu (i) */
.woocommerce-info::before {
  color: #a38552 !important;
}

/* Tlačítko odeslat recenzi */
#submit, .woocommerce button.button.alt {
  background-color: #a38552 !important;
  color: #fff !important;
  border: none;
  border-radius: 3px;
  padding: 8px 16px;
  transition: all 0.2s ease;
}

#submit:hover, .woocommerce button.button.alt:hover {
  background-color: #c6a768 !important;
  color: #fff !important;
}

/* ===== MOBILE HEADER + TOPBAR COMPACT (KCHLS) ===== */
@media (max-width: 768px) {
  /* Top lišta */
  .kchls-topbar {
    padding: 4px 0;
    font-size: 13px;
  }
  .kchls-topbar-inner {
    gap: 8px;
    padding: 0 12px;
    flex-wrap: wrap;
  }
  .kchls-topbar-item { line-height: 1.1; }

  /* Hlavička Storefront */
  .site-header { padding: 6px 0; }
  .site-header .col-full { padding: 0 12px; }

  /* Logo */
  .site-branding img.custom-logo {
    max-height: 48px;
    height: auto;
    width: auto;
  }

  /* Drobečky a nadpis */
  .storefront-breadcrumb { margin: 8px 0 0; }
  .page-title,
  .woocommerce-products-header { margin-top: 10px; }

  /* Řádek filtru/třídění těsněji k sobě */
  .storefront-sorting { margin-top: 8px; }
}

/* Kompaktnější hlavička výpisu produktů (Shop/Kategorie/Plemeno) */
.post-type-archive-product .storefront-breadcrumb,
.tax-product_cat .storefront-breadcrumb,
.tax-plemeno .storefront-breadcrumb {
  margin: 6px 0 4px !important;
}

.post-type-archive-product .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header,
.tax-plemeno .woocommerce-products-header {
  margin: 0 !important;
  padding: 0 !important;
}

.post-type-archive-product .woocommerce-products-header__title.page-title,
.tax-product_cat .woocommerce-products-header__title.page-title,
.tax-plemeno .woocommerce-products-header__title.page-title {
  margin: 6px 0 6px !important;   /* nadpis "Obchod" */
  line-height: 1.15;
}

.post-type-archive-product .woocommerce-products-header .term-description,
.tax-product_cat .woocommerce-products-header .term-description,
.tax-plemeno .woocommerce-products-header .term-description {
  margin: 0 !important;           /* kdyby byl popis kategorie/plemene */
}

.post-type-archive-product .storefront-sorting,
.tax-product_cat .storefront-sorting,
.tax-plemeno .storefront-sorting {
  margin-top: 8px !important;     /* řádek se tříděním a "Plemeno" blíž k nadpisu */
}

/* pro jistotu i vlastní kontejner nad mřížkou produktů */
.post-type-archive-product .site-main,
.tax-product_cat .site-main,
.tax-plemeno .site-main {
  padding-top: 0 !important;
}

/* mřížka produktů blíž k filtrům */
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-plemeno ul.products {
  margin-top: 12px !important;
}

/* na mobilu ještě o fous těsnější */
@media (max-width: 782px) {
  .post-type-archive-product .woocommerce-products-header__title.page-title,
  .tax-product_cat .woocommerce-products-header__title.page-title,
  .tax-plemeno .woocommerce-products-header__title.page-title {
    margin: 4px 0 6px !important;
  }
  .post-type-archive-product .storefront-sorting,
  .tax-product_cat .storefront-sorting,
  .tax-plemeno .storefront-sorting {
    margin-top: 6px !important;
  }
}

/* === Mobilní MENU: 3 tmavé čáry (transparent), změna na X === */
@media (max-width: 782px) {
  /* reset Storefrontu + základ tlačítka */
  .site-header .menu-toggle,
  .site-header .menu-toggle:hover {
    background: transparent !important;   /* žádné zelené pozadí */
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    margin: 0;
    display: inline-block;
    position: relative;
    color: #1f1f1f !important;            /* barva čar */
    font-size: 0 !important;              /* schová text "Menu" */
    line-height: 0 !important;
    overflow: visible;
  }

  /* vypnout cokoliv, co téma do tlačítka vkládá */
  .site-header .menu-toggle span,
  .site-header .menu-toggle i {
    display: none !important;
  }

  /* !!! vynutit zobrazení pseudo-elementů (přebije stará pravidla) */
  .site-header .menu-toggle::before,
  .site-header .menu-toggle::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 50%;
    width: 22px;
    height: 2px;
    background: currentColor;             /* tmavé čáry */
    border-radius: 1px;
    transition: transform .25s ease, box-shadow .2s ease, width .2s ease;
  }

  /* prostřední čára */
  .site-header .menu-toggle::before {
    top: 50%;
    transform: translate(-50%, -50%);     /* střed */
  }

  /* horní + spodní přes box-shadow */
  .site-header .menu-toggle::after {
    top: 50%;
    transform: translate(-50%, -50%);
    /* horní a spodní pruh */
    box-shadow:
      0 -7px 0 0 currentColor,
      0  7px 0 0 currentColor;
  }

  /* === OTEVŘENO → křížek (X) ===
     Storefront dává při otevření aria-expanded="true" */
  .site-header .menu-toggle[aria-expanded="true"]::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .site-header .menu-toggle[aria-expanded="true"]::after {
    box-shadow: none; /* schovej horní/spodní */
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}

/* --- Hover efekt pro produkty --- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  border-color: #c4a574; /* jemný zlatavý tón */
}

/* --- Hover efekt na obrázku produktu --- */
.woocommerce ul.products li.product img {
  transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.03);
}

/* --- Hover efekt na tlačítko --- */
.woocommerce ul.products li.product .button:hover {
  background-color: #a8914e !important;
  transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* --- Volitelné: kurzor na obrázku i názvu --- */
.woocommerce ul.products li.product a {
  cursor: pointer;
}

/* === HOVER efekt jen na jednotlivé produkty na titulce === */
.home .wc-block-grid__product,
.home .wc-block-product {
  position: relative;
  background: #fffdf6;
  border: 1px solid #e9e1cf;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .25s ease, border-color .2s ease;
}

/* Efekt při najetí */
.home .wc-block-grid__product:hover,
.home .wc-block-product:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.1);
  border-color: #c4a574;
}

/* Obrázek */
.home .wc-block-grid__product img,
.home .wc-block-product img {
  transition: transform .25s ease;
}
.home .wc-block-grid__product:hover img,
.home .wc-block-product:hover img {
  transform: scale(1.03);
}

/* Titulek menší */
.home .wc-block-grid__product-title,
.home .wc-block-grid__product-title a,
.home .wc-block-product .wc-block-product__title {
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
  color: #3a2a0a;
}

/* Cena výraznější */
.home .wc-block-grid__product-price,
.home .wc-block-components-product-price {
  font-size: 16px;
  color: #2c2c2c;
  font-weight: 600;
  text-align: center;
  margin-top: 0.3em;
}

/* Tlačítko */
.home .wc-block-grid__product .wp-block-button__link,
.home .wc-block-product .wp-block-button__link {
  transition: transform .18s ease, box-shadow .2s ease;
}
.home .wc-block-grid__product .wp-block-button__link:hover,
.home .wc-block-product .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0,0,0,.15);
}

/* === Odstranění podtržení a sjednocení kurzoru === */
body.home .wc-block-grid__product a,
body.home .wc-block-product a {
  text-decoration: none !important;
  cursor: pointer;
}

/* Volitelné – decentní barva při hoveru */
body.home .wc-block-grid__product a:hover,
body.home .wc-block-product a:hover {
  color: #5a381e;
}

.kchls-banner img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
}
.kchls-banner{
  display:block;
  margin: 24px 0; /* mezera nad/pod mezi sekcemi */
}

/* Domů: zarovnej Woo Product Collection na střed
   (bez sahání do vnitřního rozložení karet) */
.home .wp-block-woocommerce-product-collection {
  width: 100%;
}

/* nadpis sekce (Doporučujeme / Akční slevy) – stejný vnitřní okraj a šířka */
.home .wp-block-woocommerce-product-collection > .wp-block-heading {
  max-width: var(--wp--style--global--content-size, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* samotná mřížka produktů – jen ji vycentruj a dej stejné gutters */
.home .wp-block-woocommerce-product-collection
  > :where(.wc-block-product-template, .wc-block-components-product-list, .wc-block-grid__products) {
  max-width: var(--wp--style--global--content-size, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Banner CTA – bez stínu, jen jemný pohyb/scale */
.kchls-banner--cta img{
  transition: transform .28s ease, filter .28s ease; /* bez box-shadow */
}

.kchls-banner--cta:hover img{
  transform: translateY(-2px) scale(1.01);  /* lehký „lift“ */
  filter: saturate(1.02) contrast(1.02);
  box-shadow: none !important;
}

/* jistota – žádné pozadí ani rámeček na kontejneru */
.kchls-banner{ background: transparent !important; box-shadow: none !important; }

/* === Hezčí variantní selecty (produkt + košík) === */

/* Produkt – variace */
.single-product .variations select,
.single-product form.cart .variations select,
/* Košík – když je u položky výběr varianty */
.woocommerce-cart .cart .product-name .variation select,
.woocommerce-cart .cart .product-quantity select,
/* Fallback pro další šablony */
.woocommerce table.variations select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  display: inline-block;
  width: 100%;
  max-width: 420px;           /* ať to není přes celou řádku na desktopu */
  height: 42px;
  padding: 8px 36px 8px 12px; /* místo pro šipku vpravo */
  border: 1px solid #c4a574;
  border-radius: 8px;
  background: #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%235a381e' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat right 10px center;
  background-size: 12px 8px;
  color: #25421b;
  font-size: 14px;
  line-height: 1.2;
}

/* Hover/Focus/Disabled stavy */
.single-product .variations select:hover,
.woocommerce-cart .cart select:hover {
  border-color: #8b7a43;
}
.single-product .variations select:focus,
.woocommerce-cart .cart select:focus {
  outline: 0;
  border-color: #8b7a43;
  box-shadow: 0 0 0 3px rgba(196,165,116,.25);
}
.single-product .variations select:disabled,
.woocommerce-cart .cart select:disabled {
  background-color: #f5f2ec;
  color: #7a7a7a;
  cursor: not-allowed;
}

/* Lepší rozestupy nad labely/between inputs */
.single-product .variations td.label label {
  font-weight: 600;
  color: #25421b;
  margin-bottom: 6px;
  display: inline-block;
}

/* Na úzkých displejích klidně přes celou šířku */
@media (max-width: 640px) {
  .single-product .variations select,
  .woocommerce-cart .cart select { max-width: 100%; }
}

/* ZMENŠIT TITULKY POUZE V HOMEPAGE BLOCÍCH (Woo Blocks) */
.home li.wc-block-product .wp-block-post-title,
.home li.wc-block-product .wp-block-post-title a,
.home li.wc-block-product .wp-block-post-title.has-medium-font-size,
.home li.wc-block-product .wp-block-post-title.has-medium-font-size a {
  font-size: clamp(16px, 1.6vw, 18px) !important;
  line-height: 1.3;
  font-weight: 600;
  margin-top: .25rem;
  margin-bottom: .5rem;
}

/* Ujisti se, že nadpis nikdy nenaráží na okraje */
.home li.wc-block-product .wp-block-post-title {
  padding: 0 0.4rem !important;
  text-align: center;
  word-break: break-word; /* pro dlouhá slova */
}

/* Tlačítka v klasickém shopu – ne přes celou šířku */
ul.products li.product .button,
ul.products li.product .add_to_cart_button,
ul.products li.product .wp-block-button__link {
  display: inline-block !important;
  width: auto !important;
  min-width: 140px;       /* sjednocená minimální velikost */
  text-align: center;
  margin: 0 auto;
  padding: 0.6em 1.3em;
}

/* Přidá malý vnitřní odstup dole pod tlačítkem */
ul.products li.product {
  padding-bottom: 0.8rem !important;
  box-sizing: border-box;
}

ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}