/* 
 Theme Name:   ElkneR
 Theme URI:    https://elkner.cz/
 Description:  Šablona pro stránky Radek Elkner
 Author:       Oldřich Žaluda
 Author URI:   zaluda.cz
 Template:     twentytwentyfour
 Text Domain:  re-theme
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

--------------------------------------------*/
a:focus {
    outline: 0px !important;
    outline: none !important;
}

figure.wp-block-embed-youtube iframe {
	aspect-ratio: 16/9!important;
	min-height:190px;
	height:auto;
}

.home main .wp-block-cover__image-background {
	object-position: right bottom;
}

.wp-block-woocommerce-customer-account {
    padding: 0em;
}
.wp-block-woocommerce-customer-account a{
    flex-flow: row-reverse;
	font-weight:500;
}

.wc-block-mini-cart__button {
    font-weight:500;
    padding: 0;
	cursor:pointer;
}

.archive .type-product h3 {
	margin: 0;
}
.archive .type-product h3 {
	margin: 0;
}
.archive .type-product h3, 
.archive .type-product .wc-block-components-product-price{
	margin: 0!important;
}
.archive .type-product: .wc-block-components-product-price{
	font-weight:bold;
}

.archive .type-product{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.archive .type-product:hover{
	box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
}



.single-product .entry-summary .price {
	font-size: 1.5em;
    font-weight: bold;
    padding: 0;
    margin: 1em 0 0 0;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div {
	display: flex!important;
	align-items: center;
	background: black;
	aspect-ratio: 1 / 1;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper a {
	width:100%;
}

.single-product .flex-control-nav {
	margin-top: 10px!important;
}
.single-product .flex-control-nav li img{
	width: calc(100% - 5px)!important;
	height: calc(100% - 5px)!important;
	padding:0 5px 5px 0;
}

.single-product .wc-tabs-wrapper{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 1em;
}
.single-product .wc-tabs-wrapper .tabs li{
	background-color: white!important;
}
.single-product .wc-tabs-wrapper .tabs li:not(.active) a{
	font-weight: normal!important;
}

.single-product .wc-tabs-wrapper .panel {
	margin:0!important;
}
.single-product .wc-tabs-wrapper .panel p {
	margin-bottom:0;
}

.single-product .wc-tabs-wrapper h2 {
	display: none;
}

/* YouTube Tab iframe*/
.single-product .wb_cptb_content iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.woocommerce-checkout #payment {
	background: white;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.woocommerce-checkout #payment input:checked ~ label{
	color:#c20206;
	font-weight:bold;
}
.woocommerce-checkout #payment .payment_box{
	background-color:#e9e9e9!important;
}
.woocommerce-checkout #payment .payment_box::before {
	border-bottom-color:#e9e9e9!important;
}
.woocommerce-checkout #payment > ul > li.wc_payment_method.payment_method_wc_gopay_gateway > label > img{
	max-height: 40px!important;
}


/* WC products */
.wp-container-woocommerce-product-template-layout-1.wp-container-woocommerce-product-template-layout-1 > * {
	margin-block-start:var(--wp--preset--spacing--20);margin-block-end: 0;
}

.post-type-archive-product .wp-block-woocommerce-product-categories {
	max-width: var(--wp--style--global--wide-size);
}
.archive.tax-product_cat .wp-block-woocommerce-product-categories {
	max-width: var(--wp--style--global--wide-size);
}
.wp-block-woocommerce-product-categories ul{
	padding:0;
	margin:0;
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
}
.wc-block-product-categories-list-item__image {
	border:none!important;
}

@media screen and (max-width: 660px) {
	.wc-tabs,
	.wc-tabs li {
		margin:0!important;
		padding:0!important;
	}
	.wc-tabs {
		border-bottom: 1px solid #c20206;
	}
	.wc-tabs li {
		display:block!important;
		border:none!important;
	}
	.wc-tabs li.active {
		color:#c20206!important;
	}
	.wc-tabs::before,
	.wc-tabs::after,
	.wc-tabs li::before,
	.wc-tabs li::after {
    display:none!important;
	}
}