/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html

ZJISTIL JSEM ŽE VELKÉ MNOŽSTVÍ CUSTOM CSS SE MUSÍ VKLÁDAT SEMKA ABY SE PROPSALO I PRO TELEFONY
*/

/*obarvení kategorií v menu obchodu
.cat-item-122 > a, .cat-item-128 > a {
  color: #d004d4 !important;
}
*/

.kc-box{
  background:#fdfaf6 !important;
  border-radius:12px !important;
  padding:20px !important;
  margin:24px 0 !important;
}

.below-woocommerce-category img {
	border-radius: 10px !important;
}

.below-woocommerce-category li {
    font-size: 17px !important;
}

.below-woocommerce-category p {
    font-size: 17px !important;
}

.woocommerce-bacs-bank-details {
    display: block !important;
    justify-items: center !important;
}

.wpify-woo-qr-payment {
	justify-items: center;
}

.wpify-woo-qr-payment_code {
    min-width: 200px !important;
}

.wpify-woo-qr-payment_code p {
	margin-bottom: 4px !important;
}

.below-woocommerce-category {
	border: 0px !important;
    /* border: 1px solid #eee; odstranění rámečku, aby mohla být menší mezera*/
    padding: 0.8rem !important;
	margin-top: 1rem !important;
}

@media (max-width: 767px) {
  .below-woocommerce-category h2 {
    font-size: 24px !important;
    text-align: center !important;
  }

  .below-woocommerce-category h3 {
    font-size: 19px !important;
    text-align: left !important;
  }
}

  .below-woocommerce-category h2,
  .below-woocommerce-category h3 {
	color: #7a2a0d !important;
}

.below-woocommerce-category h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
  text-align: center !important;
}

.product-categories .cat-item {
	font-size: 17px !important;
}

/*mezera v menu mezi položkami v menu a produktem*/
@media (min-width: 993px) {
    .main-navigation ul.menu li.full-width > .sub-menu-wrapper li.product:not(.product-category) {
        padding-top: 1.5em !important;
    }
}

/* ===== K&C SUBCATS – robust styling (Shoptimizer overrides) ===== */

main#main .cg-subcats{
    margin: 15px 0 24px !important;
    padding: 15px 0 24px !important;
    border-bottom: 1px solid #e9e9e9 !important;
}

main#main .cg-subcats ul.products.subcategories{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

@media (max-width: 768px){
    main#main .cg-subcats ul.products.subcategories{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* zruš theme pravidla pro produkty (float/width), která často rozbíjí grid */
main#main .cg-subcats ul.products.subcategories > li.product,
main#main .cg-subcats ul.products.subcategories > li.product-category{
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* card */
main#main .cg-subcats ul.products.subcategories > li > a{
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;

    padding: 14px 12px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;

    transition: transform .15s, box-shadow .15s, border-color .15s;
}

main#main .cg-subcats ul.products.subcategories > li > a:hover{
    transform: translateY(-2px);
    border-color: #e0e0e0 !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.10) !important;
}

/* thumbnail */
main#main .cg-subcats ul.products.subcategories img{
    width: min(160px, 80%) !important;
    height: auto !important;
    margin: 0 auto 10px !important;
    display: block !important;
}

/* title */
main#main .cg-subcats ul.products.subcategories .woocommerce-loop-category__title{
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* count pryč */
main#main .cg-subcats ul.products.subcategories .count{
    display: none !important;
}

/* ===== END ===== */

/*na stránce kategorií se nezobrazuje u seznamů ten defaultní černý puntík - stránka kategorií*/
.below-woocommerce-category ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.below-woocommerce-category li::marker {
  display: none !important;
}

/* větší mezery mezi položkami */
.below-woocommerce-category li {
  margin-bottom: 14px !important; /* můžeš upravit třeba na 12px nebo 14px podle vzhledu */
  line-height: 1.6 !important; /* lepší čitelnost */
}

.below-woocommerce-category p {
  font-size: 16px !important;
}
/*====*/

.single-product .woocommerce-Tabs-panel p {
  font-size: 17px !important;
  line-height: 1.6 !important;
  font-weight: 400;
}

/* Nadpisy H5 */
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description h5 {
  padding-bottom: 30px;
  font-family: "Dancing Script", cursive !important;
  font-weight: 600 !important;
}

@media (max-width: 767px) {
  .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description h2,
  .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description h3 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  /* případně cílené na obrázky v popisu produktu */
  .product-description img,
  .below-woocommerce-category img {
    float: none !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.social-links {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
	margin-bottom: 20px;
}
.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    line-height: 0;
    text-decoration: none;
}
.social-links a svg {
    width: 32px;
    height: 32px;
    display: block;
}
  /* volitelné zabarvení ikon (aktuálně dědí currentColor)
  .social-links a { color: #222; }
  .social-links a:hover { color: #555; }
  */

.widget_shopping_cart .buttons .checkout:before {
    display: none !important;
}

.widget .widget-title, .widget .widgettitle {
    color: #7a2a0d !important;
	font-size: 16px !important;
}
/*accrodiony na stránce produktu, větší font*/
.summary details .cg-accordion-item {
    font-size: 15px;
}

/* Skryje všechny child položky v mini cartu */
.woocommerce-mini-cart-item.woosb-cart-child {
  display: none !important;
}

/* Ponechá viditelné jen parent položky */
.woocommerce-mini-cart-item.woosb-cart-parent {
  display: list-item !important;
}

.summary details summary {
    font-size: 15px !important;
}

.commercekit-order-bump .ckobp-price, .commercekit-order-bump .ckobp-price bdi {
    color: #1da32e !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

header.woocommerce-products-header, .shoptimizer-category-banner {
    border-radius: 15px;
	box-shadow: 0 10px 18px -12px rgba(0,0,0,0.25);
}

/* Kategorie – obrázek max 40 % (přepisuje i min-width:50%) */
header.woocommerce-products-header img.cg-cat-image,
header.woocommerce-products-header .term-description + img.cg-cat-image,
header.woocommerce-products-header .term-description + noscript + img.cg-cat-image,
header.woocommerce-products-header .term-description + picture {
  width: 28% !important;
  max-width: 28% !important;
  min-width: 28% !important;
  height: auto !important;
}

/* Mobil */
@media (max-width: 767px){
  header.woocommerce-products-header img.cg-cat-image,
  header.woocommerce-products-header .term-description + img.cg-cat-image,
  header.woocommerce-products-header .term-description + noscript + img.cg-cat-image,
  header.woocommerce-products-header .term-description + picture {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
  }
}

/* CATEGORY TERM DESCRIPTION – list jako "tlačítka/tagy" */
.woocommerce-products-header .term-description ul,
.woocommerce-products-header .term-description ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center !important;
    justify-content: center !important;
}

/* Zrušení defaultních odrážek/číslování i v některých prohlížečích */
.woocommerce-products-header .term-description li::marker {
    content: "" !important;
}

/* Reset spacing na položkách */
.woocommerce-products-header .term-description li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Odkaz jako tlačítko */
.woocommerce-products-header .term-description li a {
    display: inline-flex;
    align-items: center !important;
	justify-content: center !important;

    text-decoration: none !important;
    box-shadow: none !important;

    background: #fbc865;
    border: 1px solid #e9e9e9;
    border-radius: 999px;

    padding: 8px 17px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;

    color: #111;
    transition: 0.2s;
}

/* Hover/Focus */
.woocommerce-products-header .term-description li a:hover,
.woocommerce-products-header .term-description li a:focus {
    border-color: #dcdcdc;
    transform: translateY(-1px);
}

/* Pokud se někde snaží téma dělat "podtržený hover", tohle to dorazí */
.woocommerce-products-header .term-description a:hover {
    text-decoration: none !important;
}

h1.woocommerce-products-header__title {
	color: #7a2a0d !important;
    text-align: center !important;
}

h1.product_title.entry-title,
.shop header.woocommerce-products-header {
	color: #7a2a0d !important;
}

/*============ checklist a špendlík ===========*/

.spendlik{list-style:none;margin:0;padding:0;}
.spendlik li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
  line-height:1.6;
}
.spendlik li::before{
  content:"";
  position:absolute;
  left:0; top:2px;
  width:20px; height:20px;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232dbf64' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
}

.spendlik li:hover::before{
  filter: brightness(1.15);
}

.checklist{list-style:none;margin:0;padding:0;}
.checklist li{
  position:relative;
  padding-left:30px;
  margin-bottom:12px;
  line-height:1.6;
}
.checklist li::before{
  content:"";
  position:absolute;
  left:0; top:2px;
  width:20px; height:20px;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232dbf64' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E");
}

/* Volitelné: jemný hover efekt */
.checklist li:hover::before{
  filter: brightness(1.15);
}

/* Lucide ikonky v menu – sjednocení vzhledu */
svg.lucide,
.lucide-shopping-basket{
  display:inline-block;
  width:23px;                  /* respektuje tvůj rozměr */
  height:23px;
  stroke: currentColor;        /* dědí barvu textu */
  fill: none;
  stroke-width:1.5 !important; /* požadovaná tloušťka linie */
  vertical-align:-4px;         /* jemné posunutí dolů (doladíš -1 až -4) */
  line-height:1;
}

/* Volitelně: na hover trochu ztmavit ikonu spolu s textem menu*/
.nav a:hover svg.lucide{ opacity:.5; }

/*============ KONEC checklist a špendlík ===========*/

/*============ FOOTER footer ===========*/
@media (max-width: 992px) {
footer.site-footer, footer.copyright {
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 992px) {
  #media_image-3 img {
    width: 40% !important;
    height: auto;
  }
}

@media (max-width: 992px) {
  footer.site-footer {
    text-align: center;
  }

  footer.site-footer img.alignleft,
  footer.site-footer img,	
  footer.site-footer img.alignright {
    float: none !important;
    display: block;
    margin: 10px auto 0;
  }
}
/*============ KONEC FOOTER footer ===========*/

/* Top bar: zruší Elementor kit spacing pro odstavce */
.top-bar p,
.top-bar .textwidget p {
  margin: 0 !important;
}

.top-bar .col-full, .top-bar-center, .top-bar-left, .top-bar-right {
        display: flex !important;
    }
}

/* =========================
   KNC – chuťový profil (aktuální CSS)
   - mezery řešené přes margin (stabilní, bez gap)
   ========================= */

/* Wrapper štítků */
.knc-flavor-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  margin:6px 0;
}

/* Jednotlivý štítek */
.knc-flavor-badge{
  display:inline-flex;
  align-items:center;

  /* mezery mezi štítky: 6px horizontálně, 8px vertikálně */
  margin:0 2px 2px 0;

  padding:3px 7px;
  border-radius:8px;
  border:1px solid #e7dfd2;
  background:#f6f0e6;

  font-size:12px;     /* default pro dlaždice */
  line-height:1.1;
  white-space:nowrap;
}

/* Dlaždice (PLP) – centrovat */
.woocommerce ul.products li.product .knc-flavor-badges{
  justify-content:center;
}

/* Detail produktu (PDP) – větší písmo */
.knc-flavor-badges-pdp .knc-flavor-badge{
  font-size:14px;     /* PC detail */
  padding:7px 12px;
  font-weight: 600;
}

/* Mobil – detail produktu ještě o chlup větší (ne dlaždice) */
@media (max-width: 480px){
  .knc-flavor-badges-pdp .knc-flavor-badge{
    font-size:13px;   /* mobil detail */
    padding:6px 10px;
  }
}

/* PLP na mobilu lehce menší */
@media (max-width: 480px){
  .woocommerce ul.products li.product .knc-flavor-badge{
    font-size:11px;
    padding:5px 8px;
  }
}

div.wpforms-container-full .wpforms-form .wpforms-head-container {
    display: none;
}

/* Customer Reviews – tlačítko "Přidat recenzi" */
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-add-review{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#22c55e !important;
  color:#fff !important;

  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:12px !important;

  padding:12px 16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;

  box-shadow:0 8px 20px rgba(34,197,94,.22), 0 2px 6px rgba(0,0,0,.08) !important;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
  cursor:pointer !important;
}

#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-add-review:hover{
  filter:brightness(.97) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 26px rgba(34,197,94,.26), 0 3px 10px rgba(0,0,0,.10) !important;
}
