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

/* základ */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/wp-content/themes/MDwebdesign/font/PlusJakartaSans-VariableFont_wght.woff2') format('woff2');
    font-style: normal;
    font-optical-sizing: auto;
    font-display: swap;
}
* {
	margin: 0;
	padding: 0;
}
body {
	min-width: 260px;
	background: #fff;
	color: #2B3833;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

/* ---- záhlaví ------ */
header {
	width: 100%;
	background: #F8FDFB;
	border-bottom: 1px solid rgba(224, 230, 235, 0.5);
}
header section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1.5rem 0;
}
header p#logo  {
	margin: 0;
}
header p#logo a {
	display: block;
	width: 156px;
	height: 56px;
	background: url(obr/logo.svg);
}
header a span {
	display: none;   
}

/* ------- navigace - hlavní menu ---------- */
nav ul#menu-hlavni {
	display: flex;
	gap: 3rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul#menu-hlavni li {
	position: relative; 
	margin: 0;
	cursor: default;
}
nav ul#menu-hlavni li:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -1.5rem; /* polovina gapu */
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 75%;
	background-color: #E0E6EB;
}
nav ul#menu-hlavni li a {
	display: block;
	color: inherit;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	font-weight: 600;
}
nav ul#menu-hlavni li a:hover {
	text-decoration: underline;	
}
nav ul#menu-hlavni li.current-menu-item a, 
nav ul#menu-hlavni li.current-page-ancestor a, 
nav ul#menu-hlavni li.current_page_parent a {
	font-weight: 700;
}
/* ve vyhledávání a na 404 nechceme žádnou položku menu zvýrazněnou */
body.search nav ul#menu-hlavni li.current_page_parent a,
body.error404 nav ul#menu-hlavni li.current_page_parent a {
	font-weight: 400;
}

/* hlavní blok */
section#hlavni {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 550px;
}
body.home section#hlavni {
	background: url(obr/poz-hlavni.webp) center no-repeat;
}
body.page-id-10 section#hlavni {
	background: url(obr/poz-hlavni-auta.webp) center no-repeat;
}
body.page-id-12 section#hlavni {
	background: url(obr/poz-hlavni-dodavky.webp) center no-repeat;
}
section#hlavni article {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
section#hlavni article h1 {
	max-width: 600px;
}
section#hlavni article h1 span {
	display: block;
	background: linear-gradient(95.32deg, #00BE4A 0%, #00AD56 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 85%;
}
section#hlavni article p {
	margin-bottom: 1.5rem;
}
section#hlavni article h1 + p {
	max-width: 500px;
	font-size: 120%;
}
section#hlavni article p span {
	padding: 0 1rem;
	color: #E0E6EB;
}
section#hlavni article p.tlac + p {
	padding-left: 8px;
}
section#hlavni article p.tlac + p a {
	color: inherit;
	font-weight: 600;
}
section#hlavni article p.tlac + p a:hover {
	text-decoration: none;
}

/* --- argumenty  --- */
section#argumenty {
	width: 100%;
	background: #F8FDFB;
}
section#argumenty ul {
	display: flex;
	gap: 3rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 3.5rem 0;
	list-style: none;
}
section#argumenty ul li {
	flex: 1;
	padding-top: 80px;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
/*	outline: 1px solid red; */
}
section#argumenty ul li:nth-child(1) {
	background-image: url(obr/ikona-hodiny.svg);
}
section#argumenty ul li:nth-child(2) {
	background-image: url(obr/ikona-stit.svg);
}
section#argumenty ul li:nth-child(3) {
	background-image: url(obr/ikona-karta.svg);
}

/* --- rozcestník --- */
section#rozcestnik {
	width: 100%;
	background: linear-gradient(180deg, #E1F8E8 0%, #F8FDFB 100%);
} 
section#rozcestnik > div {
	max-width: 1200px;
	margin: 0 auto;
	padding: 4rem 0;
	display: flex;
	gap: 3rem;
} 
section#rozcestnik article {
	flex: 1;
	padding: 2rem;
	background: linear-gradient(180deg, #FFFFFF 0%, #FCFAF8 100%);
	border: 1px solid rgba(224, 230, 235, 0.5);
	box-shadow: 0px 4px 24px -4px rgba(29, 58, 99, 0.08);
	border-radius: 16px;
	text-align: center;
}
section#rozcestnik article div {
	display: flex;
	gap: 2rem;
	text-align: left;
}
section#rozcestnik article section {
	flex: 1;
}
/* obsah bloků */
section#rozcestnik article img  {
	max-width: 100%;
	height: auto;
	margin: 1rem 0;
}
section#rozcestnik h2 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	color: #2B3833;
	text-align: center;
}
section#rozcestnik h3 {
	margin-top: 0;
	color: #2B3833;
}
section#rozcestnik p.tlac {
	margin-top: 1.5rem;
	margin-bottom: 0;
}

/* --- reference --- */
section#reference {
	width: 100%;
	padding: 3rem 0;
	background: #fff;
}
section#reference h2 {
	margin-top: 0;
	color: #2B3833;
	text-align: center;
	font-size: 225%;
}
section#reference h2 + p {
	margin-top: 1rem;
	text-align: center;
	color: rgba(0,0,0,0.7);
}
section#reference div {
	display: flex;
	gap: 3rem;
	max-width: 1200px;
	margin: 2rem auto;
/*	outline: 1px solid red; */
}
section#reference article {
	flex: 1;
	padding: 4.5rem 1.5rem 1.5rem;
	background: rgba(252, 250, 248, 0.96) url(obr/ikona-uvozovky.svg) top 1.5rem left 1.5rem no-repeat;
	border: 1px solid rgba(252, 250, 248, 0.8);
	border-radius: 16px;
}
section#reference article :last-child{
	margin-bottom: 0;
}
section#reference p.tlac {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	justify-content: center;
	margin-top: 3rem;
}


/* ----- zápatí ---- */
footer {
	width: 100%;
	padding: 4rem 0 3rem;
	background: #2B3833;
}
footer section {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
}
footer section article  {
	flex: 1;
}
/* obsah patičky */
footer article h2 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-size: 125%;
}
footer h2, footer p, footer a {
	color: #fff;
}
footer article:nth-child(1) ul {
	margin-bottom: 1.5rem;
}

footer article:nth-child(2) img {
	max-width: 100%;
	height: auto;
}
footer article:nth-child(3) img {
	float: right;
	border-radius: 145px;
}
footer p.telefon {
	margin-bottom: 1.5rem;
	padding-left: 30px;
	padding-right: 150px;
	background: url(obr/ikona-telefon.svg) left center no-repeat;   
	color: #fff;
}
footer p.email {
	padding-left: 30px;
	padding-right: 150px;
	background: url(obr/ikona-email.svg) left center no-repeat;   
	color: #fff;
}
footer p.tlac {
	margin-top: 2rem;
}

/* copyright */
section#spodek {
	display: flex;
	gap: 3rem;
	margin-top: 3rem;
	padding: 3rem 0;
	border-top: 1px solid rgba(224,230,235, 0.2);
}
section#spodek p {
	flex: 1;
	color: #FCFAF8;
	font-size: 85%;
}
section#spodek p + p {
	text-align: right;
}
section#spodek a {
	color: #FCFAF8;
}
footer a:hover, section#spodek a:hover {
	text-decoration: none;
}

/* ----- obsah - layout ----- */
section.obsah {
	max-width: 1200px;
	min-height: 400px;
	margin: 0 auto;
	padding-bottom: 4rem;
}
body.page-template-default section.obsah,
body.error404 section.obsah {
	padding-top: 3rem;
}
body.page-template-page2 section.obsah {
	padding-top: 2rem;
}
section.obsah div.cookie-statement {
	margin-left: auto;
	margin-right: auto;
}
/* Gutenberg - sloupce */
div.wp-block-columns  {
	margin-top: 1rem;	
	margin-bottom: 1rem;	
}
div.wp-block-columns + div.wp-block-columns {
}
div.wp-block-columns div.wp-block-column {
	margin-top: 0;	
	margin-bottom: 0;	
}
div.wp-block-columns div.wp-block-column :first-child {
	margin-top: 0;
}
div.wp-block-columns div.wp-block-column :last-child {
	margin-bottom: 0;
}
h2 + div.wp-block-columns {
	margin-top: 1.5rem;
}
/* Gutenberg - skupina */
div.wp-block-group {
	margin: 3rem auto;
	padding: 2rem;
	background: #E9F8ED;
	color: inherit;
	border-radius: 16px;
}
div.wp-block-group.uzsi {
	max-width: 800px;
}
p + div.wp-block-group {
	margin-top: 2rem;
}
div.wp-block-columns + div.wp-block-group {
	margin-top: 3.5rem;
}
div.wp-block-group :last-child {
	margin-bottom: 0 !important;
}
/* Gutenberg - Média a text */
div.wp-block-media-text {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
/*	padding: 1.5rem;
	background: rgba(252, 250, 248, 0.96);
	border: 1px solid rgba(252, 250, 248, 0.8);
	border-radius: 16px; */
}
div.wp-block-media-text div.wp-block-media-text__content div.wp-block-buttons {
	margin-top: 1.25rem !important;
	margin-bottom: 0 !important;
}

/* ---- obsah - text --- */
/* nadpisy */
h1, h2, h3 {
	line-height: 1.15;
}
h1 {
	margin-bottom: 1.5rem;
	color: #2B3833;
	font-size: 375%;
	font-weight: 800;
}
h2 {
	margin-top: 2rem;
	margin-bottom: 1.25rem;
	color: #00BE4A;
	font-size: 175%;
}
h3 {
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
	color: #666;	
	font-size: 112.5%;
}
h2 + h3 {
	margin-top: 0;
}
section.obsah h4 {
	font-size: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: #888;
}
hr + h2,
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: 1rem;
}
h1 + p {
	font-size: 120%;
}

/* citace, speciální odstavce */
blockquote {
	margin: 1.5rem 0;
	padding: 1rem 1.5rem;
	background: #E9F8ED;
	color: inherit;
	border-radius: 8px;
}
blockquote :last-child {
	margin-bottom: 0;
}

/* seznamy */
section.obsah ul,
footer ul {
	margin: 0 0 1rem 0;
	list-style: none;
	line-height: 1.4;
}
section.obsah ul li,
footer ul li {
	padding-left: 25px;
	background: url(obr/odrazka.svg) left center no-repeat;
}
footer ul li {
	color: #fff;
}
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.75rem;
}

/* postup */
ol#postup {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 2rem auto;
	list-style: none;
	text-align: center;
}
ol#postup li {
	flex: 1;
	margin: 0;
	padding: 16px 16px 22px;
	background: #00BE4A;
	color: #fff;
	border-radius: 16px;
}
ol#postup li::before {
	display: block;
	margin-bottom: 0.25rem;
	color: #fff;
	font-weight: 600;
	font-size: 175%;
}
ol#postup li:nth-child(1)::before {
	content: "1";
}
ol#postup li:nth-child(2)::before {
	content: "2";
}
ol#postup li:nth-child(3)::before {
	content: "3";
}
ol#postup li:nth-child(4)::before {
	content: "4";
}
ol#postup li:nth-child(5)::before {
	content: "5";
}
ol#postup li:nth-child(6)::before {
	content: "6";
}
ol#postup li:nth-child(7)::before {
	content: "7";
}
ol#postup li:nth-child(8)::before {
	content: "8";
}
ol#postup li:nth-child(9)::before {
	content: "9";
}
ol#postup li:nth-child(10)::before {
	content: "10";
}

/* --- FAQ --- */
.faq-item {
	margin-bottom: 1rem;
/*	background: #E9F8ED; */
	background: rgba(252, 250, 248, 0.96);
	border-radius: 16px;
}
.faq-question {
	padding: 1rem 1.5rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.faq-question h2{
	margin: 0;	
	color: #2B3833;
	font-size: 112.5%;
}
.faq-question > *:hover {
	text-decoration: underline;
}
.faq-question:active {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
}
.faq-question::after {
	content: '+';
	margin-left: 1.5rem;
	font-weight: bold;
	font-size: 200%;
	transition: transform 0.2s ease;
}
.faq-item.is-active .faq-question::after {
	content: '−';
}
.faq-answer {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	transition: max-height 0.25s ease-in-out;
	overflow: hidden;
}
.faq-answer > *:first-child {
	margin-top: 0rem !important;
}
.faq-answer > *:last-child {
	padding-bottom: 2rem;
}

/* odkazy */
section.obsah a {
	color: inherit;
}
section.obsah h2 a {
	color: inherit;
	text-decoration: none;
}
section.obsah a:hover {
	color: #00BE4A;
	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.03);
}
section.obsah img {
	border-radius: 16px;
}
section.obsah .wp-block-image{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* tlačítko	 */
p.tlac,
div.wp-block-buttons {
	white-space: nowrap;		
}
section.obsah p.tlac,
section.obsah div.wp-block-buttons {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
section.obsah blockquote + div.wp-block-buttons {
	margin-top: 2.5rem;
}
p.tlac a,
div.wp-block-button a,
input[type="submit"] {
	display: inline-block;
	align-items: center;
	padding: 10px 48px 12px 24px !important;
	background: transparent url(obr/tlac-sipka-cerna.svg) right 20px center no-repeat;
	color: inherit !important;
/*	box-shadow: 0px 8px 24px -4px rgba(0, 190, 74, 0.2); */
	border: 1px solid #00BE4A;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	font-size: 100%;
}
section#hlavni p.tlac a {
	background-color: #00BE4A;
	background-image: url(obr/tlac-sipka-bila.svg);
	color: #fff !important;
	box-shadow: 0px 8px 24px -4px rgba(0, 190, 74, 0.2);
	border: none;
}
footer p.tlac a {
	background-color: #00BE4A;
	background-image: url(obr/tlac-bublina.svg) !important;
	border: none;
}
p.tlac a:hover,
section#hlavni p.tlac a:hover,
div.wp-block-button a:hover,
input[type="submit"]:hover {
	background-color: #00AD56;
	background-image: url(obr/tlac-sipka-bila.svg);
	color: #fff !important;
	box-shadow: none;
	cursor: pointer;
}

/* oddělovač */
hr {
	width: 100%;
	clear: both;
	margin-top: 3rem;
	margin-bottom: 3rem;
	background: none;
	border: none !important;
	border-bottom: 1px solid #E9F8ED !important;
}
.wp-block-group hr {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border-color: #00BE4A !important;
}

/* --- tabulky, tabulka --- */
figure.wp-block-table table {
	margin: 0.5rem auto;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	overflow: hidden; 
	border: 1px solid #E9F8ED; 
}
div.wp-block-columns div.wp-block-column figure.wp-block-table table:first-child {
	margin-top: 0;
}
figure.wp-block-table table th,
figure.wp-block-table table td {
	padding: 0.5rem 1rem;
	background: #fff;
	border: none; 
}
figure.wp-block-table table tr:not(:last-child) th {
	border-bottom: 1px solid #fff;
}
figure.wp-block-table table tr:not(:last-child) td {
	border-bottom: 1px solid #E9F8ED;
}
figure.wp-block-table table th:not(:last-child),
figure.wp-block-table table td:not(:last-child) {
	border-right: 1px solid #E9F8ED;
}
figure.wp-block-table table th {
	background: #E9F8ED;
	color: inherit;
}

/* kalendář */
div.wpsbc-calendar {
	border-radius: 16px;
}
div.wpsbc-calendar div.wpsbc-calendar-header{
	border-radius: 16px 16px 0 0;
}
div.wpsbc-legend {
	border: none;
}
div.wpsbc-search-widget h2 {
	visibility: hidden;
	height: 0 !important;
	margin: 0 !important;
}
form.wpsbc-search-widget-form {
	margin: 0rem auto 0 !important;
	max-width: 400px;
}
div.wpsbc-search-widget-results  {
	margin: -2rem 0 2rem !important;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	justify-content: center;
}
div.wpsbc-search-widget-results div.wpsbc-search-widget-result {
	margin: 0 !important;
	zoom: 0.8;
	background: #E9F8ED !important;
	border-radius: 8px;
}
div.wpsbc-search-widget-result-title h3 a.wpsbc-search-widget-result-link:hover {
	text-decoration: underline !important;
}
a.wpsbc-search-widget-result-button {
	border-radius: 8px !mportant;
	text-transform: none !important;
}

/* --------- formuláře obecně ----------- */
input[type="text"], input[type="email"], 
input[type="tel"], input[type="number"], 
input[type="password"], textarea, select {
	padding: 0.5rem 1rem;
	background: #E9F8ED;
	color: inherit;
	border: none;
	border-radius: 8px;
	font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif;
}

/* --------- ninja forms -formuláře ----------- */
div.nf-form-cont {
	max-width: 400px;
	margin: -1rem auto 0;
}
div.nf-form-cont div.nf-field-container {
	margin: 0 0 1rem 0 !important;
}
div.nf-form-cont div.nf-field-container.hidden-container {
	margin: 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 h3 {
	margin-bottom: 0;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #E9F8ED;
	text-align: center;	
}
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 ul {
	text-align: center;
}

div.nf-form-cont div.field-wrap div.nf-field-element ul li {
	display: inline-block;
	margin-right: 1rem !important;
}
div.nf-form-cont div.field-wrap div.nf-field-element ul li:last-child {
	margin-right: 0 !important;
}

div.nf-form-cont div.field-wrap div.nf-field-element input[type="radio"] {
	position: relative;
	top: 3px;
}

div.nf-form-cont div.field-wrap div.nf-field-element input[type="checkbox"] {
}
div.nf-form-cont div.field-wrap div.nf-field-element textarea{
	height: 100px;
}
/* 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-3-cont.nf-form-cont {
	max-width: 100%;
	margin: 0;
}
div#nf-form-3-cont.nf-form-cont div.nf-field-label {
	width: 20% !important;
	padding: 0;
	text-align: left !important;
}
div#nf-form-3-cont.nf-form-cont div.field-wrap div.nf-field-element {
	width: 80%;
}
div#nf-form-3-cont.nf-form-cont div.field-wrap.html-wrap div.nf-field-element {
	margin-left: 20%;
}
div#nf-form-3-cont.nf-form-cont div.field-wrap div.nf-field-element input[type="text"],
div#nf-form-3-cont.nf-form-cont div.field-wrap div.nf-field-element input[type="email"] {
	text-align: left;
}
div#nf-form-3-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;
	font-size: 85%;
}
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-3-cont div.nf-error-field-errors {
	margin-left: 20%;
}
div#nf-form-3-cont div.nf-error-msg {
	top: 0;
}

/* --- 123 - abc - responzivní design */
@media all and (max-width: 1240px) { 
	/* mezera od okraje */
	header p#logo {
		margin-left: 20px;
	}
	header nav {
		margin-right: 20px;
	}
	section#hlavni,
	section#argumenty, 
	section#rozcestnik, 
	section#reference, 
	section.obsah,
	footer {
		width: auto;	
		padding-left: 20px;
		padding-right: 20px;	
	}
	/* zápatí */
	footer section article:first-child {
		flex: 0 0 100%;
		text-align: center;
	}
	footer section article:not(:first-child) {
		flex: 0 0 calc(50% - 1.5rem);
	}
	footer section article:first-child ul li {
		display: inline-block;
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
@media all (min-width: 901px) and (max-width: 1000px) { 
	/* hlavní blok */
	body.page-id-12 section#hlavni h1 + p {
		max-width: 40%;
	}
}
@media all and (max-width: 900px) { 
	/* hlavní blok */
	section#hlavni {
		display: block;
	} 
	body.home section#hlavni {
		min-height: 920px;
		background: url(obr/poz-hlavni-mobil.webp) calc(100% + 10px) calc(100% - 2rem) / contain no-repeat, 
					url(obr/poz-hlavni-prechod.png) center repeat-y;
	}
	body.page-id-10 section#hlavni {
		min-height: 780px;
		background: url(obr/poz-hlavni-auta-mobil.webp) center calc(100% - 1.5rem) / contain no-repeat, 
					url(obr/poz-hlavni-prechod.png) center repeat-y;
	}
	body.page-id-12 section#hlavni {
		min-height: 820px;
		background: url(obr/poz-hlavni-dodavky-mobil.webp) center calc(100% - 1.5rem) / contain no-repeat, 
					url(obr/poz-hlavni-prechod.png) center repeat-y;
	}
	section#hlavni article {
		padding-top: 3rem; 
	}
	section#hlavni article h1,
	section#hlavni article h1 + p {
		max-width: 100%;
	}
	/* spodek */
	section#spodek {
		flex-direction: column;
		gap: 1rem;
	}
	section#spodek p {
		text-align: center !important;
	}
}
@media all and (max-width: 790px) { 
	div.wp-block-columns#auto {
		flex-direction: column-reverse !important;
	}
}
@media all and (max-width: 767px) { /* mobily */
	body {
		font-size: 20px;
	}
	/* mobilní navigace */
	div#wprmenu_bar {
		z-index: 99999 !important;
	}
	div#wprmenu_bar div.menu_title a {
		color: #eee;
		text-decoration: none;
	}
	/* záhlaví */
	header section {
		justify-content: center;
	}
	header section p#logo {
		margin-left: 0;
	}
	/* hlavní blok */
	body.home section#hlavni {
		min-height: 1000px;
	}
	body.page-id-10 section#hlavni {
		min-height: 800px;
	}
	body.page-id-12 section#hlavni {
		min-height: 920px;
	}
	section#hlavni article {
		padding-top: 2rem; 
		text-align: center;
	}
	/* argumenty */
	section#argumenty ul {
		padding-top: 3rem;
		padding-bottom: 3rem;
	    flex-direction: column;
	} 
	/* rozcestník, reference */
	section#rozcestnik > div,
	section#reference div {
		flex-direction: column;
	}
	/* zápatí */
	footer section article:nth-child(2),
	footer section article:nth-child(3) {
		text-align: center;
	}
	footer section article:nth-child(3) img {
		float: none;
		margin-left: 0;
		margin-bottom: 1rem;
	}
	footer section article:nth-child(3) p.telefon,
	footer section article:nth-child(3) p.email {
		display: inline-block;
		padding-right: 0;
		margin-left: 2rem;
		margin-right: 2rem;
	}
	/* obsah */
	div.wp-block-buttons.nastred div.wp-block-button {
		margin-left: auto;
		margin-right: auto;
	}
} 
@media all and (max-width: 650px) { 
	/* hlavní blok */
	body.home section#hlavni {
		min-height: 900px;
	}
	body.page-id-10 section#hlavni {
		min-height: 780px;
	}
	body.page-id-12 section#hlavni {
		min-height: 920px;
	}
	/* zápatí */
	footer section {
		flex-direction: column;
	}
}
@media all and (max-width: 600px) { 
	/* média a text */
	div.wp-block-media-text div.wp-block-media-text__content {
		margin: 1.25rem 0 0 !important;
		padding: 0;
		text-align: center;
	}
	div.wp-block-media-text div.wp-block-media-text__content div.wp-block-buttons {
		justify-content: center;
	}
}
@media all and (max-width: 550px) { 
	/* hlavní blok */
	body.home section#hlavni {
		min-height: 850px;
	}
	body.page-id-10 section#hlavni {
		min-height: 730px;
	}
	body.page-id-12 section#hlavni {
		min-height: 850px;
	}
	body section#hlavni h1 {
		font-size: 300%;
	}
	/* rozcestník auta */
	#rozcetnik-auta {
		text-align: center;
	}
	#rozcetnik-auta figure {
		float: none;
		margin: 0 auto;
	}
	#rozcetnik-auta div.wp-block-buttons {
		justify-content: center;
	}
}
@media all and (max-width: 540px) { 
	/* kalendář */
	div.wpsbc-search-widget-field.wpsbc-search-widget-field-submit {
		text-align: center !important;
	}
	div.wpsbc-search-widget-results {
		margin-top: -1rem !important;
		margin-bottom: 3rem !important;
	}
	div.wpsbc-search-widget-results div.wpsbc-search-widget-result {
		zoom: 1;
		text-align: center;
	}
	a.wpsbc-search-widget-result-button  {
		display: none !important;
	}
}
@media all and (max-width: 500px) { 
	/* rozcestník */
	section#rozcestnik article div {
		flex-direction: column;
		text-align: center;
	}
}
@media all and (max-width: 460px) { 
	/* hlavní blok */
	body.home section#hlavni {
		min-height: 820px;
	}
	body.page-id-10 section#hlavni {
		min-height: 700px;
	}
	body.page-id-12 section#hlavni {
		min-height: 780px;
	}
	body section#hlavni h1 {
		font-size: 240%;
	}
	/* kauce */
	figure.wp-block-table.kauce table {
		min-width: 450px !important;
	}
}
@media all and (max-width: 370px) { 
	/* hlavní blok */
	body.home section#hlavni {
		min-height: 820px;
	}
	body.page-id-12 section#hlavni {
		min-height: 780px;
	}
	body section#hlavni h1 {
		font-size: 220%;
	}

}