/*
Theme Name: MD webdesign responsive theme
Author: Martin Domes
Version: 2026.06
Author URI: https://www.mdwebdesign.cz
(c) všechna práva vyhrazena
*/

/* základ */
@font-face {
	font-family: 'Inter';
	src: url('/wp-content/themes/MDwebdesign/fonty/Inter-VariableFont_wght.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
* {
	margin: 0;
	padding: 0;
}
body {
	min-width: 260px;
	background: #fff;
	color: #171C26;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

/* ---- záhlaví ------ */
header {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #E0E5EB;
}
header section:first-child > div,
header > section:last-child {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}
header section:first-child {
	width: 100%;
	padding: 0.5rem 0;
	background: #5B6770;
	color: #fff;
}
header section:first-child > div {
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
/* sekundární navigace */
header section:first-child ul#menu-sekundarni {
	flex: auto;
}
ul#menu-sekundarni li {
	display: inline-block;
	list-style: none;
	text-align: left;
	border-left: 1px solid rgba(248,250,252,0.2);
}
ul#menu-sekundarni li:first-child {
	border-left: none;
}
ul#menu-sekundarni li a {
	display: block;
	padding: 0rem 1rem;
	color: inherit;
	text-decoration: none;
	font-size: 90%;
}
ul#menu-sekundarni li a:hover,
ul#menu-sekundarni li.current-menu-item a,
ul#menu-sekundarni li.current_page_parent a {
	text-decoration: underline;
}
/* hledání */
header section:first-child form {
	flex: auto;
	align-content: center;
	text-align: left;
}
header form input[type="search"] {
    max-width: 300px;
	background: #4F5961 url(obr/ikona-lupa.svg) left 10px center no-repeat;
	color: #fff;
    border: none;
	border-radius: 999px; 
    padding: 0.5rem 10px .5rem 40px;
    font-size: 85%;
    outline: none;
}
header form input::placeholder {
    color: #fff;
	text-align: center;
}
header form input:focus::placeholder {
	opacity: 0;
}
header form button {
	display: none !important;
}
/* účet a minikošík */
section#ucet {
	display: flex;
	padding: 0 1rem;
}
section#kosik {
	padding: 0.5rem 1rem;
	background: #75ABDF;
	border-radius: 999px;
}
section#ucet > a,
section#kosik a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
	color: inherit;
	text-decoration: none;
	font-size: 85%;
	font-weight: 600;
}
section#ucet a span {
    display: inline-flex;
    align-items: center;
	color: #fff;
    white-space: nowrap;
}
section#kosik a span {
    display: inline-flex;
    align-items: center;
	color: #1A1A18;
    white-space: nowrap;
}
section#ucet a svg,
section#kosik a svg {
    width: 25px;
    height: 25px;
}
section#ucet a:hover,
section#kosik a:hover span:last-child{
    text-decoration: underline;
}
/* logo + hlavní navigace */
header section:last-child {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 0;
	gap: 1rem;
	align-items: center;
}
header section:last-child p#logo {
	flex: 0.2;
	margin: 0;
}
header section:last-child p#logo a {
	display: block;
	width: 190px;
	height: 40px;
/*	background: url(obr/logo.svg) center no-repeat; */
}
header section:last-child p#logo a:hover img {
	opacity: 1 !important;
	transform: none !important;
}
header section:last-child p#logo a span {
	display: none;
}
header section:last-child nav {
	flex: 1;
/*	max-width: 800px;
	margin-left: auto; */
}
header nav ul#menu-hlavni {
	align-content: space-around; 
	text-align: right; 
}
header nav ul#menu-hlavni li,
nav ul#menu-produktove li {
	display: inline-block;
	list-style: none;
	cursor: default;
}
header nav ul#menu-hlavni li:after,
nav ul#menu-produktove li:after {
	position: relative;
	left: 0.3rem;
	margin-left: -0.6rem;
	max-width: 1px;
	color: rgba(26,26,24,0.2);
	content: ' | ';
}
header nav ul#menu-hlavni li:last-child:after,
nav ul#menu-produktove li:last-child:after {
	display: none;
}
header nav ul#menu-hlavni li a,
nav ul#menu-produktove li a {
	display: inline-block;
	padding: 0.5rem 2rem;
	color: #1A1A18;
	text-align: center;
	text-decoration: none;
	font-size: 115 	%;
	font-weight: 500;
}
header nav ul#menu-hlavni li a:hover,
nav ul#menu-produktove li a:hover {
	text-decoration: underline;	
}
header nav ul#menu-hlavni li.current-menu-item a, 
header nav ul#menu-hlavni li.current-product_cat-ancestor a,
header nav ul#menu-hlavni li.current-product-parent a {
	text-decoration: underline;	
}

/* hlavní blok - hero */
@media all and (min-width: 768px) {
	section#hlavni {
		width: 100%;
		background: #f5f9fd url(obr/poz-hlavni-3840px.webp) bottom center no-repeat;
	}
}
section#hlavni div {
	display: flex;
	align-items: center;
	max-width: 1200px;
	min-height: 644px;
	margin: 0 auto;
}
section#hlavni article {
	max-width: 650px;
}
section#hlavni article h1 span {
	color: #75ABDF;
}
section#hlavni article ul,
body.single-product div.product_meta ul {
	display: inline-block;
	margin: 1rem 0;
	padding: 1.25rem 2rem 1.25rem 1rem;
	list-style: none;
	background: #fff;
	border: 1px solid #E0E5EB;
}
section#hlavni article ul {
	font-size: 120%;
}
section#hlavni article ul li,
body.single-product div.product_meta ul li {
	padding: 0.5rem 0 0.5rem 50px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto;
}
section#hlavni article ul li:nth-child(1),
body.single-product div.product_meta ul li:nth-child(1) {
	background-image: url(obr/ikona-stit.svg);
}
section#hlavni article ul li:nth-child(2),
body.single-product div.product_meta ul li:nth-child(2) {
	background-image: url(obr/ikona-papiry.svg);
}
section#hlavni article ul li:nth-child(3),
body.single-product div.product_meta ul li:nth-child(3) {
	background-image: url(obr/ikona-auto.svg);
}
section#hlavni article p.tlac {
	margin-bottom: 0;
}

/* --- rozcestník, bloky --- */
section#rozcestnik1 {
	max-width: 1200px;
	margin: 3rem auto 4rem;
}
section#rozcestnik2 {
	width: 100%;
	padding: 4rem 0;
	background: rgba(117,171,223,0.2);
}
section#rozcestnik1 div {
	display: flex;
	gap: 1.75rem;
	margin-top: 3rem;
} 
section#rozcestnik2 div {
	display: flex;
	gap: 1.75rem;
	margin: 0 auto;
	max-width: 1200px;
} 
section#rozcestnik1 article,
section#rozcestnik2 article {
	display: flex;
	flex-direction: column;
	flex: 1;
	background: #FFFFFF;
	border: 1px solid #E0E5EB;
	box-shadow: 0px 1px 2px rgba(27, 36, 50, 0.04), 0px 4px 16px rgba(27, 36, 50, 0.06);
}
/* obsah bloků */
section#rozcestnik1 h2 {
	margin-top: 0;
	text-align: center;
	font-size: 225%;
} 
section#rozcestnik1 h2 span {
	position: relative;
	display: inline-block;
} 
section#rozcestnik1 h2 span::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -18px;
	width: 64px;
	height: 4px;
	background: #75ABDF;
	border-radius: 999px;
}
section#rozcestnik1 figure {
	background: rgba(117,171,223,0.1);	
	text-align: center;
} 
section#rozcestnik2 figure {
	display: inline-block;
	overflow: hidden;
} 
section#rozcestnik1 figure a {
	display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
} 
section#rozcestnik1 figure a img,
section#rozcestnik2 figure a img {
	max-width: 100%;
	height: auto;
} 
section#rozcestnik2 figure a img {
	float: left;
} 
section#rozcestnik2 figure a:hover img {
	overflow: hidden;
} 
section#rozcestnik1 h3 {
	margin: 0 0 1rem;
	padding: 0 1rem;
	font-size: 100%;
}
section#rozcestnik2 h2 {
	margin: 0 0 0.5rem;
	padding: 0 1rem;
	font-size: 125%;
}

section#rozcestnik2 h2 + p {
	margin-bottom: 1rem;
	padding: 0 1rem;
	color: #5C6370;
}
section#rozcestnik1 a:hover img,
section#rozcestnik2 a:hover img,
section#rozcestnik3 a:hover img {
	transform: scale(1.03);
}
section#rozcestnik1 p.tlac,
section#rozcestnik2 p.tlac {
	margin: auto 0 1.25rem;
}

/* ----- zápatí ---- */
footer {
	width: 100%;
	padding: 3rem 0;
	background: #5B6770;
	color: #fff;
}
footer section {
	display: flex;
	gap: 3rem;
	max-width: 1200px;
	margin: 0 auto;
}
footer section article  {
	flex: 1;
}
/* obsah patičky */
footer article h2 {
	margin-top: 0;
	padding-bottom: 0.75rem;
	color: #fff;
	border-bottom: 1px solid rgba(117,171,223,0.2);
	font-size: 115%;
}
footer a {
	color: inherit;
}
footer p.telefon {
	padding: 0.4rem 0 0.4rem 50px;
	background: url(obr/ikona-telefon.svg) left center no-repeat;   
}
footer p.email {
	padding: 0.4rem 0 0.4rem 50px;
	background: url(obr/ikona-email.svg) left center no-repeat;   
}
footer article p.tlac {
	margin-bottom: 0;
}
/* copyright */
section#spodek {
	width: 100%;
	padding-bottom: 4rem;
	background: #4F5961;
}
section#spodek div {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	padding: 3rem 0 1rem;
}
section#spodek p {
	flex: 1;
	color: #EEEEEE;
	font-size: 80%;
}
section#spodek p + p {
	text-align: right;
}
section#spodek a {
	color: #EEEEEE;
}
footer a:hover, section#spodek a:hover {
	text-decoration: none;
}
section#spodek div + img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1rem auto 0;
}

/* ----- obsah - layout ----- */
section.obsah {
	clear: both;
	max-width: 1200px;
	min-height: 300px;
	margin: 0 auto;
	padding: 3rem 0;
}
body.page-id-84 section.obsah { /* obchodní podmínky */
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
div.cookie-statement {
	margin-left: auto;
	margin-right: auto;
}
/* Gutenberg - skupina */
div.wp-block-group {
	max-width: 800px;
	margin: 2rem auto 3rem;
	padding: 1.5rem;
	background: rgba(117,171,223,0.2);
	color: inherit;
}
div.wp-block-group :last-child {
	margin-bottom: 0;
}

/* ---- obsah - text --- */
/* nadpisy */
h1, h2, h3 {
	line-height: 1.15;
	font-weight: 800;
}
h1 {
	margin-bottom: 2rem;
	color: #1A1A18;
	font-size: 300%;
}
body.single-product h1 {
	font-size: 250%;
}

h2 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: #1A1A18;
	font-size: 175%;
}
body.tax-product_cat div.term-description h2 {
	font-size: 125%;
}
h3 {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	color: #1A1A18;	
	font-size: 125%;
}
section.obsah h2 + h3 {
	margin-top: 0;
}
section.obsah h4 {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom:5px;
	color: #888;
}
blockquote h2:first-child, 
blockquote h3:first-child,
div.wp-block-column h2:first-child,
div.wp-block-column h3:first-child,
div.wp-block-group h2:first-child,
div.wp-block-group h3:first-child {
	margin-top: 0;
}

/* odstavce */
p {
	margin-bottom: 10px;
}
h1 + p {
	font-size: 120%;
}

/* citace, speciální odstavce */
blockquote {
	padding: 0px 15px;
	margin-bottom: 25px;
	border-left: 10px solid #666;
	color: #666;
}
div.clear_column + blockquote {
	margin-top: 20px;
}

/* seznamy */
section.obsah ul,
footer ul {
	margin-left: 0;
	margin-bottom: 1rem;
	line-height: 1.4;
	list-style: none;
}
section.obsah ol {
	margin-left: 25px;
	margin-bottom: 1rem;
	line-height: 1.4;
}
section.obsah ul li, 
section.obsah ol li,
footer ul li {
	margin-bottom: 0.5rem;
}
section.obsah ul li, 
footer ul li {
	padding-left: 25px;
	background: url(obr/sipka-modra.svg) left center no-repeat;
	background-size: 14px;
}
section.obsah ul.ral-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
section.obsah ul.ral-list li {
	margin: 0;
    padding: 0.75rem 1rem;
	background: none;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
    background: #f7f7f7;
}


/* odkazy */
section.obsah a {
	color: #171C26;
}
section.obsah h2 a {
	color: inherit;
	text-decoration: none;
}
section.obsah a:hover {
	color: #75ABDF;
	text-decoration: none;
}
section.obsah h2 a:hover {
	text-decoration: underline;
}
/* obrázky */
a:hover img {
	opacity: 0.85;
	transition: all .2s ease-in-out;
	transform: scale(1.015);
}
div.wp-block-image {
	margin: 2rem 0;
}

/* tlačítko	 */
p.tlac,
div.wp-block-buttons {
	margin-top: 1rem;
	margin-top: 1rem;
	white-space: nowrap;		
}
p.tlac a, 
div.wp-block-button a, 
input[type="submit"],
button[type="submit"],
a.button {
	display: inline-block;
	padding: 12px 50px 12px 20px !important;
	background: #75ABDF url(obr/sipka-cerna.svg) right 20px center no-repeat !important; 
	color: #1A1A18 !important;
	border: none !important;
	border-radius: 0 !important; 
	text-decoration: none;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
}
section#rozcestnik1 article p.tlac a,
section#rozcestnik2 article p.tlac a {
	padding: 0 50px 0 1rem !important;
	background:  url(obr/sipka-modra.svg) right 20px center no-repeat !important; 
	color: #75ABDF !important;
}
p.tlac a:hover,
div.wp-block-button a:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
a.button:hover {
	background:  #5B6770 url(obr/sipka-bila.svg) right 15px center no-repeat !important;
	color: #fff !important;
	cursor: pointer;
}
section#rozcestnik1 article p.tlac a:hover,
section#rozcestnik2 article p.tlac a:hover {
	background:  url(obr/sipka-seda.svg) right 15px center no-repeat !important;
	color: #5B6770 !important;
}
footer article p.tlac a:hover {
	background-color: #4F5961 !important;
	background-image: url(obr/sipka-bila.svg) !important;
}

/* oddělovač */
hr {
	width: 100%;
	margin-top: 3rem;
	margin-bottom: 3rem;
	background: none;
	border: none !important;
	border-bottom: 1px solid #E0E5EB !important;
}

/* --- tabulky --- */
table {
	margin-bottom: 1rem;
	border-radius: 2px !important;
	border-collapse: collapse !important;
}
table thead {
    border: none !important;
}
th, td {
	padding: 0.5rem 1rem !important;
	text-align: left;
	background: #fff;
	border: 1px solid #E0E5EB !important;
}
th, table.shop_table th {
	background: #E0E5EB !important;
	color: #1a1a18;
}

/* --------- formuláře obecně ----------- */
form.woocommerce-form-login,
form.woocommerce-form-register {
	border-radius: 0 !important;
	border-color: #E0E5EB !important;
}
input[type="text"], input[type="email"], 
input[type="tel"], input[type="number"], 
input[type="password"], textarea, select {
	padding: 0.6rem 1rem !important;
	background: #f9f9f9 !important;
	color: #171C26 !important;
	border: 1px solid #E0E5EB !important;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
}
:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection {
	background: #f9f9f9 !important;
	color: #171C26 !important;
	border: 1px solid #E0E5EB !important;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	text-align: left !important;
}

fieldset {
	margin-top: 1rem !important;
	padding: 1rem !important;
	border: 1px solid #E0E5EB; 
}
legend {
	padding: 0 1rem;
	font-weight: 600;
}

/* --------- ninja forms -formuláře ----------- */
div.nf-form-cont {
	max-width: 350px;
	margin: 0 auto;
}
div.nf-form-cont div.nf-field-container {
	margin: 0 0 10px 0 !important;
}
div.nf-form-cont div.nf-field-container div.field-wrap {
}
div.nf-form-cont div.field-wrap div.nf-field-element {
	width: 100%;
}
div.nf-form-cont h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-align: center;	
	border-bottom: 1px solid #EBEBEB;
}
div.nf-form-cont div.nf-field-description {
	margin: -10px 0 10px;
	text-align: center;	
}
/* pole */
div.nf-form-cont div.nf-field-label {
	width: 100%;
	padding: 5px 0;
	text-align: center;
}
div.nf-form-cont div.field-wrap div.nf-field-element input {
	text-align: center;
}
div.nf-form-cont div.field-wrap div.nf-field-element select {
	text-align-last: center;
}
div.nf-form-cont div.field-wrap div.nf-field-element input[type="checkbox"] {
	display: block;
	margin: 0 auto;
}
div.nf-form-cont div.field-wrap div.nf-field-element textarea{
	height: 100px;
}
div.nf-form-cont div.starrating-wrap div.nf-field-element div.stars {
	text-align: center !important;
}
div.nf-form-cont div.starrating-wrap div.nf-field-element div.stars a {
	display: inline-block;
	float: none;
}
/* html */
div.nf-form-cont div.field-wrap.html-wrap p {
	text-align: center;
	font-size: 80%
}
/* tlačítko*/
div.submit-wrap div.nf-field-label {
	display: none !important;
}
div.submit-wrap input[type="submit"] {
	width: 100% !important;
}
/* kontaktní */
div#nf-form-2-cont.nf-form-cont {
	max-width: 100%;
	margin: 1.5rem 0 0 0;
}
div#nf-form-2-cont.nf-form-cont div.nf-field-label {
	width: 20%;
	padding: 0;
	text-align: left;
}
div#nf-form-2-cont.nf-form-cont div.field-wrap div.nf-field-element {
	width: 80%;
}
div#nf-form-2-cont.nf-form-cont div.field-wrap.html-wrap div.nf-field-element {
	margin-left: 20%;
}
div#nf-form-2-cont.nf-form-cont div.field-wrap div.nf-field-element input[type="text"],
div#nf-form-2-cont.nf-form-cont div.field-wrap div.nf-field-element input[type="email"] {
	text-align: left;
}
div#nf-form-2-cont.nf-form-cont div.submit-wrap input[type="submit"] {
	margin-left: 25%;
}
/* chybové hlášky */
div.nf-form-fields-required {
	display: none;
}
div.nf-error-msg {
	width: 200px;
	top: 3.7ex;
	left: 350px;
	z-index: 999;
	position: absolute !important;
	padding: 5px 5px 5px 30px !important;
	background: url(obr/chyba2.png) no-repeat center left;
	color: #fff;
}
div.nf-error-field-errors {
	width: auto;
	position: static !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	background: none;
	color: red;
	text-align: center;
}
/* chybové hlášky - kontaktní */
div#nf-form-2-cont div.nf-error-field-errors {
	margin-left: 20%;
}
div#nf-form-2-cont div.nf-error-msg {
	top: 0;
}

/******************************************
 ***************** ESHOP ******************
 ******************************************/

/* barvy + vzhled */
.woocommerce ul.products li a h2 { /* název kategorie a produktu */
	color: #171C26;
}
.woocommerce ul.products li a:hover h2 {
	color: #75ABDF;
}
.woocommerce .price { /* cenovka */
	color: #75ABDF !important;
}
.woocommerce .woocommerce-price-suffix {
	display: block !important;
}
.woocommerce span.onsale { /* výprodejová nálepka */
	background: #75ABDF !important;
	color: #171C26 !important;
}
.woocommerce table { /* tabulky v košíku a pokladně */
	border-radius: 0 !important;
}

/* Woo Zprávy - info, error, message */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	background-image: none !important;
}
.woocommerce-info a.button,
.woocommerce-info a.woocommerce-Button,
.woocommerce-message a.button,
.woocommerce-message a.woocommerce-Button,
.woocommerce-error a.button,
.woocommerce-error a.woocommerce-Button {
	float: none !important;
	margin: 0 !important;
	flex-shrink: 0;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
	top: 30% !important;
}

/* obsah */
.woocommerce section.obsah {
	padding-right: 0 !important;
}

/* můj účet */
.woocommerce nav.woocommerce-MyAccount-navigation {
	width: 20% !important;
	max-width: auto !important;
}
.woocommerce nav.woocommerce-MyAccount-navigation .woocommerce-MyAccount-content {
	width: 76% !important;
	max-width: auto !important;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
	margin-left: 0;
	padding-left: 0;
	background: rgba(18, 18, 18, 0.1);
	list-style: none;
	border: 1px solid #EBEBEB;
	border-bottom: none;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li {
	margin: 0 !important;
	padding-left: 0;
	border-left: 5px solid rgba(18, 18, 18, 0.1);
	background-image: none;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
	display: block;
	width: auto;
	padding: 1rem 1rem 0.9rem;
	border-bottom: 1px solid rgba(18, 18, 18, 0.1);
	text-decoration: none;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover {
	color: inherit;
	text-decoration: underline;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a {
	background: #fafafa;
	color: inherit !important;
	font-weight: 600;
}
.woocommerce .woocommerce-MyAccount-content {
	margin-bottom: 3rem;
}
.woocommerce .woocommerce-MyAccount-content form h2:first-child {
	margin-top: 0;
}
.woocommerce .woocommerce-MyAccount-content form button[type="submit"] {
	margin-top: 1rem;
}
header.woocommerce-Address-title {
	border-bottom: none !important;
}
header.woocommerce-Address-title a.edit {
	float: none !important;
}
.woocommerce address {
	margin-top: 1rem !important;
	padding: 0.5rem 1rem !important;
	background: #f9f9f9 !important;
	border: 1px solid #E0E5EB !important;
	border-radius: 0 !important;
}
p.woocommerce-customer-details--phone {
	margin-top: 1rem !important;
	margin-bottom: 0 !important;
}

/* drobečková navigace */
#breadcrumbs {
	margin: 0 0 1rem;
	color: #777 !important;
	text-align: center;
	font-size: 85%;
}
body.tax-product_cat #breadcrumbs {
	margin-bottom: 2rem;
}
body.post-type-archive-product #breadcrumbs,
body.term-kolimatory #breadcrumbs,
body.term-laserove-zamerovace #breadcrumbs,
body.term-svitilny #breadcrumbs,
body.term-zvetsovaci-moduly-puskohledy #breadcrumbs,
body.term-prislusenstvi #breadcrumbs {
/*	display: none; */
}
#breadcrumbs a {
	color: #777 !important;
}

/* kategorie produktů - popis */
body.tax-product_cat .wp-block-columns {
    display: flex;
	gap: 2rem;
    flex-wrap: wrap;
}
body.tax-product_cat .wp-block-column {
	flex: 1;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* filtry */
section#filtry {
	display: flex;
	flex-wrap: wrap;
	gap: 0rem 2rem;
	margin: 2rem 0;
	padding: 2rem 2rem 1rem;
	background: rgba(117,171,223,0.2);
}
section#filtry h3 {
	margin: 0 0 0.5rem;
	font-weight: 500;
	font-size: 110%;
}
section#filtry div.berocket_single_filter_widget {
	flex: auto;
	width: calc(33.333% - 4rem);
}
section#filtry .berocket_single_filter_widget ul li {
	background: none;
	font-size: 85%;
}
section#filtry .berocket_single_filter_widget .bapf-clean-rounded li label {
	color: inherit;
	border-color: #75ABDF;
	border-radius: 0;
	font-size: 85%;
}
section#filtry .berocket_single_filter_widget .bapf-clean-rounded li.checked label {
	padding-left: 15px;
	background: #75ABDF;
}
section#filtry .berocket_single_filter_widget .bapf-clean-rounded li.checked label::before {
	display: none;
}
section#filtry div.bapf_head.bapf_colaps_togl {
	display: inline-block;
}
section#filtry div.bapf_head.bapf_colaps_togl:hover {
	cursor: pointer;
}
ul.products + div.bapf_no_products {
	display: none;
}

/* výpis kategorií */
.woocommerce ul.products.kategorie {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 0 3rem 0 !important;
	margin: 0 0 3rem 0 !important;
	border-bottom: 1px solid #E0E5EB !important;
}
.woocommerce ul.products.kategorie > li {
	width: 25%;
	margin: 1rem !important;
	padding: 0 1rem 2rem;
	box-sizing: border-box;
	float: none !important;
	background: #FFFFFF;
	border: 1px solid #E0E5EB;
	box-shadow: 0px 1px 2px rgba(27, 36, 50, 0.04), 0px 4px 16px rgba(27, 36, 50, 0.06);
	overflow: hidden;
}
.woocommerce ul.products li.type-product {
	border: none;
	padding-left: 0;
	background: none;
}
.woocommerce ul.products.kategorie > li img {
	float: left;
	border-bottom: 1px solid #eee !important;
}
.woocommerce ul.products li.type-product img {
	border: none;
}
.woocommerce ul.products.kategorie > li h2 {
	margin: 0 !important;
	padding: 0.5rem 0.5rem 1rem !important;
	font-weight: 500;
	font-size: 115%;
}
.woocommerce ul.products.kategorie > li h2 mark {
	background: none;
	font-size: 75%;
	font-weight: 400;
}
/* výpis produktů */
.woocommerce ul.products {
	margin-left: 0 !important;
}
.woocommerce ul.products li {
	padding-left: 0 !important;
	text-align: center;
	border: none;
}
.woocommerce ul.products li h2,
.woocommerce ul.products li h3 {
	padding-top: 0;
	color: inherit;
	font-weight: 700;
}
.woocommerce ul.products li a:hover h2,
.woocommerce ul.products li a:hover h3 {
	text-decoration: none !important;
}
.woocommerce form.woocommerce-ordering {
	margin-bottom: 2rem;
}
.woocommerce a.added_to_cart.wc-forward {
	text-decoration: underline !important;
}
.woocommerce a.added_to_cart.wc-forward:hover {
	text-decoration: none !important;
}

/* stránka produktu - detail produktu */
body.single-product nav#breadcrumbs {
	margin-bottom: 3rem;
}
body.single div.product div.images {
    width: 41%;
}
body.single-product div.product div.summary {
    width: 55%;
}
body.single-product div.summary p {
	font-size: 120%;
}
p.price {
	margin: 1.5rem 0 0.75rem;
}
.price small {
	display: block !important;
}
body.single-product div.summary p.price ins  {
	text-decoration: none !important;
}
body.single-product table.variations {
	position: relative;
	margin-bottom: 3rem;
}
body.single-product table.variations td,
body.single-product table.variations th {
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: none !important;
	border: none !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}
body.single-product table.variations th.label {
	min-width: 150px !important;
	max-width: 250px !important;
	width: 30% !important;
	padding: 0 !important;
}
body.single-product table.variations td select {
	width: 100% !important;
}
body.single-product table.variations td select option {
	width: 100% !important;
}
.reset_variations {
	position: absolute;
	bottom: -1.5rem;
	right: 0;
	display: block;
	background: none !important;
	border: none !important;
	text-decoration: underline !important;
} 
body.single-product .woocommerce-variation-price {
	margin-bottom: 1rem;
}
body.single-product table.woocommerce-product-attributes th {
	min-width: 150px !important;
	width: 25% !important;
	border-bottom: 1px solid #fff !important;
}
body.single-product table.woocommerce-product-attributes tr:last-child th {
	border-bottom: none !important;
}

body.single-product table.woocommerce-product-attributes td {
	font-style: normal;
}
body.single-product div.product_meta ul {
	background: #fafafa;
}
body.single-product div.product_meta :last-child {
	margin-bottom: 0;
}
/* záložky */
body.single-product section.obsah div.woocommerce-tabs ul.wc-tabs {
	margin-bottom: 0 !important;
	border-radius: 2px !important;
}
body.single-product section.obsah div.woocommerce-tabs ul li {
	border-bottom: none !important;
	border-color: #E0E5EB!important;
}
body.single-product div.woocommerce-tabs ul.tabs li {
	padding: 0 !important;
	background: rgba(117,171,223,0.2) !important;
	border-radius: 2px !important;
}
body.single-product div.woocommerce-tabs ul.tabs li.active {
	background: #fff !important;
	border-color: #E0E5EB !important;
}
body.single-product div.woocommerce-tabs > ul li a {
	padding: 0.5rem 2rem !important;
	font-size: 120%;
}
body.single-product div.woocommerce-tabs li a[role="tab"]:hover {
	text-decoration: underline !important; 
}
body.single-product section.obsah div.woocommerce-tabs div.woocommerce-Tabs-panel {
	margin: 0 !important;
	padding: 1.5rem;
	background: #fff;
	border: 1px solid #E0E5EB;
	border-top: none;
	border-radius: 0 !important;
}
body.single-product div.woocommerce-tabs ul.tabs li
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	border-radius: 0px !important;
	border-color: #E0E5EB !important;
}
body.single-product div.woocommerce-tabs div.woocommerce-Tabs-panel {
	padding-top: 2rem !important;
	border-radius: 0px !important;
	border-color: #E0E5EB !important;
}
body.single-product div.woocommerce-tabs div.woocommerce-Tabs-panel--description :first-child {
	margin-top: 0 !important;
}
body.single-product div.woocommerce-tabs div.woocommerce-Tabs-panel--description :last-child {
	margin-bottom: 0 !important;
}
/* podobné produkty */
section.related, section.upsells {
	width: 100%;
}
section.related h2, 
section.upsells h2{
	margin-top: 4rem !important;
	margin-bottom: 2rem !important;
	text-align: center;
}

/* košík */
body.woocommerce-cart h1 + p {
	margin-bottom: 2rem;
}
body.woocommerce-cart input#coupon_code {
	min-width: 150px !important;
}
body.woocommerce-cart table.shop_table td.product-price,
body.woocommerce-cart table.shop_table td.product-subtotal {
  white-space: nowrap;
}
body.woocommnerce-cart div.wpify-woo-free-shipping-notice {
	display: block !important;
	height: 100px !important;
}

/* pokladna */
body.woocommerce-checkout  header section#kosik {
	display: none !important;
}
body.woocommerce-checkout header > div {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

body.woocommerce-checkout form.checkout_coupon {
	border-radius: 0 !important;
}
body.woocommerce-checkout h3 {
	font-size: 200% !important;
}
body.woocommerce-checkout p#billing_address_2_field,
body.woocommerce-checkout p#shipping_address_2_field {
	display: none !important;
}
.woocommerce-checkout-review-order-table th {
    width: auto !important;
}
body.woocommerce-checkout label {
	text-align: left !important;
}
body.woocommerce-checkout #payment {
	margin-bottom: 3rem;
	padding: 0.5rem;
	background: #E0E5EB;
	border-radius: 0 !important; 
}
body.woocommerce-checkout #payment ul li {
	padding-left: 0;
	background: none;
}
body.woocommerce-checkout #payment div.payment_box {
	background: #fff;
	border-radius: 0 !important; 
}
body.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent; 
}
body.woocommerce-checkout .woocommerce-privacy-policy-text {
	margin-top: 1rem;
	text-align: right;
}
body.woocommerce-checkout .form-row.validate-required {
	margin: 1rem 0;
	text-align: right;
	font-size: 110%;
}
body.woocommerce-checkout #place_order {
	font-size: 120% !important;
	font-weght: 800 !important;
}
/* pokladna - objednávka přijata */
body.woocommerce-order-received section.obsah {
	text-align: center;
}
body.woocommerce-order-received h1 + p,
body.woocommerce-order-received h1 + p + hr,
body.woocommerce-order-received h1 + p + hr + p,
body.woocommerce-order-received div.revoker-withdrawal-section {
	display: none;
}
body.woocommerce-order-received p.woocommerce-notice {
	display: inline-block;
	margin: 0rem auto 2rem;
	padding: 1rem 2rem;
	background: #ED1C24;
	color: #fff;
	font-size: 115%;
	text-align: center;
}
body.woocommerce-order-received .woocommerce-order-details {
	margin-top: 3rem;
}
body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    margin: 0 0 3rem;
    background: #E0E5EB;
}
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
    box-sizing: border-box;
    flex: 0 0 33.333%;
    min-width: 0;
    margin: 0;
    padding: 1.5rem 1.5rem 1.15rem;
    text-align: center;
	border: 1px dashed #cfc8d8;
}
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:nth-child(3) {
}
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:nth-child(n+4) {
    flex: 0 0 50%;
}
body.woocommerce-order-received ul.wc-bacs-bank-details {
	margin: 1rem 0 0;
	display: inline-block;
}
body.woocommerce-order-received p.udaje {
	text-transform: uppercase;
	font-size: 75%;
}
body.woocommerce-order-received p.udaje strong {
	display: block;
	font-size: 130%;
}
body.woocommerce-order-received .wc-bacs-bank-details-account-name {
	display: none;
}
body.woocommerce-order-received ul.wc-bacs-bank-details li {
	margin: 0;
	padding: 0.5rem 2rem;
	text-align: center;
}
body.woocommerce-order-received .wpify-woo-qr-payment {
	margin-top: 2rem;
	margin-bottom: 3rem;
}
body.woocommerce-order-received div.wpify-woo-qr-payment_code {
	max-width: 100% !important;
}
/* seznamy na pokladně a v košíku */
ul#shipping_method li {
	padding-left: 0 !important;
	background: none !important;
}
div.woocommerce-order ul li {
	background: none !important;
}

/* odstoupení od smlouvy, reklamace */
#wpify-woo-withdrawal-form .woocommerce-form,
#wpify-woo-claim-form .woocommerce-form {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: 650px;
	margin: 0 auto;
}
#wpify-woo-withdrawal-form .form-row,
#wpify-woo-claim-form .form-row {
	display: flex;
	flex-direction: column;
	width: 100%;
	float: none;
}
#wpify-woo-withdrawal-form .form-row-first,
#wpify-woo-withdrawal-form .form-row-last,
#wpify-woo-claim-form .form-row-first,
#wpify-woo-claim-form .form-row-last {
	width: calc(50% - 0.5rem);
}
#wpify-woo-withdrawal-form p > label,
#wpify-woo-claim-form p > label {
	margin-bottom: 0.5rem;
}
#wpify-woo-withdrawal-form fieldset label,
#wpify-woo-claim-form fieldset label {
	display: flex;
	align-items: center;
	gap: 1rem;
}
#wpify-woo-withdrawal-form abbr.required,
#wpify-woo-claim-form abbr.required {
	color: red;
}
small#wcr-email-hint-withdrawal, 
small#wcr-email-hint-claim {
	display: none;
}
small.wpify-woo-helper-text {
	padding-top: 0.5rem;
	text-align: center;
}


/******************************************
 ******* 123 - RESPONZIVNÍ DESIGN *********
 ******************************************/
@media all and (max-width: 1240px) { 
	/* mezera od okraje */
	header section:last-child p#logo {
		margin-left: 20px;
	}
	header section#kosik {
		margin-right: 20px;
	}
	section#hlavni article,
	section#rozcestnik1,
	section#rozcestnik2,
	section#rozcestnik3, 
	section.obsah,
	footer section,
	section#spodek {
		width: auto;	
		padding-left: 20px;
		padding-right: 20px;	
	}
	body.woocommerce section.obsah {
		width: auto !important;	
		padding-left: 20px !important;
		padding-right: 20px !important;	
	}
	/* přepínač měn */	
    ul.woocs_auto_switcher.right {
        top: auto !important;
        bottom: -120px !important;
    }
	/* hlavní blok */
	section#hlavni {
		background-position: bottom right 40%;	
	}
}
@media all and (max-width: 1050px) and (min-width: 768px) {
	/* hlavní blok */
	section#hlavni div {
		padding-top: 3rem;
		padding-bottom: 2rem;
	}
	/* rozcestník */
	section#rozcestnik1 div {
		flex-wrap: wrap;
		justify-content: center;
	}
	section#rozcestnik1 div article {
		min-width: 220px;
		max-width: 220px;
	}
	/* hlavní  blok - hero */
	section#hlavni article {
		max-width: 60%;
	}
}
@media all and (max-width: 830px) {
	/* záhlaví */
	header > section:first-child > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
	}
	header > section:first-child form {
		margin-left: 20px;
	}
	header > section:first-child ul#menu-sekundarni {
		width: 100%;
		margin: 0;
		padding: 0.5rem 0 0;
		text-align: center;
		list-style: none;
	}
	header > section:first-child ul#menu-sekundarni li {
		padding: 0.5rem 0;
	}
	section#ucet,
	section#kosik {
		flex: 0 0 auto;
		margin: 0.5rem 0;
	}
	/* rozcestník */
	section#rozcestnik2,
	section#rozcestnik3 {
		flex-wrap: wrap;
	}
	section#rozcestnik2 article {
		flex-basis: calc(50% - 6rem) !important;
	}
	section#rozcestnik2 article {
		flex-basis: calc(50% - 6rem) !important;
	}
	section#rozcestnik3 article {
		text-align: center;
		background: none;
	}
	section#rozcestnik3 img {
		float: none;
	}
	section#rozcestnik3 p.tlac {
		padding: 0;
	}
}
@media all and (max-width: 767px) { /* mobily */
	body {
		font-size: 18px;
	}
	/* mobilní navigace */
	div#wprmenu_bar {
		z-index: 99999 !important;
	}
	div#wprmenu_bar div.menu_title a {
		color: #eee;
		text-decoration: none;
	}
	ul#wprmenu_menu_ul li#menu-item-77 {
		background: #eff4f9 !important;
	}
	ul#wprmenu_menu_ul li#menu-item-77 a {
		padding-left: 50px;
		background: url(obr/ikona-kosik.svg) left 1rem center no-repeat;
		color: #1A1A18 !important;
	}
	ul#wprmenu_menu_ul li:nth-child(6) {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #eff4f9;
	}
	/* záhlaví */
	header > section:first-child > div {
		padding: 0.5rem;
		gap: 0.5rem;
	}
	header section:last-child {
		display: block;
		justify-items: center;
	}
	header section:last-child p#logo {
		margin-left: 0;
	}
	/* hlavní blok - hero */
	section#hlavni {
		width: 100%;
		background: #f5f9fd url(obr/poz-hlavni-767px.webp) bottom center no-repeat;
	}
	section#hlavni div {
		align-items: flex-start;
	}
	section#hlavni article {
		max-width: 100%;
		margin-top: 3rem;
		margin-bottom: 300px;
	}
	/* rozcestník */
	section#rozcestnik1 div,
	section#rozcestnik2 div {
		flex-wrap: wrap;
		justify-content: center;
	}
	section#rozcestnik1 div article {
		flex-basis: calc(50% - 1rem);
		max-width: 382px;
		min-width: 220px;
	}
	section#rozcestnik2 div article {
		max-width: 382px;
		min-width: 250px;
	}
    /* obsah */
	body.page section.obsah, 
	body.blog section.obsah, body.archive section.obsah, body.single section.obsah,
	body.woocommerce section.obsah {
		min-height: auto;
		padding-right: 20px !important;
	}
	/* eshop */
   .woocommerce ul.products.kategorie > li {
		width: calc(50% - 2rem) !important;
		margin: 1rem !important;
	}
	body.tax-product_cat .wp-block-columns {
		flex-direction: column;
	}
	body.single div.product div.images,
	body.single-product div.product div.summary {
		width: 100%;
	}

	.woocommerce #argumenty {
		width: calc(100% - 2rem);
		padding: 1rem;
	}
	section.obsah ul.tabs li:before, section.obsah ul.tabs li:after {
		display: none;
	} 
	body.woocommerce-checkout h3,
	body.woocommerce-checkout label {
		text-align: center !important;
	}
	body.woocommerce-checkout p.form-row {
		width: 100%;
	}
	body.woocommerce-checkout .woocommerce-privacy-policy-text,
	body.woocommerce-checkout .form-row.validate-required {
		text-align: center;
	}
	body.woocommerce-checkout .form-row.validate-required input[type="checkbox"] {
		display: block;
		margin: 0.5rem auto;
		zoom: 1.5;
	}
	body.woocommerce-order-received ul.woocommerce-thankyou-order-details  {
		flex-direction: column;
    }
    body.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
		border-right: none !important;
	}
    body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:nth-child(2) {
		border-top: 1px dashed #cfc8d8;
	}
	/* můj účet */
	.woocommerce nav.woocommerce-MyAccount-navigation  {
		width: 100% !important;
	}
	.woocommerce nav.woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
		background: none;
		border: none !important;
	}
	.woocommerce nav.woocommerce-MyAccount-navigation ul li {
		flex: 1;
		border: none !important;
		text-align: center;
	}
	.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
		border: 1px solid #EBEBEB !important;
	}		
	.woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a {
		background: #EBEBEB;
	}
} 
@media all and (max-width: 650px) { 
	/* zápatí */
	footer section,
	section#spodek {
		flex-direction: column;
	}
	footer article {
		text-align: center;
	}
	footer article h2 {
		background-position: bottom center;
	}
	footer article ul {
		list-style: none;
	}
	footer article ul li {
		background: none;
		padding-left: 0;
	}
	footer article p.telefon,
	footer article p.email {
		margin-left: 1rem;
		margin-right: 1rem;
		display: inline-block;
	}
	section#spodek div {
		gap: 1rem;
		flex-direction: column;
	}
	section#spodek p {
		text-align: center !important;
	}
	/* můj účet */
	.woocommerce nav.woocommerce-MyAccount-navigation ul li {
		flex-basis: 33% !important;
	}
	/* odstoupení od smlouvy */	
	#wpify-woo-withdrawal-form .form-row-first,
	#wpify-woo-withdrawal-form .form-row-last {
		width: 100%;
	}
}
@media all and (max-width: 600px) { 
	/* filtry eshop */
	section#filtry {
		flex-direction: column;
	}
	section#filtry div.berocket_single_filter_widget {
		width: 100% !important;
	}
}
@media all and (max-width: 550px) { 
	/* hlavní blok - hero */
	section#hlavni {
		background-position: bottom left 25%;
	}
}
@media all and (max-width: 450px) { 
	/* záhlaví */
	header > section:first-child > div {
		justify-content: center;
	}
	header > section:first-child form {
		flex: 0 0 auto;
		margin-left: auto;
		margin-right: auto;
	}
	header article {
		flex-direction: column;
	}
	header article p {
		margin: 0 !important;
	}
	header article p#logo a {
		margin: 0 auto;
	}
	/* záložky v eshopu */
	body.single-product section.obsah div.woocommerce-tabs ul li {
		width: 94%;
	}
	/* obsah */
	h1 {
		font-size: 250% !important;
	}
}
@media all and (max-width: 400px) { 
	/* můj účet */
	.woocommerce nav.woocommerce-MyAccount-navigation ul li {
		flex-basis: 100% !important;
	}
	/* eshop */
	body.single-product table.variations th.label,
	body.single-product table.variations th.label + td {
		display: block;
		min-width: none !important;
		max-width: none !important;
		width: 100% !important;
	}
}

/* ---- TISK ---- */

@media print {

	header,
	footer,
	section#spodek {
		display: none !important;
	}
	section.obsah {
		width: 100% !important;
	}
}