/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



@font-face {
	font-family: 'Manrope Normal';
	font-weight: 400;
	font-style: normal;
	src: url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.eot');
	src: local('Manrope Normal'), local('Manrope Normal'),
		url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.woff2') format('woff2'),
		url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.woff') format('woff'),
}
@font-face {
	font-family: 'Manrope Bold';
	font-weight: 800;
	font-style: normal;
	src: url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.eot');
	src: local('Manrope Bold'), local('Manrope Bold'),
		url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.woff2') format('woff2'),
		url('/wp-content/uploads/2025/03/Manrope-VariableFont_wght.woff') format('woff'),
}

:root {
  --stin: 0px 0px 20px 0px #c2c2c2;
}


html,
body {overflow-x:hidden;}
b, strong {font-family: Manrope Bold;}
h1 p {margin:0}
p:empty {display:none;}
ul.rozlozeni-tela {display: grid; grid-gap: 50px; grid-template-columns: 1fr 1fr; margin: 1em 0 1.5em auto; justify-content: end; width: fit-content; font-weight: bold; list-style:none}
ul.rozlozeni-tela li {display: flex; align-items: center; gap: 10px;}
ul.rozlozeni-tela li::before {content:""; width:30px; height:30px; border-radius:100%; background-color:#e8412c;}
ul.rozlozeni-tela li:nth-of-type(2)::before {background-color:#619a6a;}

.stk-block-columns#sloupce-ako > .stk-row {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:30px;}
.stk-block-columns#sloupce-ako > .stk-row > :nth-child(1) {grid-area:1/1/span 1/span 3;}
.stk-block-columns#sloupce-ako > .stk-row > :nth-child(2) {grid-area:2/1/span 1/span 1;}
.stk-block-columns#sloupce-ako > .stk-row > :nth-child(3) {grid-area:2/2/span 1/span 1;}
.stk-block-columns#sloupce-ako > .stk-row > :nth-child(4) {grid-area:2/3/span 1/span 1;}
.stk-block-columns#sloupce-ako > .stk-row > :nth-child(5) {grid-area:3/1/span 1/span 3;}

.wp-block-nk-awb,
.site-footer > .stk-block-columns#adresa {box-shadow: var(--stin) !important; border-radius:15px !important}

/* */
/* */
/* HEADER */
.main-navigation {padding:2.5em 0;}
.main-navigation.is_stuck {padding:0.5em 0;}
.menu-item a {text-transform:uppercase;}
#site-navigation .navigation-branding img {height:70px;}

/* MENU FOOTER */
#menu-hlavni-menu-1 {list-style:none; margin:0;}
#menu-hlavni-menu-1 a {color:white;}
#menu-hlavni-menu-1 a:hover {text-decoration:none;}
/* */
/* */
/* JAZYKY */
.stk-block-columns#jazyky a {line-height:1;}
.stk-block-columns#jazyky a:hover {color:var(--base) !important;}
.stk-block-columns#jazyky .wp-block-navigation-item {padding-right: 15px; margin-right: 15px; border-right: 1px solid var(--contrast-2);}
.stk-block-columns#jazyky .wp-block-navigation-item:last-child {padding-right:0; border-right:0; margin-right:0;}

/* */
/* */
/* VIDEO */
.nk-awb {aspect-ratio:16/9;}
.nk-awb#video-dolni {aspect-ratio:16/7.4;}
.nk-awb#video-horni {aspect-ratio:16/7;}
.nk-awb .nk-awb-wrap {border-radius:15px;}

/* */
/* */
/* KONTAKT */
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="number"], 
textarea, 
select {background-color: white; border-color: #ccc; width: 100%;}
#formular {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; width: 100%;}
#formular > :nth-child(1) {grid-area:1/1/span 1/span 1}
#formular > :nth-child(2) {grid-area:1/2/span 1/span 1}
#formular > :nth-child(3) {grid-area:1/3/span 1/span 1}
#formular > :nth-child(4) {grid-area:2/1/span 1/span 3}
#formular p {margin-bottom:0;}
[data-name*="acceptance-"] .wpcf7-list-item {margin:0; margin-top: 20px; margin-bottom: 10px;}
[data-name*="acceptance-"] .wpcf7-list-item label {display:grid; grid-template-columns:25px 1fr; grid-gap:20px;}
[data-name*="acceptance-"] .wpcf7-list-item label input {width:25px !important; height:25px !important;}
:disabled {opacity:.4;}
.stk-block-button-group.ako-button {right:auto; left:30px !important; top: auto !important; bottom:100px !important}
.home .stk-block-button-group.ako-button {bottom:30px !important}
.stk-block-button-group.ako-button .stk-button {background:var(--seda-01) !important;}
.stk-block-button-group.ako-button .stk-button:hover {background:var(--modra) !important}

/* */
/* */ 
/* NAZORY ODBORNIKU */
#wpv-view-layout-264 .stk-block-icon-label .stk-row {flex-direction:row-reverse;}
#wpv-view-layout-264 .stk--block-horizontal-flex.stk--column-flex {display: grid; grid-template-columns: auto 1fr; grid-column-gap: 30px;}
#wpv-view-layout-264 .stk--block-horizontal-flex.stk--column-flex > :nth-child(1) {grid-area:1/1/span 2/span 1}
#wpv-view-layout-264 .stk--block-horizontal-flex.stk--column-flex > :nth-child(2) {grid-area:1/2/span 1/span 1}
#wpv-view-layout-264 .stk--block-horizontal-flex.stk--column-flex > :nth-child(3) {grid-area:2/2/span 1/span 1}

/* */
/* */
/* HOTSPOT */
.wrap_svl_center {border-radius:15px; overflow:hidden; box-shadow: var(--stin); display:flex;}
.wrap_svl_center_box,
.wrap_svl {width:100%;}
#powerTip p {font-size:15px; line-height:1.3;}
#powerTip p:last-of-type {margin-bottom:0;}
#powerTip p strong {font-size:17px; margin-bottom:5px;}

/* */
/* */
/* NAZORY UZIVATELU */
#wpv-view-layout-702 {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:80px;}
#wpv-view-layout-702::before,
#wpv-view-layout-702::after {display:none;}
#wpv-view-layout-702 .nazor-uzivatele .nazor-uzivatele-nazor {margin-bottom:10px;}
#wpv-view-layout-702 .nazor-uzivatele .nazor-uzivatele-jmeno {text-align:right;}
[name="wpv-filter-702"] .pagination.pagination-dots {justify-content:center; margin-top:1.5em;}
[name="wpv-filter-702"] .wpv-pagination-nav-links-container .page-link {border:1px solid black;}

/* */
/* */
/* MODAL */
.modal-backdrop.fade.in {filter: alpha(opacity=80); opacity: 0.8; z-index: 10000000;}
.modal-open {height:100vh; max-height:100vh; position: fixed !important; top: 0; left: 0; right: 0; bottom: 0;}
.modal-open .modal {z-index: 100000000;}
/*.modal-open .modal .modal-dialog {width:20vw; min-width:350px;}*/
.modal-open .modal-foto,
.modal-open .modal-video {display:grid; grid-gap:20px;}
.modal-open .modal-foto img {aspect-ratio: 3 / 2; width: 100%;}
.modal-open .modal-video > :first-child {margin-top:20px;}
.modal-open .modal-video > iframe {width:100% !important; aspect-ratio:16/9;}

/* */
/* */
/* WPDM */
.w3eden .row {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:40px; margin:0;}
.w3eden .row::before,
.w3eden .row::after {display:none;}
.w3eden .row > div {padding: 0; width: 100% !important; max-width: none !important; float: none; clear: both; min-width: 100%; height:100%;}
.w3eden .row > div .card.card-default {height:100%;}
.w3eden .card-body {padding:10px !important}
.w3eden .card-body .wpdm_icon {box-shadow: none; min-width: 35px; max-width: 35px; width: 35px;}
.w3eden .card-body .media {height:100%;}
.w3eden .card-body .media .media-body {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.w3eden .card-body .media .media-body .ptitle {font-size: 16px; line-height: 1.2 !important; display: block; margin-bottom: 15px;}
.w3eden .card-body .media-body a {border-radius: 0px; border: 0; background-color: var(--accent); /*font-family: Element Regular;*/ text-transform: uppercase; font-weight: 600; text-decoration:none;}
.w3eden .card-body .media-body a:hover {background-color:var(--seda-01) !important;}
.skola-zs .w3eden .card-body .media-body a {background-color: var(--zakladni);}
.skola-ms .w3eden .card-body .media-body a {background-color: var(--materska);}
.w3eden .card-footer {border-radius:0 !important; font-size:12px; padding: 5px 10px;}
.w3eden .card-footer .pull-right {display:none}

/* */
/* */
/* SOUBORY */
#wpv-view-layout-831 {display: block; columns: 4; column-gap: 50px;}
#wpv-view-layout-831 .soubor-drzak {break-inside: avoid; padding: 1em; border-radius: 15px; background: white; box-shadow: var(--stin); margin-bottom:50px;}
/* */
/* */
/* TOOLSET LIGHTBOX */
#lightboxOverlay {z-index:9999000}
#lightbox.lightbox {z-index:10000000; position:fixed; top:50px !important;}

/* */
/* */
/* VYPIS PRODUKTU */
.woocommerce .woocommerce-result-count {display:none;}
.woocommerce .products.columns-4 .type-product {background-color:white; box-shadow: var(--stin); border-radius:15px; overflow: hidden; padding:1.5em;}
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link {text-align: left; margin-bottom: 0; height: 100%; display: flex; flex-direction: column;}
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link .price {flex-grow: 30; display: flex; text-align: right; margin-right: 0; align-items: flex-end;}
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link .woocommerce-product-details__short-description,
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link .woocommerce-product-details__short-description p {font-size:14px;}
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link .woocommerce-loop-product__title {font-size:1.3em;}
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link .wc-product-image {border-radius: 15px; overflow: hidden; margin-bottom: 15px; margin-left:-0.5em; margin-right:-0.5em; margin-top:-0.5em;}
.woocommerce .products.columns-4 .type-product .woocommerce-loop-product__link .wc-product-image .inside-wc-product-image {display:block;}
.woocommerce .products.columns-4 .type-product .add_to_cart_button {font-size: 16px; background-color: var(--modra); margin-right: 0; border-radius: 10px;}



/* */
/* */
/* SINGLE PRODUCT */
.single-product.woocommerce .entry-content > div.product.type-product {/*display:grid; grid-template-columns:35% 1fr; grid-row-gap:50px;*/}
.single-product.woocommerce .entry-content > div.product.type-product::before {content:""; display:block; grid-area:1/1/span 1/span 2; border-radius: 20px; box-shadow: var(--stin); display:none;}
.single-product.woocommerce .entry-content > div.product.type-product div.images.woocommerce-product-gallery {margin-right: 0; /*padding: 2em 2% 2em 2em;*/ background-color: transparent; /*border-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 100%;*/ margin-bottom: 50px; /*grid-area: auto/1/span 1/span 2;*/ width: 100% !important; display: grid; grid-template-columns: 1fr 15%; aspect-ratio: 16 / 6; grid-gap: 15px;}
.single-product.woocommerce .entry-content > div.product.type-product div.images.woocommerce-product-gallery > .flex-viewport {height:100% !important;}
.woocommerce-page .entry-content > div.product.type-product div.summary {padding: 2em; background-color: white; border-radius: 20px; /*border-top-left-radius: 0; border-bottom-left-radius: 0; grid-area: 1 / 2 / span 1 / span 1;*/ margin-bottom: 50px; box-shadow: var(--stin);}
.single-product div.product .product_title {margin-bottom:0.5em;}
.single-product.woocommerce div.product p.price {display:none;}
.single-product .woocommerce-product-gallery .flex-viewport {height:auto !important; /*aspect-ratio:4/3;*/}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {display: flex; align-items: center; max-height: 100%; height: 100%;}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {height:100%; max-height:100%;}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {object-fit:cover; width: 100%; height: 100%;}
.woocommerce div.product div.images .flex-control-thumbs {display:grid; gap:15px; margin-top: 0;}
.woocommerce div.product div.images .flex-control-thumbs li {padding:0 !important; max-width:none !important; width: 100%;}
.woocommerce div.product div.images .flex-control-thumbs li img {margin: 0; aspect-ratio: 3 / 1; height: 100%; object-fit: cover; opacity:1;}
.up-sells.upsells.products {margin-top:2em;}
.up-sells.upsells.products > h2 {font-size:0;}
.up-sells.upsells.products > h2::before {content: "Doplnková výbava"; font-size: 48px; display: block; line-height: 1.3; margin-top: 1em;}

.wcpa_form_outer {margin-top:0 !important}
fieldset.wcpa_field_wrap legend.wcpa_field_label {font-size: 120%; padding-top: 10px !important; margin-bottom: 15px !important;}
.wcpa_wrap .wcpa_group_field .wcpa_image label {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.wcpa_wrap .wcpa_option_price {display: block; font-size: 90%; text-align: center; opacity:0.7; width:100%;}
.wcpa_wrap .wcpa_checkbox label {display:flex; flex-wrap:wrap;}
.wcpa_row.wcpa_row_index_3 .wcpa_field_bottom {display:none;}
.wcpa_wrap .wcpa_price_summary {border-top: 1px solid #ddd; padding-top: 1em;}
.wcpa_wrap .wcpa_image .wcpa_image_label,
.wcpa_wrap .wcpa_color .wcpa_color_label {text-align: center !important;}

.woocommerce div.product .woocommerce-tabs,
.up-sells.upsells.products {grid-area:auto/1/span 1/span 2;}
.woocommerce div.product .woocommerce-tabs {background-color:white; padding:2em; border-radius:20px; box-shadow:var(--stin);}
.woocommerce div.product .woocommerce-tabs ul.tabs {margin-bottom:-1px;}
.woocommerce div.product .woocommerce-tabs .entry-content.wc-tab {padding:1em; background-color:white; border:1px solid rgba(0,0,0,.08); margin-bottom:0;}
.woocommerce div.product .woocommerce-tabs .entry-content.wc-tab > :first-child {display:none;}

.woocommerce div.product.do-quantity-buttons form.cart {justify-content:flex-end;}
.woocommerce div.product form.cart .button {background-color:var(--modra);}
.woocommerce div.product form.cart .button:hover {background-color:var(--seda-01);}

.produkt-katalog a {display: inline-block; background: var(--modra); color: white; padding: 10px 15px; border-radius: 10px; text-decoration:none}
.produkt-katalog a:hover {color:black;}
.produkt-katalog a i {display:inline-block; margin-right:5px;}