/**
 * Wooptima | Theme CSS
 * Styles kept in git (the rest of the site CSS lives in Scripts Organizer).
 */

/* Cart Notices 1.16+ wraps its notice in a WooCommerce notice: the wrapper stays invisible, the notice inside keeps its own look */
.woocommerce-notices-wrapper .woocommerce-info:has(> .woocommerce-cart-notice) {
	padding: 0 !important;
	background: none !important;
	box-shadow: none;
}

.woocommerce-notices-wrapper .woocommerce-info:has(> .woocommerce-cart-notice)::before {
	display: none;
}

/* Checkout: before, the notice was not inside .woocommerce-notices-wrapper, which gets a 15px side padding from Scripts Organizer */
.woocommerce-checkout .woocommerce-notices-wrapper:has(> .woocommerce-info > .woocommerce-cart-notice) {
	padding-inline: 0;
}

/* Woodmart 8 removes the padding of the last cart table column */
.woocommerce-cart .shop_table tr :is(td, th):last-child {
	padding-inline-end: 20px;
}

/* === Woodmart 8 -> vzhlad ako Woodmart 7 (staging), cela stranka === */

/* Woodmart 8 nastavuje html na velkost textu (14px), vsetky rem v Scripts Organizeri boli mensie */
html {
	font-size: 16px;
}

/* Woodmart 7 oreza obsah mimo stranky v oboch smeroch, Woodmart 8 len vodorovne: skryte menu kategorii predlzovalo stranku */
body {
	overflow: clip;
}

/* Odkazy v menu hlavicky: Woodmart 8 min-height 42px a odsadenie, Woodmart 7 vyska 40px */
:is(.wd-nav-main, .wd-nav-secondary) > li > a {
	min-height: 0;
	height: 40px;
	padding-block: 0;
	line-height: 1.2;
}

/* Ikony v hlavicke (ucet, kosik): Woodmart 8 pridal medzeru 7px medzi ikonu a text */
.whb-header .wd-tools-element > a {
	gap: 0;
}

/* Tlacidlo menu (tablet, mobil): Woodmart 7 dava textu okraj 8px namiesto medzery */
.whb-header .wd-header-mobile-nav .wd-tools-text {
	margin-inline-start: 8px;
}

/* Kosik dizajn 3 (pocitac): okraj textu z Woodmart 7 */
.whb-header .wd-header-cart.wd-design-3 .wd-tools-text {
	margin-inline-start: 12px;
}

/* Kosik dizajn 3: suma hrubym pismom 900 ako Woodmart 7 (Woodmart 8 ma 600) */
.whb-header .wd-header-cart.wd-design-3 .wd-cart-subtotal .amount {
	font-weight: 900;
}

/* Vyhladavanie: Woodmart 8 pridava 30px vpravo v poli (pre tlacidlo na vymazanie) */
.wd-search-form .searchform input[type="text"] {
	padding-inline-end: var(--wd-search-btn-w);
}

/* Mobilne vyhladavanie: Woodmart 7 tam nemal triedu woodmart-ajax-search, na ktoru ma Scripts Organizer margin-right: -2px a sirku 45px */
.wd-header-search-form-mobile .searchform.woodmart-ajax-search .searchsubmit {
	margin-right: 0;
	width: var(--wd-search-btn-w);
}

/* Kosik dizajn 5 (mobil): okraje z Woodmart 7, Woodmart 8 dava ikone 6px vpravo a kosiku 10px */
.whb-header .wd-header-cart.wd-tools-element.wd-design-5:not(.wd-style-text) {
	margin-inline-end: 5px;
}

.whb-header .wd-header-cart.wd-tools-element.wd-design-5 .wd-tools-icon {
	margin-inline-end: 0;
}

/* Nadpis stranky: Woodmart 7 mal okraj 40px pod hlavickou a nadpis bez horneho odsadenia,
   s tym pocita margin-top: -50px nadpisu v Scripts Organizeri */
.wd-page-title.page-title {
	margin-top: 40px;
	padding-top: 0;
}

/* Scripts Organizer dava .title-size-small spodne odsadenie 20px, Woodmart 8 ho pod 1025px prebije (15px) */
.wd-page-title.title-size-small {
	padding-bottom: 20px;
}

.wd-page-title.page-title > .container {
	display: block;
}

/* Woodmart 7 nemal medzeru 40px medzi nadpisom a obsahom */
.wd-page-title + .wd-content-layout {
	padding-top: 0;
}
/* Woodmart 7 mal obsah vo flex .row, margin-top prveho riadku WPBakery (40px) sa nezlucoval s margin-bottom nadpisu (5px) */
.wd-page-title + .wd-content-layout:not(.wd-grid-g) {
	display: flow-root;
}

/* Na stranke Moj ucet SCORG nadpis skryva (.woocommerce-account .page-title), medzera 40px nad obsahom ostava ako na Woodmart 7 */
.woocommerce-account .wd-page-title + .wd-content-layout {
	padding-top: 40px;
}

/* Kroky Nakupni kosik -> Pokladna -> Dokonceni (Woodmart 7) */
.page-title .wd-checkout-steps {
	display: block;
	color: inherit;
	text-transform: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
}

/* Woodmart 7 dava pismo nadpisov krokom (li), Woodmart 8 celemu zoznamu (ul), co meni sirku medzier medzi krokmi */
.page-title .wd-checkout-steps li {
	display: inline-block;
	margin-block: 5px;
	color: var(--wd-title-color);
	text-transform: uppercase;
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	font-size: 22px;
	font-family: var(--wd-title-font);
	line-height: 1.2;
}

/* Sipky medzi krokmi z ikonoveho pisma Woodmart 7, v Woodmart 8 je znak tensi */
@font-face {
	font-family: "woodmart7-font";
	src: url("../fonts/woodmart7-font-1-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.page-title .wd-checkout-steps li:not(:last-child):after {
	margin: 0 15px;
	font-family: "woodmart7-font";
}

.page-title .wd-checkout-steps li a {
	display: inline-block;
}

.page-title .wd-checkout-steps li span {
	position: relative;
	display: block;
}

.page-title .wd-checkout-steps .step-active > :is(a, span) {
	text-decoration: none;
}

.page-title .wd-checkout-steps li span:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--wd-primary-color);
	transition: width .4s cubic-bezier(.19, 1, .22, 1);
}

.page-title .wd-checkout-steps .step-active span:after {
	width: 100%;
}

@media (max-width: 768.98px) {
	.page-title .wd-checkout-steps li {
		margin-block: 0;
	}

	.page-title .wd-checkout-steps li:not(.step-active),
	.page-title .wd-checkout-steps li span:after,
	.page-title .wd-checkout-steps li:after {
		display: none;
	}
}

/* Hlasky: Woodmart 8 odsadenie 18px / 65px 40px !important a bez min. vysky, Woodmart 7 10px / 65px 30px a 60px */
:is(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
	min-height: 60px;
	padding-block: 10px;
	padding-inline: 65px 30px !important;
}

/* Mobilne odsadenie hlasky o zlave zo Scripts Organizera, bez !important by ho prebilo pravidlo vyssie */
@media screen and (max-width: 576px) {
	:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-message.woocommerce-discount {
		padding-left: 50px !important;
	}
}

/* Pocitadlo mnozstva: Woodmart 8 dava tlacidlam - a + odsadenie beznych tlacidiel */
div.quantity {
	font-size: 0;
}

div.quantity input:is(.minus, .plus) {
	min-width: 25px;
	padding: 0 5px;
}

/* Paticka: spodne odsadenie a socialne ikony ako na Woodmart 7 */
.footer-container .footer-sidebar{row-gap:0;padding-bottom:10px}
.wd-social-icons:not(.wd-style-default){gap:0}
.wd-social-icons:not(.wd-style-default) > .wd-social-icon{margin:4px}

/* Roztiahnute riadky WPBakery: pozicia z CSS Woodmart, nie z inline stylu, ktory JS WPBakery 9 vypocita inak */
[data-vc-full-width]{left:var(--wd-stretch-left)!important}
@media (min-width:1360px){
	[data-vc-full-width]:not([data-vc-stretch-content]){padding-inline:calc((100vw - var(--wd-container-w) - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2)!important}
}

/* Woodmart 8 presunul horne odsadenie obsahu z .main-page-wrapper na .wd-content-layout, Scripts Organizer
   na homepage do 480px nastavuje .main-page-wrapper 20px namiesto 40px, tu sa preto odsadenie .wd-content-layout rusi */
@media (max-width:480px){
	.home .wd-content-layout{padding-top:0}
}

/* Woodmart 8 posuva .optional o 5px hore (position:relative;top:-5px), Woodmart 7 nie */
.optional{position:static}
/* Woodmart 8 zmensuje a zosvetluje (volitelny) v labeloch (.optional font-size .8em, gray-300), Woodmart 7 nie */
.optional{font-size:inherit;color:inherit}
/* Woodmart 7 mal v base.css hr { max-width: 35px } (kratka ciarka v strede), Woodmart 8 ho vyhodil */
hr{max-width:35px}

/* Woodmart 8 pridal do vyhladavania krizik na vymazanie, Woodmart 7 ho nemal */
body .searchform .wd-clear-search{display:none}

/* Woodmart 7 mal nad hlavickou vypisu produktov na tablete a mobile zaporny okraj a mensie medzery, Woodmart 8 ich vyhodil */
@media (max-width:1024px){
	body .wd-content-area .shop-loop-head{row-gap:0;margin-top:-10px}
	body .wd-content-area .shop-loop-head > .wd-shop-tools:not(:last-child){padding-bottom:10px}
	body .wd-content-area .shop-loop-head > .wd-shop-tools:not(:last-child) > *{margin-bottom:10px}
}
@media (max-width:768.98px){
	body .wd-content-area .shop-loop-head{margin-top:-15px}
}

/* Prazdny kosik: Woodmart 7 mal .wd-empty-page (vacsi nadpis a ikona, okraj 5vw), Woodmart 8 ma mensi .wd-empty-block-title */
body .wd-empty-block-title.wc-empty-cart-message{margin-top:5vw;margin-bottom:15px;font-size:48px;line-height:1.2}
body .wd-empty-block-title.wc-empty-cart-message::before{font-size:3.8em}
body .wc-empty-cart-message + .return-to-shop{margin-bottom:20px}
@media (max-width:1024px){ body .wd-empty-block-title.wc-empty-cart-message{font-size:42px} }
@media (max-width:768.98px){ body .wd-empty-block-title.wc-empty-cart-message{font-size:32px} }
@media (max-width:576px){ body .wd-empty-block-title.wc-empty-cart-message{font-size:28px} }

/* Krizik popupu (tabulka velkosti, Magnific Popup): Woodmart 8 mu tlacidlovym pravidlom dal 13px Montserrat, Woodmart 7 nechal 28px Arial */
body .mfp-close{font-family:Arial,Baskerville,monospace;font-size:28px;line-height:44px}

/* Svetle menu: Woodmart 7 mal farbu pri prejdeni mysou a aktivnej polozky rgba(255,255,255,.8), Woodmart 8 ma .7 */
:is(.color-scheme-light, .whb-color-light) .wd-nav{--nav-color-hover:rgba(255,255,255,.8);--nav-color-active:rgba(255,255,255,.8)}

/* === Kosik === */

/* Woodmart 8 dava obalu kosika aj medzeru medzi riadkami (30px) a zarovnanie hore, Woodmart 7 len medzeru medzi stlpcami */
.cart-content-wrapper.row {
	row-gap: 0;
	align-items: normal;
}

/* Sirka suctov z Woodmart 7 (woo-page-cart-predefined.min.css), Woodmart 8 im dava celu sirku */
@media (min-width: 1025px) {
	.cart-content-wrapper > .cart-totals-section {
		flex: 0 0 calc(41.666667% - 15px);
		max-width: calc(41.666667% - 15px);
	}
}

@media (min-width: 1200px) {
	.cart-content-wrapper > .cart-totals-section {
		flex: 0 0 calc(33.333333% - 15px);
		max-width: calc(33.333333% - 15px);
	}
}

/* Tlacidlo Aktualizovat kosik: pravidla z Woodmart 7 (woo-page-cart.min.css), nacitane po Scripts Organizeri */
.cart-actions .button[name="update_cart"] {
	border-radius: var(--btn-default-brd-radius);
	color: var(--btn-default-color);
	box-shadow: var(--btn-default-box-shadow);
	background-color: var(--btn-default-bgcolor);
	text-transform: var(--btn-default-transform, var(--btn-transform, uppercase));
	font-weight: var(--btn-default-font-weight, var(--btn-font-weight, 600));
	font-family: var(--btn-default-font-family, var(--btn-font-family, inherit));
	font-style: var(--btn-default-font-style, var(--btn-font-style));
}

.cart-actions .button[name="update_cart"]:hover {
	color: var(--btn-default-color-hover);
	box-shadow: var(--btn-default-box-shadow-hover);
	background-color: var(--btn-default-bgcolor-hover);
}

.cart-actions .button[name="update_cart"]:active {
	box-shadow: var(--btn-default-box-shadow-active);
	bottom: var(--btn-default-bottom-active);
}

/* Woodmart 8 nuluje lave odsadenie prveho stlpca (kriziku) */
.woocommerce-cart .shop_table tr :is(td, th):first-child {
	padding-inline-start: 20px;
}

/* Tabulka kosika na mobile: pravidla z Woodmart 7 (woo-mod-shop-table.min.css), Woodmart 8 ju prerobil na flex s medzerami */
@media (max-width: 768.98px) {
	.woocommerce-cart-form__contents.shop_table_responsive tr {
		display: block;
		gap: 0;
		margin-bottom: 0;
		padding-bottom: 25px;
		padding-left: 115px;
		min-height: 136px;
	}

	.woocommerce-cart-form__contents.shop_table_responsive tr:not(:first-child) {
		margin-top: 25px;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 0;
		margin-bottom: 5px;
		padding: 0;
		text-align: right;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td > * {
		margin-bottom: 5px;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td:before {
		flex: 1 1 auto;
		margin-bottom: 5px;
		margin-inline-end: 0;
		padding-top: 0;
		color: var(--color-gray-900);
		text-align: left;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 11px;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td:not(:last-child) {
		padding-bottom: 0;
		border-bottom: 1px dashed var(--brdcolor-gray-300);
	}

	.woocommerce-cart-form__contents.shop_table_responsive td:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td.product-thumbnail {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		margin-bottom: 0;
		padding-bottom: 0;
		max-height: 115px;
		border-bottom: none;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td.product-remove {
		position: absolute;
		top: -7px;
		right: -7px;
		z-index: 1;
		margin-bottom: 0;
		padding-bottom: 0;
		border: none;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td.product-name {
		margin-bottom: 0;
		padding-bottom: 0;
		padding-right: 20px;
		border-bottom: none;
		text-align: left;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td.product-name > :is(a, label, span) {
		margin-bottom: 10px;
		padding-right: 5px;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td.product-quantity :is(input[type="button"], input[type="number"], input[type="text"]) {
		height: 30px;
	}

	.woocommerce-cart-form__contents.shop_table_responsive td.product-quantity input[type="number"] {
		width: 25px;
	}
}

/* === Pokladna: Woodmart 8 / WooCommerce 11 -> vzhlad ako pred aktualizaciou (staging) === */

/* Scripts Organizer nuluje medzeru medzi stlpcami (column-gap: 0 !important), predtym ju robila mriezka Bootstrapu */
body .woocommerce > form.woocommerce-checkout {
	column-gap: var(--wd-col-gap) !important;
}
/* Sirky stlpcov ako Bootstrap na Woodmart 7: mobil pod sebou, tablet 5/12 a 7/12, desktop 6/12 a 6/12 */
body .woocommerce > form.woocommerce-checkout > :is(.customer-details, .checkout-order-review) {
	min-width: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
	body .woocommerce > form.woocommerce-checkout > .customer-details {
		flex-grow: 0;
		flex-basis: calc((100% + var(--wd-col-gap)) * 5 / 12 - var(--wd-col-gap));
		max-width: calc((100% + var(--wd-col-gap)) * 5 / 12 - var(--wd-col-gap));
	}
	body .woocommerce > form.woocommerce-checkout > .checkout-order-review {
		flex-grow: 0;
		flex-basis: calc((100% + var(--wd-col-gap)) * 7 / 12 - var(--wd-col-gap));
		max-width: calc((100% + var(--wd-col-gap)) * 7 / 12 - var(--wd-col-gap));
	}
}
@media (min-width: 1025px) {
	body .woocommerce > form.woocommerce-checkout > :is(.customer-details, .checkout-order-review) {
		max-width: calc(50% - var(--wd-col-gap) / 2);
	}
}

/* WooCommerce 11 vypise jedinu krajinu ako zoznam s jednou moznostou, predtym ako text */
body :is(.woocommerce-checkout, .woocommerce-MyAccount-content) select.country_to_state--single {
	appearance: none;
	height: auto;
	min-height: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font-weight: 600;
	line-height: inherit;
	display: block;
	pointer-events: none;
}

/* Na Woodmart 7 bola adresa dorucenia v samostatnom stlpci Bootstrapu, jej horny okraj sa nezlucoval s dolnym okrajom bloku nad nou */
body .woocommerce-checkout .woocommerce-shipping-fields {
	margin-top: 40px;
}
/* Na mobile bola medzi zakaznikom a objednavkou len medzera 40px pod .woocommerce-additional-fields, Woodmart 8 ju nuluje a pridava row-gap */
body .woocommerce > form.woocommerce-checkout {
	row-gap: 0;
}
body form.woocommerce-checkout > .customer-details > .woocommerce-additional-fields {
	margin-bottom: 40px;
}
body .woocommerce-account-fields p.create-account {
	margin-bottom: 20px;
}

/* Woodmart 8 dava "Zalozit ucet?" tucne pismo */
body .woocommerce-account-fields p.create-account label {
	margin-bottom: 5px;
	font-weight: 400;
}

/* Woodmart 8 meni odkazy "Vracejici se zakaznik?" a "Mate kupon?" na inline-flex a kupon farbi tmavo */
:root body .woocommerce-form-login-toggle > .woocommerce-info,
:root body .woocommerce-form-coupon-toggle > .woocommerce-info {
	display: block;
}
/* Medzera pred odkazom: Woodmart 8 ju robi cez gap v inline-flex, Woodmart 7 cez margin */
:is(.woocommerce-form-coupon-toggle, .woocommerce-form-login-toggle) > div > a {
	margin-inline-start: 5px;
}
:root body .coupon-ametica-checkout .woocommerce-form-coupon-toggle > .woocommerce-info {
	color: #fff !important;
}

/* Woodmart 8 dava ciaru aj pod text o ochrane udajov a nuluje odsadenie suhlasov */
body .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
	margin-top: 20px;
}
body .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text:not(:last-child) {
	margin-bottom: 3px;
	border-bottom: 0;
}

/* Mobil: Woodmart 8 CSS sa nacitava az po Scripts Organizer, jeho odsadenie objednavky 20px (so specifickostou ID cez :is) prebije 30px zo SCORG */
@media (max-width: 576px) {
	body .woocommerce-checkout > .checkout-order-review:not(#wd-id) {
		padding: 30px;
	}
}

/* Woodmart 8 dava odsekom v suhlasoch spodny okraj, predtym nemali ziadny */
body .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper :is(.woocommerce-privacy-policy-text p, p.form-row) {
	margin-bottom: 0;
}

/* Tabulka objednavky ako na Woodmart 7: obal 15px po stranach (Woodmart 8 25px), bunky td 12px a th 10px (Woodmart 8 prvu a poslednu nuluje) */
body .checkout-order-review > .woocommerce-checkout-review-order .wd-table-wrapper {
	padding-inline: 15px;
}
body .woocommerce-checkout-review-order-table tr td:first-child {
	padding-inline-start: 12px;
}
body .woocommerce-checkout-review-order-table tr td:last-child {
	padding-inline-end: 12px;
}
body .woocommerce-checkout-review-order-table tr th:first-child {
	padding-inline-start: 10px;
}
body .woocommerce-checkout-review-order-table tr th:last-child {
	padding-inline-end: 10px;
}

/* Woodmart 8 dava tlacidlu objednavky inline-flex */
body .woocommerce-checkout #place_order {
	display: flex;
}

/* === Sablony: vzhlad ako pred aktualizaciou (staging) === */

/* Woodmart 8 zrusil vlastny vzhlad tlacidiel - a + pri mnozstve, teraz su ako sive tlacidla */
div.quantity input[type="button"] {
	border-color: var(--wd-form-brd-color);
	background: var(--wd-form-bg);
	color: inherit;
}
/* Woodmart 8 vypisuje nadpis suvisiacich produktov ako h2.wd-el-title (display:flex !important) namiesto h3.slider-title; SCORG ma .title{font-weight:unset !important} */
:root body .related-products h2.wd-el-title { display: block !important; position: relative; padding-bottom: 10px; font-weight: 700 !important; text-transform: uppercase; }
body .related-products .wd-el-title::before { content: ""; position: absolute; bottom: -2px; left: 0; width: 40px; height: 2px; background-color: #7ac144; }
body #reviews .woocommerce-Reviews-title { margin-bottom: 5px; line-height: 1.6; text-transform: uppercase; }
/* Tlacidlo zvacsenia galerie: Woodmart 8 ma text v samostatnom spane, pri SCORG paddingu z neho trci prve pismeno */
body .product-additional-galleries .wd-gallery-btn .wd-action-text { overflow: hidden; }
body .product-additional-galleries .wd-gallery-btn .wd-action-icon { width: 26px; }
/* SCORG dava tlacidlu right:15px, vo Woodmart 7 to vyrovnaval margin 0 -15px galerie; Woodmart 8 ho nema, tlacidlo bolo 15px v obrazku */
body .product-images .woocommerce-product-gallery .product-additional-galleries { right: 0 !important; }
/* SCORG farbi ikonu cez a:before, Woodmart 8 ju kresli v .wd-action-icon */
body .product-additional-galleries .wd-gallery-btn { --wd-action-icon-color: #7ac143; }
/* Woodmart 7 mal tlacidlo do 1024px 40x40 s ikonou 14px, Woodmart 8 ho robi 45px vysoke a s SCORG paddingom 50px siroke */
@media (max-width:1024px){
	body .product-additional-galleries .wd-gallery-btn { --wd-action-w: 40px; --wd-action-h: 40px; --wd-action-icon-size: 14px; }
	body .product-additional-galleries .wd-gallery-btn .wd-action-icon { width: 16px; }
}
/* SCORG do 768px dava .woocommerce-product-gallery__wrapper width:100%; vo Woodmart 8 je to carousel so zapornym marginom, obrazok bol o 10px uzsi a posunuty */
@media (max-width:768px){
	.single-product .woocommerce-product-gallery__wrapper.wd-carousel { width: auto; }
}
/* Woodmart 8 uz nenacitava lib-owl-carousel.css, v ktorom bol vzhlad nadpisov .slider-title (napr. Naposledy navstiveno) */
.slider-title { position: relative; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; font-size: 22px; }
.slider-title::before { content: ""; position: absolute; top: 100%; left: 0; width: 40px; height: 2px; background-color: var(--wd-primary-color); }
:root body .recently-viewed-on-product-odevy .slider-title { font-weight: 700 !important; }
/* Woodmart 8 pridal do tlacidla v karte produktu span s ikonou; SCORG styluje kazdy span ako oranzove tlacidlo */
.product-grid-item .wd-add-btn .wd-action-icon { display: none; }
/* Woodmart 8 dal tlacidlu v karte produktu wd-action-btn (inline-flex), pri hoveri bolo orezane zospodu */
.product-grid-item.wd-hover-alt .wd-add-btn.wd-action-btn { display: block; }
.product-grid-item.wd-hover-alt .wd-add-btn.wd-action-btn > a { display: inline-flex; }
/* Woodmart 8 ma na .swap-wrapp overflow:clip (WD7 hidden), bez BFC sa margin-top:-5px ceny (SCORG) neprenesie dovnutra a tlacidlo je zospodu orezane */
.product-grid-item.wd-hover-alt .swap-wrapp { display: flow-root; }
/* Drobcekova navigacia: Woodmart 8 ma iny HTML (wd-delimiter, wd-last namiesto breadcrumb-last) */
.woocommerce-breadcrumb .wd-delimiter { display: none; }
.woocommerce-breadcrumb a { margin-inline-end: 6px; }
nav.woocommerce-breadcrumb { color: #fff; }
.woocommerce-breadcrumb .wd-last { color: #707f8c !important; }
/* Drobcekova navigacia stranok (.breadcrumbs z wd-functions.php): Woodmart 8 vypustil tieto pravidla z base.css */
.breadcrumbs { line-height: 16px; }
.breadcrumbs > :is(a,span) { display: inline-block; }
.breadcrumbs > span:last-child::after { content: none; }
/* Woodmart 8 uz nedava .breadcrumbs-location-below_header, na ktorej SCORG vytahoval drobcekovu navigaciu produktu pod hlavne menu */
.product-template-default .wd-content-area > .single-breadcrumbs-wrapper { margin-block: -15px 25px; }
/* Woodmart 8 na produkte do 1024px zmensuje horne odsadenie obsahu na 20px, Woodmart 7 mal vsade 40px; drobcekova navigacia mala dole 20px */
@media (max-width:1024px){
	.single-product .wd-content-layout.wd-builder-off { padding-top: 40px; }
	.product-template-default .wd-content-area > .single-breadcrumbs-wrapper { margin-bottom: 20px; }
}
/* Porovnat produkt: SCORG styluje ikonu cez a:before (modry stvorcek), Woodmart 8 ju kresli v .wd-action-icon */
.wd-compare-btn.wd-style-text { --wd-action-color-hover: #7ac144; --wd-action-icon-color-hover: #fff; }
.wd-compare-btn.wd-style-text > a { gap: 5px; }
.wd-compare-btn.wd-style-text .wd-action-icon::before { padding: 3px; border: 1px solid #d8e2e9; border-radius: 4px; background: #6591b3; color: #fff; }
/* Kategorie produktu: Woodmart 8 nema odsadenie ciarok medzi odkazmi */
.product_meta .meta-sep { display: inline-block; margin: 0 2px; color: #424242; }
/* Tlacidlo Filtrovat produkty: Woodmart 8 pridal ikonu a zrusil spodny okraj */
.wd-filter-buttons .wd-action-icon { display: none; }
.wd-filter-buttons.wd-action-btn { margin-bottom: 10px; }
/* Text tlacidla filtra je vo Woodmart 8 v span.wd-action-text s vlastnou farbou a hrubkou, SCORG styluje odkaz .open-filters (biely, 800) */
.wd-filter-buttons .open-filters .wd-action-text { color: inherit; font-weight: inherit; }
.shop-loop-head { row-gap: 0; }
/* Moj ucet - dlazdice na nastenke: Woodmart 7 HTML (wd-functions.php) a CSS z WD7 woo-page-my-account.css, Woodmart 8 ho uz nema */
.wd-my-account-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
@media (max-width: 1024px) { .wd-my-account-links { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768.98px) { .wd-my-account-links { grid-template-columns: 1fr; } }
.wd-my-account-links a { display: block; padding: 20px; font-weight: 600; text-align: center; color: var(--color-gray-700); border-radius: var(--wd-brd-radius); box-shadow: 0 0 4px rgba(0,0,0,0.18); }
.wd-my-account-links a:before { display: block; color: var(--color-gray-300); margin-bottom: 10px; font-size: 50px; font-weight: 400; line-height: 1; transition: color .25s ease; content: "\f140"; font-family: "woodmart-font"; }
.wd-my-account-links a:hover { color: var(--color-gray-700); background-color: rgba(var(--bgcolor-black-rgb), 0.03); }
.wd-my-account-links a:hover:before { color: var(--wd-primary-color); }
.wd-my-account-links .dashboard-link { display: none; }
.wd-my-account-links .wishlist-link a:before { content: "\f134"; }
.wd-my-account-links .edit-account-link a:before { content: "\f135"; }
.wd-my-account-links .orders-link a:before { content: "\f138"; }
.wd-my-account-links .downloads-link a:before { content: "\f136"; }
.wd-my-account-links .payment-methods-link a:before { content: "\f142"; }
.wd-my-account-links .edit-address-link a:before { content: "\f139"; }
.wd-my-account-links .customer-logout-link a:before { content: "\f137"; }

/* Moj ucet - layout a navigacia z WD7 woo-page-my-account.css, Woodmart 8 pouziva grid a ine rozmery (uzsi stlpec, 15px menu, bez paddingu) */
.woocommerce-my-account-wrapper.wd-grid-g { display: flex; gap: 0; margin-inline: -30px; }
.woocommerce-my-account-wrapper > .woocommerce-MyAccount-content,
.woocommerce-my-account-wrapper > .wd-my-account-sidebar { padding: 10px 30px; }
.woocommerce-my-account-wrapper > .wd-my-account-sidebar { flex: 1 0 25%; max-width: 25%; width: 25%; border-inline-end: 1px solid var(--brdcolor-gray-300); }
.woocommerce-my-account-wrapper > .woocommerce-MyAccount-content { flex: 1 0 75%; max-width: 75%; width: 75%; }
@media (max-width: 1024px) {
	.woocommerce-my-account-wrapper > .wd-my-account-sidebar { flex-basis: 35%; max-width: 35%; width: 35%; }
	.woocommerce-my-account-wrapper > .woocommerce-MyAccount-content { flex-basis: 65%; max-width: 65%; width: 65%; }
}
@media (max-width: 768.98px) {
	.woocommerce-my-account-wrapper.wd-grid-g { flex-wrap: wrap; }
	.woocommerce-my-account-wrapper > .woocommerce-MyAccount-content,
	.woocommerce-my-account-wrapper > .wd-my-account-sidebar { flex-basis: 100%; padding-block: 0; max-width: 100%; width: 100%; }
	.woocommerce-my-account-wrapper > .wd-my-account-sidebar { border-inline-end: none; }
}
.woocommerce-MyAccount-navigation { margin-bottom: 30px; }
.wd-builder-off .woocommerce-MyAccount-navigation ul > li > a { display: block; min-height: 0; padding: 10px 15px; font-size: 14px; }
.wd-builder-off .woocommerce-MyAccount-navigation ul > li.is-active > a { font-weight: bold; border-radius: 7px; }
.woocommerce-MyAccount-content > p { font-size: 110%; }
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { padding-bottom: 5px; }
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a { margin-bottom: 10px; }
/* Woodmart 8 nuluje spodny okraj posledneho prvku v obsahu uctu, WD7 ho nechaval */
.woocommerce-MyAccount-content .woocommerce-orders-table:last-child { margin-bottom: 35px; }
/* Objednavky pod 1024px ako karty: WD7 (woo-page-my-account.css 769-1024, woo-mod-shop-table.css do 768) - popisok vlavo, hodnota vpravo.
   Woodmart 8 ma flex s prerusovanymi ciarami a skryva th, v ktorom je od WooCommerce 9.5 cislo objednavky */
@media (max-width: 1024px) {
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive,
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive :is(tbody, tfoot, tr, td, tbody th) { display: block; }
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive thead { display: none; }
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive tr { position: relative; gap: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--brdcolor-gray-300); }
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive tr:last-child { margin-bottom: 0; }
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive :is(td, tbody th) { gap: 0; margin-bottom: 8px; padding: 0 0 8px; border-bottom: none; text-align: end; }
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive :is(td, tbody th):before { content: attr(data-title); float: left; margin: 0; padding-top: 3px; color: var(--color-gray-900); text-transform: uppercase; font-weight: 600; font-size: 12px; }
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive :is(td, tbody th):last-child { margin-bottom: 0; padding-bottom: 0; }
	/* td ma zo Scripts Organizer padding 15px 12px !important, th (cislo objednavky) nie */
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive tbody th { padding: 15px 12px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
	.woocommerce-account .woocommerce-orders-table.shop_table_responsive :is(td, tbody th):before { color: var(--brdcolor-gray-900); }
}
/* Moj ucet - adresy: WooCommerce 9 zmenil nadpisy h3 na h2 (v teme 24px), styly hlavicky adresy z WD7 */
.woocommerce-MyAccount-content form > h2 { font-size: 22px; }
.woocommerce-MyAccount-content > h2, .woocommerce-MyAccount-content header > h2 { text-transform: uppercase; font-size: 22px; }
.woocommerce-Address-title.title { margin-bottom: 10px; }
.woocommerce-Address-title > h2 { display: inline-block; margin-bottom: 5px; vertical-align: middle; text-transform: uppercase; font-size: 22px; }
.woocommerce-Address-title .edit { display: inline-block; margin-bottom: 5px; vertical-align: middle; padding-inline: 5px; color: var(--color-gray-600); font-weight: 600; font-size: 12px; }
.woocommerce-Address-title .edit:hover { color: var(--wd-primary-color); }
.woocommerce-Address-title .edit:before { content: none; }
.woocommerce-MyAccount-content .col2-set address:last-child { margin-bottom: 20px; }
/* Woodmart 8 .col2-set ma gap 30px aj pri zalomeni pod seba, WD7 len vodorovnu medzeru (padding stlpcov) */
.woocommerce-MyAccount-content .col2-set { row-gap: 0; }
.woocommerce-MyAccount-content p:not(.form-row):last-child { --wd-tags-mb: 20px; }
/* WooCommerce 10 zmenil ikonu zobrazenia hesla zo span na button, button ma v teme hrubsie pismo (ikona je tucnejsia) */
button.show-password-input { font-weight: inherit; line-height: inherit; text-transform: none; text-align: start; }
/* Zabudnute heslo - WD7 woo-page-lost-password.css, Woodmart 8 ho nema */
.lost_reset_password { margin-inline: auto; padding-block: 40px; max-width: 470px; font-size: 110%; }
.lost_reset_password .form-row-first { padding-top: 20px; border-top: 1px solid var(--brdcolor-gray-300); }
.lost_reset_password .form-row { width: 100%; }
/* WooCommerce 9 pridal hviezdicku k polu pouzivatel / e-mail, staging ju nema */
.lost_reset_password label[for="user_login"] .required { display: none; }
/* Prihlasenie / registracia: CSS z WD7 woo-page-login-register.css, ktore Woodmart 8 uz nema (nadpis velkymi pismenami, odsadenie stlpcov zhora) */
.wd-login-title { text-transform: uppercase; font-size: 22px; }
@media (min-width: 769px) { #customer_login > .wd-col { padding-block: 25px; } }
/* Moj ucet - objednavky: WooCommerce 9.5 vypisuje cislo objednavky ako th namiesto td, vzhlad ako bunka td na stagingu */
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell { font-family: inherit; font-weight: inherit; font-style: inherit; color: inherit; border-bottom: 0 !important; padding-inline: 12px; }
.woocommerce-my-account-wrapper .woocommerce-orders-table thead th:first-child { padding-inline-start: 10px; }
.woocommerce-my-account-wrapper .woocommerce-orders-table thead th:last-child { padding-inline-end: 10px; }
/* Moj ucet - detail objednavky: CSS z WD7 woo-mod-order-details.css, ktore Woodmart 8 uz nema */
.woocommerce-order-details__title, .woocommerce-column__title { text-transform: uppercase; font-size: 22px; }
.woocommerce-table--order-details tfoot tr:last-child th { text-transform: uppercase; font-size: 20px; }
.woocommerce-table--order-details tfoot tr:last-child td > .amount { display: block; font-size: 20px; }
.woocommerce-order-details { margin-top: 40px; }
.woocommerce-order-details .responsive-table, .woocommerce-order-details .responsive-table:last-child { margin-bottom: 50px; }
.woocommerce-order-details .shop_table tr th:first-child { padding-inline-start: 10px; }
.woocommerce-order-details .shop_table tr td:first-child:not(.product-name) { padding-inline-start: 12px; }
.woocommerce-order-details .shop_table tr th:last-child { padding-inline-end: 10px; }
.woocommerce-order-details .shop_table tr td:last-child { padding-inline-end: 12px; }
.order-again { margin-bottom: 30px; }
/* Woodmart 8 dava akcentovu farbu vsetkym tlacidlam v detaile objednavky (napr. Detail vydejniho mista), WD7 len tlacidlu Objednat znovu; zaoblenie 5px ako SCORG .button */
:is(.woocommerce-order-downloads, .woocommerce-order-details) .button { padding: var(--btn-padding, 5px 20px); min-height: var(--btn-height, 42px); font-size: var(--btn-font-size, 13px); border-radius: 5px; color: var(--btn-color, #3E3E3E); box-shadow: var(--btn-box-shadow, unset); background-color: var(--btn-bgcolor, #F3F3F3); text-transform: var(--btn-transform, uppercase); font-weight: var(--btn-font-weight, 600); font-family: var(--btn-font-family, inherit); font-style: var(--btn-font-style, unset); }
:is(.woocommerce-order-downloads, .woocommerce-order-details) .button:hover { color: var(--btn-color-hover, var(--btn-color, #3E3E3E)); box-shadow: var(--btn-box-shadow-hover, var(--btn-box-shadow, unset)); background-color: var(--btn-bgcolor-hover, var(--btn-bgcolor, #e0e0e0)); }
/* Objednat znovu: velkost ako SCORG .order-again a, farby akcentove ako WD7 */
.woocommerce-order-details .order-again .button { padding: 20px 0; font-size: 18px; color: var(--btn-accented-color); box-shadow: var(--btn-accented-box-shadow); background-color: var(--btn-accented-bgcolor); }
/* Woodmart 8 dava tlacidlam gap 5px, ikona (::before) ma vlastny margin 8px, text bol posunuty o 2.5px */
.woocommerce-order-details .order-again .button { gap: 0; }
.woocommerce-order-details .order-again .button:hover { color: var(--btn-accented-color-hover); box-shadow: var(--btn-accented-box-shadow-hover); background-color: var(--btn-accented-bgcolor-hover); }
/* Blog: Woodmart 8 ma novy HTML karty clanku (wd-post-*), vzhlad ako vo Woodmart 7 */
body article.blog-post-loop .wd-post-meta { display: none; }
.blog-post-loop .article-body-container { display: block; }
.blog-post-loop .meta-post-categories a { display: inline-block; height: 25px; vertical-align: top; font-size: 12px; line-height: 25px; }
body article.blog-post-loop .post-title { margin-bottom: 10px; font-size: 24px; line-height: 1.4; }
@media (max-width: 1024px) {
	body article.blog-post-loop .post-title { font-size: 20px; }
}
body article.blog-post-loop .read-more-section { margin-top: 15px; font-weight: 400; font-size: 14px; line-height: 1; text-transform: none; }
.blog-post-loop .read-more-section a { display: inline-block; text-transform: uppercase; padding: 15px 20px; border-radius: 5px; background-color: #00223c; color: #fff; font-weight: 800; font-size: 13px; line-height: 1; }
body article.blog-post-loop .wd-post-cat { display: table; height: 25px; margin: 0 auto 16px; font-size: 14px; line-height: 25px; }
/* Detail clanku: Woodmart 8 ma novu hlavicku .wd-single-post-header (meta autor/datum, mensi nadpis, stitok kategorie bez .meta-post-categories), na WD7 boli skryte cez SCORG */
body .post-single-page .wd-post-meta { display: none; }
body .post-single-page .wd-single-post-header { gap: 0; margin-bottom: 23px; }
body .post-single-page .wd-single-post-header .wd-post-cat { display: table; height: 25px; margin: 0 auto 21px; font-size: 14px; line-height: 25px; }
.post-single-page .wd-single-post-header .wd-post-cat a { display: inline-block; height: 25px; vertical-align: top; font-weight: 600; font-size: 12px; line-height: 25px; text-transform: uppercase; }
body .post-single-page .wd-single-post-header .wd-post-title { margin-bottom: 10px; font-size: 32px; line-height: 1.2; }
body #reply-title { text-transform: uppercase; }
/* Detail clanku, paticka: Woodmart 8 zrusil oramovanie .wd-single-footer, zmensil odsadenia a zvacsil pismo navigacie na dalsi clanok */
body .wa-author-box--single { margin-top: 60px; }
body .wd-single-footer { justify-content: center; margin-bottom: 0; padding-block: 20px; border-top: 2px solid var(--brdcolor-gray-300); }
body .wd-page-nav:not(:last-child) { margin-bottom: 60px; }
body .wd-page-nav .wd-page-nav-btn > a { font-size: 90%; }
/* Mobil, kategoria: SCORG skryva pocet vysledkov cez WD7 triedu .offcanvas-sidebar-mobile, vo Woodmart 8 je to .wd-sidebar-hidden-sm */
@media (max-width: 576px) {
	.wd-sidebar-hidden-sm.wd-builder-off .woocommerce-result-count { display: none; }
}
/* Mobil, podkategorie: Woodmart 8 dava nadpisu bannera font-size 5vw ([style*="col-sm:1"] .banner-title), SCORG pocita s 12px */
body .dp_subcategories_title--element .banner-title { font-size: inherit; }
/* Produkt na mobile (akordeon): Woodmart 8 uz nedava nadpisom zaloziek velke pismena */
.tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text { text-transform: uppercase; }
/* Produkt na mobile: SCORG skryva blok pod galeriou (.product-images-inner .wccc-content-block), Woodmart 8 uz nema .product-images-inner */
@media (max-width: 768px) {
	.woocommerce .product .product-images > .wccc-content-block { display: none; }
}
/* Produkt do 1024px: drobcekova navigacia konci poslednou kategoriou, WD7 ju zvyraznoval a skryval za nou ">" (trieda .breadcrumb-link-last je vo Woodmart 8 .wd-last-link) */
@media (max-width: 1024px) {
	body.single-product .woocommerce-breadcrumb .wd-last-link { font-weight: 600; }
	body.single-product .woocommerce-breadcrumb .wd-last-link::after { content: none; }
}
/* Homepage, hlavny slider na mobile: SCORG styluje sipky Owl carouselu (biely stvorec 60px), Woodmart 8 ma Swiper sipky .wd-nav-arrows */
.hlavne-novinky-homepage ~ .wd-nav-arrows { --wd-arrow-size: 60px; --wd-arrow-icon-size: 16px; --wd-arrow-offset-h: -35px; --wd-arrow-offset-v: -7px; --wd-arrow-color: #00233c; --wd-arrow-color-dis: #00233c; }
.hlavne-novinky-homepage ~ .wd-nav-arrows .wd-arrow-inner { border-radius: 15px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 35, 61, .12); }
@media (max-width: 1024px) {
	.hlavne-novinky-homepage .wd-carousel-item { padding-inline: 10px; }
}
/* Paticka na mobile: SCORG dava logam platieb a copyrightu stlpec cez WD7 triedy .copyrights-wrapper .min-footer .col-left, vo Woodmart 8 je .wd-copyrights .wd-col-start */
@media (max-width: 768px) {
	.wd-copyrights .wd-col-start { display: flex; flex-direction: column; line-height: 1.2; text-align: left; }
	.wd-copyrights .footer_copyright_text { margin-top: 8px; }
}
/* Prazdny porovnavac: Woodmart 8 ma novy blok .wd-empty-block (mensi nadpis, ikona, text a tlacidlo), WD7 .wd-empty-page mal 48px nadpis a odsadenie 5vw */
.wd-empty-compare { padding-bottom: 5vw; }
.wd-empty-compare .wd-empty-block-title { margin-top: 5vw; margin-bottom: 15px; font-size: 48px; line-height: 1.2; }
.wd-empty-compare .wd-empty-block-title::before { font-size: 3.8em; }
.wd-empty-compare .wd-empty-block-text { max-width: none; margin-bottom: 0; font-size: 110%; line-height: 1.6; }
.wd-empty-compare .wd-empty-block-btn { margin-top: 25px; padding: 5px 28px; min-height: 48px; font-size: 14px; }
@media (max-width: 1024px) {
	.wd-empty-compare .wd-empty-block-title { font-size: 42px; }
}
@media (max-width: 768.98px) {
	.wd-empty-compare .wd-empty-block-title { font-size: 32px; }
}
@media (max-width: 576px) {
	.wd-empty-compare .wd-empty-block-title { font-size: 28px; }
}
/* Mobilne menu, zalozky MENU / Informace: Woodmart 8 vypustil z header-base.css hrubsie pismo a vacsie odsadenie */
.wd-nav-mob-tab > li > a { padding: 0; font-weight: 900; }
.wd-nav.wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text { padding: 18px 15px; }
/* Formulare CF7 (Kontakt): Woodmart 8 styluje tlacidlo cez div.wpcf7 input[type="submit"], co prebije SCORG input.wpcf7-form-control.wpcf7-submit */
div.wpcf7 input.wpcf7-form-control.wpcf7-submit { padding: 15px 0; border-radius: 5px; background-color: #7ac143; color: #fff; font-size: 16px; }
/* Paticka: Woodmart 8 vypustil z footer-base.css svetlejsiu farbu odkazov vo widgetoch paticky */
[class*="color-scheme-light"] .footer-widget { --wd-link-color: rgba(255, 255, 255, .6); }
/* WPBakery akordeony a zalozky (vc_tta, napr. FAQ na Kontakt): Woodmart 8 zrusil ich styly z int-wpb-base.css, toto su pravidla z Woodmart 7.3.1 */
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text{position:relative;display:inline-block;padding-block:1px;line-height:1.2;position:relative}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after{content:'';position:absolute;top:100%;left:0;width:0;height:2px;background-color:var(--wd-primary-color);transition:width 0.4s cubic-bezier(0.19, 1, 0.22, 1)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a:hover .vc_tta-title-text:after,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active .vc_tta-title-text:after{width:100%}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion .vc_tta-panel-heading{margin-block:0 !important;border:none !important}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title{font-weight:600;font-size:16px;line-height:1}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion .vc_tta-panel-title{font-family:var(--wd-text-font)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion .vc_tta-panel-title>a{padding-block:18px}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panels{border-top:2px solid rgba(0,0,0,0.105)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel{border-bottom:1px solid var(--brdcolor-gray-300)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-panel-title>a{color:#777}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-heading:hover{background-color:transparent}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-title>a{padding-inline:0}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-title.vc_tta-controls-icon-position-right .vc_tta-controls-icon{right:5px}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-title.vc_tta-controls-icon-position-right>a{padding-inline:5px 25px}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-title.vc_tta-controls-icon-position-left .vc_tta-controls-icon{left:5px}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-title.vc_tta-controls-icon-position-left>a{padding-inline:25px 5px}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-title:hover>a{color:#777}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panel-body{padding-top:0;padding-inline:5px;border:none}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tabs-container{position:relative}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab{color:var(--color-gray-800)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a{padding:10px 15px;border:none;background-color:transparent;color:inherit;font-weight:var(--wd-title-font-weight);font-style:var(--wd-title-font-style);font-size:16px;font-family:var(--wd-title-font);line-height:1.4;opacity:.7;transition:all .25s ease}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a:hover{border:none;background-color:transparent;opacity:1}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab.vc_active>a{border:none;background-color:transparent;opacity:1}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel{overflow:hidden;margin:0}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-body{position:relative;z-index:2;visibility:visible;opacity:1;transition:transform .25s ease .25s, opacity .25s ease .25s, visibility .25s ease .25s;transform:translateY(0)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel-body{position:absolute;top:0;inset-inline:0;z-index:1;display:block !important;visibility:hidden;padding-top:10px !important;padding-bottom:10px !important;height:auto !important;opacity:0;transition:transform .25s ease, opacity .25s ease, visibility .25s ease;transform:translateY(20px)}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-left,.vc_tta-tabs-position-right,.vc_tta-tabs-position-bottom) .vc_tta-panel .vc_tta-panel-body{transform:translateY(10px)}
@media (max-width: 1024px){.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-container:after{content:""}}
@media (max-width: 768.98px){.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tabs-container{display:block;-webkit-mask-image:linear-gradient(to left, transparent 5px, #000 40px);mask-image:linear-gradient(to left, transparent 5px, #000 40px)}.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel-heading{display:none}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-container{overflow:hidden}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-container:after{content:""}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-list{overflow-y:auto;white-space:nowrap}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-list::-webkit-scrollbar{display:none}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-left,.vc_tta-tabs-position-right){display:block}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-left,.vc_tta-tabs-position-right) .vc_tta-tab{display:inline-block}.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-left,.vc_tta-tabs-position-right).vc_tta-o-no-fill .vc_tta-panel-body{padding-inline:0 !important}}
/* Bocne panely (kosik): Woodmart 8 dava ikonu krizika pred "Zavriet" do span.wd-action-icon; na WD7 bola v a:before, ktory SCORG skryva bielou farbou */
.close-side-widget .wd-action-icon { display: none; }
/* Mini kosik: nazov produktu je vo Woodmart 8 .wd-entities-title s margin-bottom 8px, na WD7 bol span.product-title bez odsadenia */
.widget_shopping_cart .product_list_widget > li .wd-entities-title { margin-bottom: 0; }
/* Prihlasenie, Vytvorit ucet: Woodmart 8 zrusil triedy btn-style-link btn-color-primary, na ktore cieli SCORG (oranzovy ramik); vo WD8 je to odkaz len so spodnou ciarou */
.create-account-question .btn.create-account-button { padding: 8px 12px; border: 2px solid #fd5519; border-radius: 5px; font-size: 18px; transition: all 0.3s ease; }
.create-account-question .btn.create-account-button:hover { background: #fb3411; box-shadow: 0 10px 15px 0 rgba(251, 52, 17, 0.2); color: #fff !important; opacity: 1 !important; }