/*
 Theme Name:     BROFI Child
 Theme URI:      https://www.brofi.eu
 Description:    Brofi Child Theme of Divi
 Author:         Jan Brokes
 Author URI:     https://www.brofi.eu
 Template:       Divi
 Version:        1.0.0
  License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- *//* CSS Document */




.et_pb_row,.container.et_menu_container {width:92% !important;}

.primary{
	display:inline-block;
	background:#e0672b;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing:.02em;
	text-decoration:none;
	text-align:center;
	padding:16px 32px;
	border-radius:12px;
	border:none;
	cursor:pointer;
}
.primary:hover{
	background:#c8571f;
}

/* Styles for the [lp_featured_cards] shortcode.
 */

.lp-icon{font-family:'ETmodules'!important;font-style:normal;font-weight:normal;speak:none;line-height:1;display:inline-block}
.lp-icon-shield:before{content:"\e0f6"}
.lp-icon-star:before{content:"\e033"}
.lp-icon-spec:before{content:"\e037"}
.lp-icon-check:before{content:"\4e"}
.lp-icon-cart:before{content:"\e07a"}
.lp-icon-prev:before{content:"\34"}
.lp-icon-next:before{content:"\35"}

.lp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%}
.lp-card{background:#eef5fb;border:1px solid #dbe8f4;border-radius:18px;padding:20px;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;color:#1c2b3a}
.lp-card a{text-decoration:none;color:inherit}
.lp-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.lp-card__badge{background:#f2a93b;color:#fff;font-weight:700;font-size:13px;padding:6px 14px;border-radius:20px; 	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;}
.lp-card__warranty{display:flex;align-items:center;gap:6px;background:#fff;border-radius:20px;padding:6px 12px;font-size:13px;color:#e0672b;font-weight:600}
.lp-card__warranty .lp-icon{font-size:14px}
.lp-card__image{display:block;text-align:center;margin-bottom:14px}
.lp-card__image img{max-width:100%;height:auto}
.lp-card__meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.03em;color:#6b7f91;margin-bottom:4px}
.lp-card__title{display:block;font-size:18px;font-weight:700;color:#122036;margin-bottom:10px}
.lp-card__highlights {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 2px 0 10px;
}
.lp-card__highlight-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	background: #fff1e6;
	border: 1px solid #f0a068;
	border-radius: 999px;
	color: #c85a12;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}
.lp-card__highlight-pill .lp-icon-check {
	color: #c85a12;
	flex-shrink: 0;
}
.lp-card__chips{display:flex;background:#dbe9f7;border-radius:12px;margin-bottom:14px;overflow:hidden}
.lp-card__chip{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px}
.lp-card__chip:first-child{border-right:1px solid #c4d8ea}
.lp-card__chip .lp-icon{font-size:20px;color:#e0672b;flex-shrink:0}
.lp-card__chip-label{font-size:11px;letter-spacing:.03em;color:#5c7086}
.lp-card__chip-value{font-size:14px;font-weight:700}
.lp-card__availability{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:14px;flex-wrap:wrap;gap:6px}
.lp-card__stock{display:flex;align-items:center;gap:6px;font-weight:600}
.lp-card__stock.is-in-stock{color:#2f9e57}
.lp-card__stock.is-out-of-stock{color:#c94b3f}
.lp-card__stock .lp-icon{font-size:15px}
.lp-card__delivery{color:#6b7f91}
.lp-card__divider{border:none;border-top:1px solid #cfe0ee;margin:auto 0 14px}
.lp-card__bottom{display:flex;justify-content:space-between;align-items:center}
.lp-card__prices{display:flex;flex-direction:column}
.lp-card__price-excl{font-size:12px;color:#6b7f91}
.lp-card__price-incl{font-size:20px;font-weight:800;color:#122036}
.lp-card__cta{display:flex;align-items:center;gap:8px;background:#e0672b;color:#fff !important;font-weight:700;font-size:14px;padding:12px 18px;border-radius:12px;white-space:nowrap}
lp-card__cta:hover{
	background:#c8571f;
}
.lp-card__cta .lp-icon{font-size:15px}
.lp-card__category:hover {text-decoration:underline;}
.lp-card__price-incl-suffix{display:none}

/* [lp_newest_products] "Novinky" slider — smaller cards, same palette */
.lp-slider{width:100%;font-family:Arial,Helvetica,sans-serif}
.lp-slider__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.lp-slider__title{font-size:26px;font-weight:800;color:#122036;margin:0}
.lp-slider__nav{display:flex;gap:8px}
.lp-slider__arrow{width:36px;height:36px;border-radius:50%;border:1px solid #dbe2ea;background:#fff;color:#122036;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;padding:0}
.lp-slider__arrow:hover{background:#f2f5f8}
.lp-slider__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.lp-slider__track::-webkit-scrollbar{height:6px}
.lp-slider__track::-webkit-scrollbar-thumb{background:#cfe0ee;border-radius:6px}

.lp-mini-card{flex:0 0 240px;scroll-snap-align:start;background:#eef5fb;border:1px solid #dbe8f4;border-radius:18px;padding:16px;display:flex;flex-direction:column;color:#1c2b3a}
.lp-mini-card a{text-decoration:none;color:inherit}
.lp-mini-card__image{display:block;text-align:center;margin-bottom:12px}
.lp-mini-card__image img{max-width:100%;height:110px;object-fit:contain}
.lp-mini-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:700;color:#122036;margin-bottom:10px;min-height:38px}
.lp-mini-card__price{font-size:16px;font-weight:800;color:#122036;margin:auto 0 12px}
.lp-mini-card__price small{font-size:11px;font-weight:400;color:#6b7f91;text-transform:uppercase;margin-left:2px}
.lp-mini-card__cta{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:12px;letter-spacing:.02em;padding:11px 12px;border-radius:12px;text-align:center}
.lp-mini-card__cta--primary{background:#e0672b;color:#fff !important}
.lp-mini-card__cta--ghost{background:#dbe9f7;color:#33506e}
.lp-mini-card__cta .lp-icon{font-size:13px}


/* Konfigurátor stroja – card styl, platí pro variantní i jednoduché produkty (obě formy mají třídu .cart) */

.cart {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #fef6ee;
    border: 1px solid #f0ddc8;
    border-radius: 16px;
    padding: 20px 22px;
}

/* --- Tabulka variant (jen variantní produkt) --- */

.cart table.variations {
    width: 100%;
    border: none;
    margin-bottom: 12px;
}

.cart table.variations tr,
.cart table.variations td.value {
    display: block;
    padding: 0;
}

.cart table.variations th.label {
    display: block;
    text-align: left;
    padding: 0 0 5px;
    font-weight: 700;
    font-size: 14px;
    color: #1f2a44;
}

.cart table.variations td.value span {
    display: block;
    width: 100%;
}

.cart .reset_variations {
    display: none; /* skryje odkaz "Vymazať" – klidně tenhle blok smaž, pokud ho chceš zachovat */
}

/* --- Selecty (výběr modelu i doplňky WCJ) --- */

.cart table.variations td.value select,
.cart select[name^="attribute_"],
#wcj_product_addons select {
    width: 100% !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23555'%3E%3Cpath d='M5.5 7l4.5 4.5L14.5 7z'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    padding: 9px 36px 9px 14px !important;
    font-size: 14px !important;
    color: #1f2a44 !important;
    margin: 0 !important;
    cursor: pointer;
    transition: border-color .15s;
}

.cart table.variations td.value select:focus,
#wcj_product_addons select:focus {
    outline: none;
    border-color: #e8792a !important;
}

/* --- Doplňky WCJ (nadpisy + selecty + checkboxy) --- */

#wcj_product_addons {
    margin: 12px 0;
    padding-top: 12px;
    border-top: 1px solid #f0ddc8;
}

/* nadpis "Doplňky" – vygenerovaný čistě CSS, plugin ho do markupu nedává */
#wcj_product_addons::before {
    content: "Doplňky";
    display: block;
    font-weight: 700;
    font-size: 15px;
    color: #1f2a44;
    margin-bottom: 8px;
}

#wcj_product_addons label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #1f2a44;
    margin: 8px 0 4px;
}

#wcj_product_addons p:has(input[type="checkbox"]) {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 8px 0 4px;
}

#wcj_product_addons input[type="checkbox"] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 3px 0 0 0;
    accent-color: #e8792a;
    cursor: pointer;
}

#wcj_product_addons input[type="checkbox"] + label {
    display: inline;
    font-weight: 400 !important;
    font-size: 13px;
    color: #1f2a44;
    margin: 0 !important;
    cursor: pointer;
}
#wcj_product_addons input[type="checkbox"] + label a {
    color: #e8792a;
    text-decoration: underline;
}

/* --- Layout: doplňky na celou šířku, pod nimi množství + tlačítko vedle sebe --- */

/* varianta A: variantní produkt – wrapper .woocommerce-variation-add-to-cart */
.woocommerce-variation-add-to-cart {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.woocommerce-variation-add-to-cart > #wcj_product_addons {
    flex: 1 1 100%;
    width: 100%;
}

/* varianta B: jednoduchý produkt – #wcj_product_addons, .quantity a tlačítko jsou přímo v .cart */
form.cart:not(.variations_form) {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

form.cart:not(.variations_form) > #wcj_product_addons {
    flex: 1 1 100%;
    width: 100%;
    margin-top: 0;
}

/* --- Množství + tlačítko (společné pro oba typy) --- */

.quantity .qty {
    width: 70px;
    height: 52px;
    text-align: center;
    background: #fff !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 10px !important;
    font-size: 18px;
    font-weight: 600;
    color: #1f2a44;
}

.single_add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    min-width: 220px;
    height: 52px;
    background: #e0672b !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: none;
    cursor: pointer;
    transition: background .15s;
}

.single_add_to_cart_button::before {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center / contain;
}

.single_add_to_cart_button:hover {
    background: #c8571f !important;
}

.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-selection-needed {
    background: #f3c39a !important;
}
@media (max-width: 480px) {
    .cart {
        padding: 16px;
    }
    .woocommerce-variation-add-to-cart,
    form.cart:not(.variations_form) {
        flex-direction: column;
        align-items: stretch;
    }
    .single_add_to_cart_button {
        width: 100%;
    }
}
.cart p {
    padding-bottom: 5px !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:var(--mini-gap) !important;
  margin-top:12px !important;
  padding:0 !important;
  box-sizing:border-box;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs > li{
  flex:0 0 var(--mini-w) !important;
  width:var(--mini-w) !important;
  height:var(--mini-h) !important;
  list-style:none !important;
  border-radius:var(--mini-radius);
  overflow:hidden;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs > li.wc-thumb-plus{
  flex:0 0 var(--mini-w) !important;
}

/* po rozbalení (klik na +) ať se náhledy zalomí do víc řádků, jinak by jedna řada byla extrémně dlouhá */
.single-product .woocommerce-product-gallery .flex-control-thumbs.wc-thumbs-expanded{
  flex-wrap:wrap !important;
}
.kv-grid {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kv-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}

.kv-item::marker {
    content: none;
}

.kv-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.kv-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.kv-text {
    flex: 1;
}

.kv-text p {
    margin: 0;
    padding: 0;
}


.parametry {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
}

.parametry tr {
    border-bottom: 1px solid #f0ddc8;
}

.parametry tr:last-child {
    border-bottom: none;
}

.parametry tr:nth-child(even) {
    background: #fef6ee;
}

.parametry td {
    padding: 10px 14px;
    vertical-align: top;
    color: #1f2a44;
}

.parametry td:first-child {
    font-weight: 700;
    width: 35%;
    white-space: nowrap;
}

.parametry td:last-child {
    font-weight: 400;
}

.parametry td a {
    color: #e8792a;
    text-decoration: underline;
}

@media (max-width: 480px) {
    .parametry, .parametry tbody, .parametry tr, .parametry td {
        display: block;
        width: 100%;
    }
    .parametry tr {
        padding: 8px 0;
    }
    .parametry td:first-child {
        white-space: normal;
        padding-bottom: 2px;
        font-size: 13px;
        color: #e8792a;
    }
    .parametry td:last-child {
        padding-top: 0;
    }
}

        .custom-product-label {
border-radius: 20px;
  background: #f2a93b;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 6px 14px;
        }

p.product-recycling-fee-info {font-size:0.9em; font-weight:400;}

.et_pb_wc_add_to_cart form.cart .variations td.value span:after {display:none;}

.lp-category-products {
	width: 100%;
}

.lp-category-products .lp-category-products__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 28px;
}

.lp-category-products .woocommerce-result-count,
.lp-category-products .woocommerce-ordering {
	float: none;
	margin: 0;
}

.lp-category-products .woocommerce-ordering select {
	max-width: 100%;
	min-height: 44px;
	padding: 10px 36px 10px 14px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fff;
	color: #222;
	font: inherit;
}

.lp-category-products .lp-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.lp-category-products .lp-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	position:relative;
}

.lp-category-products .lp-card__bottom {
	margin-top: auto;
}

.lp-category-products__pagination {
	margin-top: 36px;
}

@media (max-width: 980px) {
	.lp-category-products .lp-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 600px) {
	.lp-category-products .lp-card-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.lp-category-products .lp-category-products__toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.lp-category-products .woocommerce-ordering,
	.lp-category-products .woocommerce-ordering select {
		width: 100%;
	}
}

/* Bílé pozadí produktových karet */
.lp-category-products .lp-card {
	background: #fff;
}

/* Notebook a desktop: 4 produkty vedle sebe */
.lp-category-products .lp-card-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

/* Zalamování obsahu v užších kartách */
.lp-category-products .lp-card__meta,
.lp-category-products .lp-card__availability,
.lp-category-products .lp-card__bottom {
	flex-wrap: wrap;
	gap: 12px;
}

/* Tablet */
@media (max-width: 980px) {
	.lp-category-products .lp-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

/* Mobil */
@media (max-width: 600px) {
	.lp-category-products .lp-card-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 981px) {

	/* vypnout hover otevírání submenu jen v #top-menu */
	#top-menu li.et-touch-hover > ul,
	#top-menu li:hover > ul {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	/* viditelnost submenu řízená JS přes hide.visible */
	#top-menu ul.sub-menu.hide.visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

/* megamenu pro položku s class lp-mega – 5 sloupců, vnitřní submenu vždy viditelné jen na desktopu */
@media (min-width: 981px) {

  /* parent li lp-mega – kvůli fullwidth megamenu */
  #et-top-navigation #top-menu > li.lp-mega {
    position: static;
  }

  /* hlavní megamenu box */
  #et-top-navigation #top-menu > li.lp-mega > ul.sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 30px;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px;

    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    z-index: 9999;

    width: 100%;
    min-width: 0;
  }

  /* každý první li uvnitř megamenu = jeden sloupec */
  #et-top-navigation #top-menu > li.lp-mega > ul.sub-menu > li {
    list-style: none;
    position: static;
    min-width: 0;
  }

  /* nadpis sloupce */
  #et-top-navigation #top-menu > li.lp-mega > ul.sub-menu > li > a {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
  }

  /* vnitřní submenu (podkategorie) – vždy viditelné */
  #et-top-navigation #top-menu > li.lp-mega > ul.sub-menu > li > ul.sub-menu {
    position: static;
    margin-top: 6px;
width:100%;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
    box-shadow: none;
    background: transparent;
  }

  #et-top-navigation #top-menu > li.lp-mega > ul.sub-menu > li > ul.sub-menu li a {
    display: block;
    font-weight: 400;
    font-size: 0.95em;
    padding: 2px 0;
  }
}

@media (min-width: 981px) {

	/* křížek v pravém horním rohu submenu */
	#top-menu li.lp-mega > ul.sub-menu.hide.visible::after {
		content: "✕";
		position: absolute;
		top: 12px;
		right: 18px;
		font-size: 18px;
		color: #333;
		cursor: pointer;
		opacity: 0.75;
		transition: opacity 0.2s ease;
	}

	#top-menu li.lp-mega > ul.sub-menu.hide.visible::after:hover {
		opacity: 1;
	}
}
#top-menu li li a, #top-menu li li li 
 { padding: 0px !important;}