/* Nandi – custom styles */
body{
	padding-top:0!important;
	padding-left:0px!important;
	padding-right:0px!important;
}
body main{
	padding-left:30px;
	padding-right:30px;
}
.wp-block-search .wp-block-search__label{
	display:none;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
	font-size:14px;
}
header>.wp-block-columns.logo-line{
	margin-bottom:0;
	display:grid;
	grid-template-columns: calc(50% + 60px) calc(50% - 120px);
}
@media screen and (max-width: 1169px) {
	header>.wp-block-columns.logo-line{
		grid-template-columns: 30% 70%;
	}
	header>.wp-block-columns.logo-line>div>div.wp-block-site-logo{
		float:left;
	}
}

@media screen and (max-width: 768px) {
	.site-header>header>.wp-block-columns.logo-line{
		grid-template-columns: 80px calc(100% - 100px);
	}
	.site-header>header>.wp-block-columns.logo-line>div>div.wp-block-site-logo{
		float:inherit;
		display: grid;
		justify-self: left;
		margin:0;
		left:20px;
	}
	.header-nandi-account{
		gap:10px;
	}
	.header-nandi-account form{
		width:100%;
	}
	.header-nandi-account form .wp-block-search__inside-wrapper{
		width:100%!important;
	}

}

.wp-block-column:has(.header-nandi-account){
	align-self: center;
}
:root :where(.wp-block-buttons){
	background-color: transparent;
}
header input.wp-block-search__input{
	background-color: #ffffff;
}
.wc-block-mini-cart__button .wc-block-mini-cart__icon{
	width:2em;
	height:2em;
}
.newsletter-section-container{
	position: relative;
}
.newsletter-section-container::before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.363);
	content:'';
}
.newsletter-section{
	z-index:10;
}
.newsletter-section .uagb-forms-main-form{
	display: flex;
    width: 100%;
    justify-content: center;
    gap: 20px;
}
.newsletter-section .uagb-forms-main-form .uagb-forms-input-label{
	display:none;
}

footer{
	padding-top:30px;
	margin-top:30px!important;
	border-top:solid 1px #f2f2f2;
}

/* Sticky menu */
.site-header.is-stuck {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	background: #ffffff;
    z-index: 1000000;
}
.site-header.is-stuck .fixed-menu{
	margin-bottom:0;
}
@media screen and (max-width: 768px) {

	.site-header {
		position:relative;		
		border-bottom:2px solid #f2f2f2;
		margin-bottom:10px;
	}
	.site-header.is-stuck {
		position:fixed;
	}
	.site-header>header{
		display: grid;
    	grid-template-columns: 1fr 100px;
	}
	.header-nandi-account form{
		display:none;
	}

	.wp-block-site-logo.is-default-size img{
		width:80px;
		margin-left:10px;
	}
	.fixed-menu hr{
		display:none;
	}
	.menu-cont{
		position: relative;
        margin-top: 22px;
        justify-content: end;
        right: 10px;
	}
	
}

/* Nandi Fade Box */
.nandi-flip-wrapper {
	position: relative;
}

.nandi-flip-wrapper > img {
	width: 100%;
	display: block;
}

.nandi-flip-back {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	box-sizing: border-box;
	background-color: #dfdbc6;
	padding: clamp(12px, 1.25vw, 20px);
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(51, 51, 51, 0.35) transparent;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	text-align: left;
}

.nandi-flip-wrapper:hover .nandi-flip-back,
.nandi-flip-wrapper:focus-within .nandi-flip-back {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.woocommerce ul.products li.product .nandi-flip-wrapper a.button,
.nandi-ds-active ul.products li.product .nandi-flip-wrapper a.button {
	position: absolute !important;
	top: auto !important;
	right: 10px !important;
	bottom: 10px !important;
	left: auto !important;
	z-index: 2;
	display: flex !important;
	flex: 0 0 50px !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 50px !important;
	min-width: 50px !important;
	max-width: 50px !important;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #fff url('../cart-icon.svg') 50% 50% / 40px 40px no-repeat !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	text-indent: -99999px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product .nandi-flip-wrapper a.button:hover,
.nandi-ds-active ul.products li.product .nandi-flip-wrapper a.button:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* WooCommerce po AJAX vlozeni pridava druhy odkaz "Zobrazit kosik". */
.woocommerce ul.products li.product .nandi-flip-wrapper a.added_to_cart,
.nandi-ds-active ul.products li.product .nandi-flip-wrapper a.added_to_cart {
	display: none !important;
}



.nandi-flip-back__content {
	width: 100%;
	text-align: left;
	font-size: clamp(13px, 0.9vw, 14px);
	line-height: 1.35;
	color: #333;
	white-space: normal;
	padding-bottom: 54px;
}
.wp-block-mfb-meta-field-block .value {
	white-space: pre-wrap;
}
.nandi-flip-back__content p{
	display:block;
	margin: 0 0 0.6em;
	text-align:left!important;
}
.nandi-flip-back__content p:last-child{
	margin-bottom: 0;
}
.nandi-flip-back__content :is(h2, h3, h4){
	font-size: 1.1em;
	line-height: 1.25;
	margin: 0 0 0.5em;
}
.nandi-flip-back__content :is(ul, ol){
	margin: 0 0 0.6em;
	padding-left: 1.25em;
}
@media (hover: none), (pointer: coarse) {
	.nandi-flip-back{
		display: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.nandi-flip-back{
		transition: none;
	}
}
.woocommerce .products ul, .woocommerce ul.products{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
}
@media screen and (max-width: 1024px) {
	.woocommerce .products ul, .woocommerce ul.products{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 768px) {
	.woocommerce .products ul, .woocommerce ul.products{
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 480px) {
	.woocommerce .products ul, .woocommerce ul.products{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}
	.woocommerce ul.products li.product .nandi-flip-wrapper a.button,
	.nandi-ds-active ul.products li.product .nandi-flip-wrapper a.button{
		flex-basis: 44px !important;
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		background-size: 36px 36px !important;
	}
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
	display:none;
}
.woocommerce ul.products li.product{
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
	margin:0;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
	width: 100%;
	margin: 0;
}
:root :where(.wp-element-button:visited, .wp-block-button__link:visited){
	background-color:#0fb36c;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 1em;
    font-weight: 400;
    text-align: left;
}
.woocommerce ul.products li.product .price{
	font-size: 1em;
    font-weight: 600;
    text-align: left;
}
.woocommerce-result-count{
	display:none;
}
.woocommerce-ordering{
	display:none;
}
.woocommerce nav.woocommerce-pagination ul{
	background-color: transparent;
	border:none;
	border-bottom:solid 1px #ededed;
	margin-top:30px;
}
.woocommerce nav.woocommerce-pagination ul li{
	border:none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	padding:0.6em 1em;
	font-size:1.4em;
	border-bottom:solid 2px transparent;
	margin-bottom:-1px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	color:#000000;
	border-bottom:solid 2px #000000;
	background-color: transparent;
}
.woocommerce div.product div.images img{
	max-height:478px;
	width:fit-content!important;
}

.woocommerce ul.products li.product .nandi-flip-back__content{
	text-align:left;
}
.woocommerce ul.products li.product .nandi-flip-back__content strong{
	display: inline-block;
    width: fit-content;
}


form.checkout.woocommerce-checkout .checkout-inner{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:20px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce-page table.shop_table{
	width:100%;
}
.order-right-container{

}

@media screen and (max-width: 768px) {
	form.checkout.woocommerce-checkout .checkout-inner{
		display:grid;
		grid-template-columns: 1fr;
		gap:20px;
	}	
	#homepage-badges{
		padding-left:0!important;
		padding-right:0!important;
		grid-template-columns: 1fr;
	}
	#homepage-badges .wp-block-column{
		display: flex;
		justify-content: center;
	}
	#homepage-badges .wp-block-column figure{
		margin:0!important;
	}
}
.wc-block-components-drawer__screen-overlay{
	z-index:99999999;
}

.mc4wp-form{
	width: 100%;
	display:grid;
	justify-content: center;
	margin-top:40px;
}
.mc4wp-form-fields{
	display:grid;
	max-width:400px;
}
.nandi-mc4wp-input{
	width:100%;	
	display:flex;
	gap:30px;
}
.nandi-mc4wp-input input[type=submit]{
	background-color:#0fb36c;
}
.nandi-mc4wp-terms{
	width:100%;
	color:#ffffff;
}
body.page-template-page-no-title .entry-content.wp-block-post-content .nandi-mc4wp-terms a {
	color:#ffffff;
	text-decoration:underline!important;
}
.woocommerce div.product form.cart .variations select{
	padding-top:0.4em;
	padding-bottom:0.4em;
}