/*
 * Speedpro – vzhled webu (child šablona Flatsome)
 *
 * Jediné místo pro CSS webu. Soubor načítá inc/speedpro-vzhled.php na konci <head>, za CSS Flatsome, pluginů
 * a za CSS, které Flatsome generuje z Přizpůsobit. Při stejné specifičnosti mají proto pravidla tady přednost.
 * Úvodní stránka má navíc css/speedpro-uvod.css (načte se jen tam).
 *
 * Vzhled → Přizpůsobit → Doplňující CSS a Flatsome → Advanced → Custom CSS nechávejte prázdné: načetly by se
 * dřív než tento soubor a CSS by se zase hledalo na více místech.
 *
 * Obsah
 *   1. Proměnné (barvy webu)
 *   2. Původní Doplňující CSS a Flatsome Custom CSS (převzato beze změn, jen bez dvakrát vložených bloků)
 *   3. Hlášky WooCommerce (přidáno do košíku, odebráno)
 *   4. Menu kategorií, horní lišta, patička a stránky (bloky NAZEV-START … NAZEV-END)
 *   5. Ikony menu kategorií
 *   6. Karty produktů
 *   7. Pruh „Doručujeme po celé Evropě“ (shortcode [speedpro_doprava_eu])
 *   8. Rozcestník Classic / Rally Rent / Bazar / Výprodej / Katalog (blok banner-cz)
 *
 * Komentáře „Doplňující CSS“ v blocích níže odkazují na pravidla v části 2.
 */

/* ==============================================================================================================
   1. PROMĚNNÉ
   ============================================================================================================== */

:root {
	--sp-cervena: #be0002;       /* hlavní barva webu: tlačítka, odkazy, ikony, linky */
	--sp-cervena-tmava: #8f0001; /* najetí na červené tlačítko */
}

/* ==============================================================================================================
   2. PŮVODNÍ DOPLŇUJÍCÍ CSS A FLATSOME CUSTOM CSS
   Převzato z Přizpůsobit (Doplňující CSS) a z Flatsome → Advanced → Custom CSS. Pořadí zachované, vynechané jsou jen
   první kopie dvou bloků, které byly vložené dvakrát (platila vždy ta druhá). Barvy tu nejsou převedené na proměnné,
   část pravidel už přebíjejí bloky níže – k postupnému úklidu.
   ============================================================================================================== */

/* PUVODNI-CSS-START */
/* Flatsome → Advanced → Custom CSS (pravidlo „.box-image { hegiht… widht… }“ mělo překlepy a nikdy neplatilo). */
.header .search-form .live-search-results { background-color: rgba(255,255,255); width: 340px; }

/* Vzhled → Přizpůsobit → Doplňující CSS */
h1, h2, h3, h4, h5{
  font-family: 'Roboto', sans-serif;
}

.hp-sec1 .flickity-slider .col-inner{
	background-color: #ffffff;
}

.hp-sec1 .flickity-slider .col-inner .box-text{
	text-align: center;
}

.hp-sec1 .flickity-prev-next-button{
	display: block!important;
}

.hp-sec2 h2{
	font-size: 2.6em;
}

.hp-sec1 .add-to-cart-button .is-outline.primary{
	width: 80%;
	margin: 20px 0 auto;
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
	height: 40px;
	padding: 5px;
}

/*
.hp-sec2 .is-outline.primary,
.hp-sec4 .is-outline.primary{
	width: 100%;
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
	height: 40px;
	padding: 5px;
}

.hp-sec1 .is-outline.primary:hover,
.hp-sec2 .is-outline.primary:hover,
.hp-sec4 .is-outline.primary:hover{
	background-color: #be0002;
	border-color: #be0002;
	color: #ffffff;
}*/

.hp-sec1 .product-small .box{
	border: 1px solid #666666;
}

.hp-sec1 .product-small .box,
.hp-sec2 .product-small .box,
.hp-sec4 .product-small .box{
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	-moz-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	background-color: #ffffff;
	padding: 10px;
}

.hp-sec1 .product-small .box{
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	-moz-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
}

.hp-sec3 .large-3{
  max-width: 20%!important;
	flex-basis: 20%!important;
}

.hp-sec3 p{
	margin-bottom: .5em;
}

.hp-sec3 a.button.is-link{
	border: 1px solid #be0002!important;
	width: 100%;
}

.hp-sec3 a.button.is-link:hover{
  background-color: #ffffff!important;
	color: #000000!important;
}

.hp-sec3 .button{
	margin-bottom: 5px;
}

.hp-sec3 .col-inner>.img:not(:last-child){
  margin-bottom: 5px;	
}

.home .box-text p{
	font-weight: bolder;
}

/* header style */
#masthead > div > div.flex-col.hide-for-medium.flex-left.flex-grow{
	display: block;
	margin: 0 auto;
	width: 200px;
	max-width: 200px;
}

.header-block-block-1 .row-solid .col:before{
	border: none;
}

.flex-right{
	max-width: 400px;
	width: 100%;
}

.header-search-form{
	width: 60%;
}

.header-main{
  background-image: url(/wp-content/uploads/2018/09/Layer-682@075x.jpg);
}

.icon-shopping-cart:before,
.icon-search:before{
	color: #be0002;
}

.hm-1{
	width: 15%;
}

.hm-2{
	width: 15%;
}
.hm-3{
	width: 25%;
}
.hm-4{
	width: auto;
  float: right;
}

.hm-1,
.hm-2,
.hm-3{
	background-color: transparent!important;
}

.nav-small.nav>li.html{
	font-size: .85em;
}

.nav-small.nav>li.html > strong{
	font-weight: 400;
	color: #666666;
}

/*.header-newsletter-item,
.header-language-dropdown,
.header-account-title{
	padding-right: 40px!important;
}*/

.header-top .nav-divided>li{
	margin: 0 1.5em;
}

.header-top .nav-divided>li.has-dropdown:first-child{
	padding-right: 15px;
}

.header-account-title:before,
#top-bar > div > div.flex-col.hide-for-medium.flex-right > ul > li.account-item.has-icon > a:before{
	  content: "";
    display: block;
    background: url(/wp-content/uploads/2018/09/moj-ucet-icon-1.png) no-repeat;
    float: left;
    padding: 10px;
    width: 16px;
    height: 15px;
	top: 7px;
	position: absolute;
	left: -25px;
	z-index: 999;
}

.header-account-title:after,
.header-language-dropdown:after{
	  content: "";
    display: block;
    background: url(/wp-content/uploads/2018/09/dropdownicon.png) no-repeat;
    float: left;
    padding: 10px;
    width: 16px;
    height: 15px;
	top: 13px;
	position: absolute;
	left: 55px;
}

.header-language-dropdown .icon-angle-down{
	display: none;
}

.header-newsletter-item:before{
	 content: "";
    display: block;
    background: url(/wp-content/uploads/2018/09/news-icon.png) no-repeat;
    float: left;
    padding: 10px;
    width: 16px;
    height: 15px;
	top: 7px;
	position: absolute;
	left: -25px;
}

.header-language-dropdown:before{
	content: "";
    display: block;
    background: url(/wp-content/uploads/2018/09/jazykicon.png) no-repeat;
    float: left;
    padding: 10px;
    width: 16px;
    height: 15px;
	top: 7px;
	position: absolute;
	left: -25px;
}

.nav .header-language-dropdown img{
	display: none;
}

.social-icons i{
	color: #be0002;
}

#top-bar{
	height: 40px;
}

.nav > li > a{
	font-weight: 400;
}

#wide-nav .icon-angle-down{
	display: none;
}

.header-bottom{
	height: 50px;
	background-color: #ffffff;
}

.header-bottom .nav > li > a{
		font-size: .9em;
}

.header-bottom .nav > li >a{
	color: #363636;
}

#header .stuck .hm-classic-logo img{
	height: 30px;
  width: auto;
  margin: 0 auto;
  display: block;
}
/* header style end */

/* footer style */
#footer{
  background: url(/wp-content/uploads/2018/09/footer-bckg.jpg) repeat;	
}

.footer-secondary{
	padding: 0;
}

.widget-title{
	text-transform: none!important;
	color: #be0002;
}

#footer ul.menu>li+li{
	border: none;
}

.absolute-footer.dark{
	border-top: 1px solid #cccccc;
  color: #cccccc;
	font-size: .9em!important;
	font-family: 'Roboto', sans-serif;
	background-color: transparent;
	max-width: 1080px;
	margin: 0 auto;
}

.back-to-top{
	bottom: 60px;
}

#menu-footer-menu p,
#menu-footer-menu a,
#footer .textwidget{
	color: #cccccc;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .9em;
}

#footer .is-divider {
	display: none;
}
/* footer style end */

span.amount{
	color: #be0002;
	font-family: 'Roboto Mono', monospace;
}

/* products style */
.box-text p{
	min-height: 80px;
}
/* products style end */

/* category page */
.page-title-inner{
	padding: 10px 0!important;
}

.page-title{
	background-color: #ececec;
}

.page-title select,
.page-title select:active,
.page-title select:hover{
	background-color: #ececec;
}

.breadcrumbs{
	font-weight: normal;
	color: #be0002;
}

.nav-pagination>li>span, .nav-pagination>li>a{
	border-radius: 0;
}

.woocommerce-pagination .nav-pagination>li>span, .woocommerce-pagination .nav-pagination>li>a {
  border: none!important;
	padding: 0!important;
}

.nav-pagination>li>.current, .nav-pagination>li>span:hover{
	color: #be0002;
	background-color: transparent;
}

.nav-pagination > li > a:hover{
	color: #be0002;
	background-color: #ffffff;
}

.woocommerce-pagination .nav-pagination>li .prev,
.woocommerce-pagination .nav-pagination>li .next{
	padding: 0;
	background-color: #ebebeb;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3)!important;
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3)!important;
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3)!important;
}

.woocommerce-pagination .nav-pagination>li>a{
	width: 20px!important;
	min-width: 20px!important;
}

.woocommerce-pagination .nav-pagination>li i{
	color: #be0002;
	font-weight: 700!important;
}

.tax-product_cat #main{
	background-color: #f8f8f8;
}

.tax-product_cat .product-small .box{
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	-moz-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	background-color: #ffffff;
	padding: 10px;
}

/*.tax-product_cat .add-to-cart-button .is-outline.primary{
width: 100%;
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
	height: 40px;
	padding: 5px;
}

.tax-product_cat .add-to-cart-button .is-outline.primary:hover{
	background-color: #be0002;
	border-color: #be0002;
	color: #ffffff;
}	*/

.add-to-cart-button .is-outline.primary{
	width: 100%;
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
	height: 40px;
	padding: 5px;
}

.add-to-cart-button .is-outline.primary:hover{
	background-color: #be0002;
	border-color: #be0002;
	color: #ffffff;
}	

.archive .hp-sec3 .col{
	padding: 0 10px 30px;
}

.row .hp-sec3{
	padding: 0;
}

.archive .hp-sec3 .col > .col-inner{
	border: none!important;
	padding: 10px 10px 10px 10px!important;
}

/* other */
.checkout-button,
.checkout-button:hover{
	background-color: #be0002!important;
}

.button-continue-shopping{
	border: 2px solid #be0002!important;
}

.button-continue-shopping:hover{
	border: 2px solid #be0002!important;
	background-color: #be0002!important;
}

.breadcrumbs a.current, .breadcrumbs a:hover{
	color: #be0002;
}

.checkout-breadcrumbs a{
	color: #646464;
}

.checkout-breadcrumbs a:hover{
	color: #be0002;
}

.checkout_coupon button,
.button#place_order{
	background-color: #be0002!important;
}

/* product page */
.single-product ins{
	position: absolute;
}

.single_add_to_cart_button.button{
		background-color: #be0002!important;
}

.single-product .product-small .box{
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	-moz-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	background-color: #ffffff;
	padding: 10px;
}

.single-product .woocommerce-breadcrumb a:last-child{
	color: #be0002;
}

/* search */
.product-small .box{
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	-moz-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;
	background-color: #ffffff;
	padding: 10px;
}

/*#header .stuck .hm-1,
#header .stuck .hm-2,
#header .stuck .hm-3,
#header .stuck .hm-4{
	height: 40px;
	top:-40px;
}*/

.stuck .header-search-form{
	z-index: 99;
}

@media only screen and (max-width: 767px){
#top-bar{
	display: none;
}
	
.header-account-title:after, .header-language-dropdown:after{
		display: none;
	}
	
.hp-sec1 .add-to-cart-button .is-outline.primary{
	width: 90%;
	height: auto;
}
	
.hp-sec3 .large-3{
	max-width: 50%!important;
	flex-basis: 50%!important;
}
	
.hp-custom-menu > div > div > p{
	height: 55px;		
}
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
	display: none;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{
	display: none;
}

.container-image-and-badge,
.products .container-image-and-badge,
.yith-wcbm-badge img{
    position : static !important;
}

/* menu switcher */
#header .wcml_currency_switcher{
	width: 90px;
}

#header .wcml-cs-active-currency{
	border: none;
}

#header .wcml_currency_switcher .wcml-cs-active-currency:before{
		content: "";
    background: url(/wp-content/uploads/2019/06/czikona.png) no-repeat;
    background-size: 16px;
	  display: block;
    float: left;
    padding: 10px;
    width: 16px;
    height: 15px;
    top: 5px;
    position: absolute;
    left: -20px;
}

#header .wcml-cs-submenu{
opacity: 1;
max-height: inherit;
left: -15px;
padding: 20px;
position: absolute;
    width: 150px;
    max-height: 0;
    z-index: 9;
    padding: 20px;
    margin: 0;
    transition: opacity .25s;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    border: 2px solid #ddd;
    color: #777;
    background-color: #fff;
    text-align: left;
    display: table;
}

#header .wcml-cs-item-toggle:hover{
	color: rgba(102,102,102,0.85);
	background-color: #ffffff;
}

#header .wcml-cs-item-toggle{
color: rgba(102,102,102,0.85);
	background-color: #ffffff;
}

#header .wcml-cs-submenu li{
	border-left: none;
	border-right: none;
}

#header .flex-center{
	display: none;
	width: 0;
}

#top-bar .flex-right{
	max-width: 600px;
	width: 100%;
}

#header .wcml-cs-submenu li{ 
	line-height: 1.6em;
}

#header .wcml-cs-submenu li:hover{
	background-color: transparent;
}

#header .wcml-cs-submenu li:last-of-type{
	border: none!important;
}

#header .wcml-cs-submenu li a{ 
	font-size: 16px;
	line-height: 1.3em;
	color: rgba(102,102,102,0.85);
}

#header .wcml-cs-submenu li a:hover{
	color: #000000;
}

.wcml-dropdown a.wcml-cs-item-toggle:after{
	display: none;
}

#header .wcml_currency_switcher .wcml-cs-active-currency:after{
 content: "";
    display: block;
    background: url(/wp-content/uploads/2018/09/dropdownicon.png) no-repeat;
    float: right;
    padding: 10px;
    width: 16px;
    height: 15px;
	top: 10px;
	position: absolute;
	left: 70px;
}
/* menu switcher end */

.mobile-sidebar .wcml_currency_switcher,
.mobile-sidebar .wcml-dropdown li{
	background: #000000;
	border: none;
}

.mobile-sidebar .wcml-cs-active-currency,
.mobile-sidebar .wcml-cs-item-toggle{
	padding-left: 0!important;
}

header .cart-item{
	min-width: 130px;
}

header .cart-item a{
	float: right;
}

.stuck .header-main .nav > li > a{
	line-height: 11px;
}

#menu-item-37842,
#menu-item-37844,
#menu-item-37966,
#menu-item-37969{
	margin-top: 8px;
}

@media only screen and (min-width: 850px){
#logo{
	position: relative;
	top: -25px;
}

#masthead > div > div.flex-col.hide-for-medium.flex-left.flex-grow > ul > li.html.custom.html_topbar_right{
	position: relative;
	top: 70px;
	left: -400px;
}

#header .stuck #masthead > div > div.flex-col.hide-for-medium.flex-left.flex-grow > ul > li.html.custom.html_topbar_right{
	top: 30px;
}

#header .header-block-block-1{
	position: relative;
	top: -35px;
}

#header .stuck .header-block-block-1{
	top: -52px;
}

.logo img{
	height: 47px;
}
}

/* SpeedPro: přepínač měny v horní liště vzhledově stejně jako „Přihlášení“ a „Odběr novinek“.
   Vložit na konec: Vzhled → Přizpůsobit → Doplňující CSS. */

/* Výchozí trojúhelník WCML. Starší pravidlo „a.wcml-cs-item-toggle::after“ už nezabírá,
   protože WCML dnes používá <button>, takže se zobrazoval spolu s červenou šipkou. */
#header .wcml-dropdown .wcml-cs-item-toggle::after {
	display: none;
}

/* Obrysová ikona bankovky místo plného kolečka (stejná barva, velikost a pozice jako ostatní ikony). */
#header .wcml_currency_switcher .wcml-cs-active-currency::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none' stroke='%23be0002' stroke-width='1.3'%3E%3Crect x='1' y='3' width='14' height='9' rx='1.5'/%3E%3Ccircle cx='8' cy='7.5' r='2.2'/%3E%3C/svg%3E") no-repeat;
	top: 7px;
	left: -25px;
}

/* Šířka podle obsahu (dřív pevných 90 px, šipka byla daleko od textu).
   Bez okrajů: na stránkách WooCommerce (produkt, kategorie, košík) přidává WCML pravidlem
   „.woocommerce .wcml-dropdown.product“ okraj 1em nahoře i dole a přepínač pak vyleze z lišty. */
#header .wcml_currency_switcher {
	width: auto;
	margin: 0;
}

/* Text ve stejné výšce jako ostatní položky lišty. */
#header .wcml-cs-item-toggle {
	padding: 5px 18px 5px 0;
	line-height: 20.48px;
}

/* Červená šipka ve stejné výšce jako šipka u „Můj účet“ (stejný obrázek dropdownicon.png, 10 × 6 px). */
#header .wcml_currency_switcher .wcml-cs-active-currency::after {
	padding: 0;
	width: 10px;
	height: 6px;
	top: 15px;
	left: auto;
	right: 2px;
}

/* SpeedPro: štítky produktů pod lepicí hlavičkou a nadpisy bez paralaxy.
   Vložit na konec: Vzhled → Přizpůsobit → Doplňující CSS. */

/* Štítky YITH Badges („Výprodej“, „Akční nabídka“) mají z-index 50, lepicí hlavička Flatsome jen 30,
   takže se při posouvání kreslily přes menu. Pod hlavičku, ale dál nad obrázkem produktu. */
.yith-wcbm-badge {
	z-index: 20 !important;
}

/* Nadpis „NOVINKY“ na úvodní stránce má v UX Builderu paralaxu (sloupec: Parallax -4, Parallax fade).
   Při posouvání jede pomaleji než produkty a zajede pod ně. Čistší je paralaxu vypnout přímo
   v UX Builderu (sloupec s nadpisem → Parallax 0, Parallax fade vypnout); tohle ji vypne v CSS. */
.hp-sec2 .col-inner.parallax-active {
	transform: none !important;
	opacity: 1 !important;
}

/* Úvodní slider produktů na střed. Sloupec má v UX Builderu odsazení jen zleva (50 px) a slider
   (max. 1080 px) je v něm zarovnaný doleva: na širokém monitoru posun o 42 px doleva, jinde o 25 px doprava. */
.hp-sec1 .col-inner:has(> .row-slider) {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.hp-sec1 .col-inner > .row-slider {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* SpeedPro: horní lišta „Můj účet“ a přepínač jazyků v hlavním menu.
   Vložit na konec: Vzhled → Přizpůsobit → Doplňující CSS (pod úpravu přepínače měny). */

/* „Můj účet“ (přihlášený uživatel): ikona se kreslila dvakrát – u odkazu i u textu, posunutá o 5 px,
   proto vypadala větší než ostatní. Ponechá se jen ikona u odkazu (stejně jako u „Přihlášení“). */
#top-bar .account-item .header-account-title::before {
	display: none;
}

/* Ikona „Můj účet“ / „Přihlášení“ je na a::before, který Flatsome používá pro efekty menu a při najetí
   myší ho zprůhledňuje (.nav:hover > li:not(:hover) > a::before { opacity: 0 }) – ikona problikávala.
   Zároveň obrysová kresba se stejnou tloušťkou čáry jako ikona měny (PNG působila větší). */
#top-bar .account-item > a::before {
	opacity: 1 !important;
	transition: none !important;
	/* !important: původní pravidlo v Doplňujícím CSS má delší selektor (#top-bar > div > div… > a:before). */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none' stroke='%23be0002' stroke-width='1.3'%3E%3Ccircle cx='8' cy='4.5' r='3'/%3E%3Cpath d='M2.5 14c0-3.2 2.5-5.3 5.5-5.3s5.5 2.1 5.5 5.3'/%3E%3C/svg%3E") !important;
}

/* Přepínač jazyků GTranslate: odsazení od „Kontakt“ a stejný horní okraj (8 px) jako ostatní položky menu. */
#masthead .header-nav-main > li.menu-item-gtranslate {
	display: flex;
	margin: 8px 0 0 20px;
}

/* Stejná výška a písmo jako ostatní položky menu (dřív 44 px vysoký kvůli 24px vlajce a 15px písmu). */
#masthead .header-nav-main > li.menu-item-gtranslate > a.glink {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	height: 31px;
	padding: 0;
	line-height: 1;
}
#masthead .header-nav-main > li.menu-item-gtranslate > a.glink img {
	width: 20px;
	height: 20px;
	margin: 0 6px 0 0;
}
#masthead .header-nav-main > li.menu-item-gtranslate > a.glink span {
	font-size: inherit;
	margin-right: 4px;
	vertical-align: baseline;
}
/* PUVODNI-CSS-END */

/* ==============================================================================================================
   3. HLÁŠKY WOOCOMMERCE
   Tmavý čitelný text místo světle zelené, zelená fajfka, tučný název produktu (třída sp-notice-name ze
   speedpro-obchod.php) a „Vrátit do košíku“ jako malé tlačítko v barvě webu.
   ============================================================================================================== */

.woocommerce-message .message-container.success-color{color:#2b2b2b}
.woocommerce-message .message-container .icon-checkmark{color:#4f8a2b;margin-right:.3em}
.woocommerce-message .message-container .sp-notice-name{font-weight:700;color:#000}
.woocommerce-message .message-container .restore-item{display:inline-block;margin:0 0 0 .6em;padding:.1em .75em;border:1px solid var(--sp-cervena);border-radius:4px;color:var(--sp-cervena);font-weight:600;font-size:.9em;line-height:1.7;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.woocommerce-message .message-container .restore-item:hover,.woocommerce-message .message-container .restore-item:focus-visible{background:var(--sp-cervena);color:#fff}

/* ==============================================================================================================
   4. MENU KATEGORIÍ, HORNÍ LIŠTA, PATIČKA A STRÁNKY
   ============================================================================================================== */

/* Rozbalené menu kategorií (Max Mega Menu): stín a červená linka, aby bylo zřetelně nad obsahem stránky
   (dřív bílý panel bez stínu splýval s bílými kartami produktů pod ním). */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { box-shadow: 0 18px 40px rgba(0, 0, 0, .35); border-top: 3px solid var(--sp-cervena); border-radius: 0 0 6px 6px; }
/* Lišta kategorií uprostřed. Dřív byla zarovnaná doleva a vpravo zbývalo místo po prázdném pravém sloupci
   spodního pruhu hlavičky (bez položek). Rozbalený panel se posune s lištou. */
#wide-nav > .flex-row > .flex-right:not(:has(li)) { display: none; }
#wide-nav > .flex-row > .flex-left { flex: 1 1 auto; }
#wide-nav > .flex-row > .flex-left > .header-bottom-nav { justify-content: center; }

/* HORNI-LISTA-START
   Horní lišta a řádek Úvod · Katalog · Tabulky velikostí · Kontakt (od 850 px, menší šířky je nemají).
   - Horní lišta: nižší (32 px místo 40 px), mezi položkami jednotně 16 px, skupiny oddělené prvkem „|“ (14 px),
     bez slabých čárek Flatsome mezi každou položkou, jedno písmo 12,8 px. Přebíjí Doplňující CSS
     („#top-bar { height: 40px }“, „#top-bar .flex-right { max-width: 600px; width: 100% }“,
     „.header-top .nav-divided > li { margin: 0 1.5em }“).
   - Úvod · Katalog · Tabulky velikostí · Kontakt: přirozená šířka a stejné mezery místo pevných šířek .hm-1 až .hm-4
     z Doplňujícího CSS (15 % / 15 % / 25 % / float), kvůli kterým se „Tabulky velikostí“ a „Kontakt“ dotýkaly. */
@media (min-width: 850px) {
	#top-bar { height: auto; }
	#top-bar.header-top { min-height: 32px; }
	#top-bar .flex-right { max-width: none; width: auto; }
	#top-bar .nav > li { margin: 0 0 0 16px; }
	#top-bar .nav > li:first-child { margin-left: 0; }
	#top-bar .nav > li + li.ml-0 { padding-left: 16px; } /* sociální ikony mají od Flatsome margin-left: 0 !important */
	/* Ikony odběru novinek, měny a přihlášení (Doplňující CSS) jsou absolutně 25 px vlevo od položky – místo pro ně. */
	#top-bar .nav > li.has-icon, #top-bar .nav > li.html_nav_position_text { margin-left: 41px; }
	#top-bar .nav > li.has-icon:first-child, #top-bar .nav > li.html_nav_position_text:first-child { margin-left: 25px; }
	#top-bar .gt_switcher-popup, #top-bar .gt_switcher-popup span { font-size: 12.8px; color: rgba(102, 102, 102, .85); }
	#top-bar .nav > li.header-divider { height: 14px; border-left-color: rgba(0, 0, 0, .18); }
	#top-bar .nav-divided > li + li > a::after { display: none; }
	#top-bar .nav > li > a, #top-bar .wcml-cs-item-toggle, #top-bar .gt_switcher-popup { font-size: 12.8px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; }
	#top-bar .html_topbar_left { font-size: 12.8px; }
	.header-main .header-nav > li.hm-1, .header-main .header-nav > li.hm-2, .header-main .header-nav > li.hm-3, .header-main .header-nav > li.hm-4 { width: auto; float: none; margin: 0 0 0 22px; }
	/* Stejná šipka u měny i jazyka: dřív obrázek PNG u měny (Doplňující CSS) a šedý znak „▼“ u jazyka (GTranslate). */
	#top-bar .wcml-cs-active-currency::after, #top-bar .gt_switcher-popup > span[style] { display: none !important; }
	#top-bar .wcml-cs-item-toggle::after, #top-bar .gt_switcher-popup::after {
		content: "" !important; display: inline-block !important; position: static !important; width: 6px; height: 6px; margin: 0 0 0 8px;
		border: 0 !important; border-right: 2px solid var(--sp-cervena) !important; border-bottom: 2px solid var(--sp-cervena) !important;
		background: none !important; transform: translateY(-3px) rotate(45deg); vertical-align: middle;
	}
	#top-bar .wcml-cs-item-toggle { padding-right: 0 !important; }
	#top-bar .gt_switcher-popup > span:not([style]) { margin-right: 0; }
}
/* HORNI-LISTA-END */

/* PATICKA-START
   Patička na mobilu a tabletu (do 849 px): sloupce po dvou vedle sebe místo všech čtyř pod sebou
   (Informace | Kontakt, Otevírací doba | logo). */
@media (max-width: 849px) {
	#footer .footer-1 > .row > .col { flex-basis: 50%; max-width: 50%; }
	#footer .footer-1 > .row > .widget_media_image img { max-width: 100%; height: auto; }
}
/* PATICKA-END */

/* KONTAKT-START
   Kontaktní stránka (obsah z opravy-produkce/kontakt-obsah.html): údaje ve třech kartách vedle sebe, na mobilu
   pod sebou; červená linka nahoře jako u rozbaleného menu, odkazy v barvě webu. */
.sp-kontakt__titulek { font-size: 28px; margin: 0 0 20px; }
.sp-kontakt__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 22px; }
.sp-kontakt__box { background: #f5f5f5; border-top: 3px solid var(--sp-cervena); border-radius: 0 0 8px 8px; padding: 18px 22px 20px; }
.sp-kontakt__nadpis { font-size: 17px; margin: 0 0 10px; }
.sp-kontakt__box p { margin: 0 0 8px; line-height: 1.6; }
.sp-kontakt__box p:last-child { margin-bottom: 0; }
.sp-kontakt a { color: var(--sp-cervena); }
.sp-kontakt a:hover { text-decoration: underline; }
.sp-kontakt__mapa::after { content: " \2192"; }
.sp-kontakt__znacky { font-size: 14px; color: #555; margin: 0 0 34px; }
.sp-kontakt__formular { font-size: 22px; margin: 0 0 16px; }
@media (max-width: 849px) {
	.sp-kontakt__grid { grid-template-columns: 1fr; gap: 12px; }
	.sp-kontakt__titulek { font-size: 24px; }
}
/* KONTAKT-END */

/* TURNSTILE-START
   Kontaktní formulář (Contact Form 7): obal Turnstile má od pluginu margin-bottom: -15px a zasahoval do tlačítka
   Odeslat, nad sebou neměl od souhlasu žádnou mezeru. Plugin za něj navíc vkládá <br>. */
.wpcf7-form .cf7-cf-turnstile { margin: 14px 0 18px !important; }
.wpcf7-form .cf7-cf-turnstile .cf-turnstile-br { display: none; }
/* Souhlas se zpracováním údajů: na mobilu se text zalamoval pod zaškrtávací políčko; teď je políčko vlevo a text vedle.
   (Pole je povinné zaškrtávací pole wpcf7-checkbox: <span class="wpcf7-list-item"><input><span>text</span></span>.) */
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item { display: flex; align-items: flex-start; gap: 10px; margin: 0; line-height: 1.5; }
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] { flex: 0 0 auto; margin: 4px 0 0; }
/* TURNSTILE-END */

/* POKLADNA-START
   Pokladna: „Už u nás máte účet? Přihlásit se“ jako karta s ikonou a tlačítkem (dřív holý řádek textu), rozbalený
   přihlašovací formulář navazuje na kartu. Ikona: Tabler Icons „user“ (MIT). */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info { margin: 0 0 18px; padding: 0; background: none; border: 0; }
.woocommerce-checkout .woocommerce-form-login-toggle .message-container {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap; max-width: none; margin: 0;
	padding: 14px 18px !important; background: #f5f5f5; border-left: 3px solid var(--sp-cervena); border-radius: 0 8px 8px 0;
	text-align: left; font-size: 15px; line-height: 1.4; color: #222;
}
.woocommerce-checkout .woocommerce-form-login-toggle .message-container::before {
	content: ""; flex: 0 0 auto; width: 22px; height: 22px; background-color: var(--sp-cervena);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-checkout .woocommerce-form-login-toggle .showlogin {
	margin: 0 0 0 auto; padding: 6px 16px; border: 1px solid var(--sp-cervena); border-radius: 4px;
	color: var(--sp-cervena); font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; transition: background-color .15s, color .15s;
}
.woocommerce-checkout .woocommerce-form-login-toggle .showlogin:hover, .woocommerce-checkout .woocommerce-form-login-toggle .showlogin:focus-visible { background: var(--sp-cervena); color: #fff; }
.woocommerce-checkout form.woocommerce-form-login { margin: -18px 0 24px; padding: 16px 20px 6px; background: #f5f5f5; border: 0; border-left: 3px solid var(--sp-cervena); border-radius: 0 0 8px 0; }
.woocommerce-checkout form.woocommerce-form-login > p:first-child { font-size: 14px; color: #555; }
.woocommerce-checkout .woocommerce-form-login-toggle .message-container::after { display: none; } /* clearfix Flatsome by byl položkou flexu */
/* Tlačítko „Zobrazit heslo“ (WooCommerce) ve všech přihlašovacích formulářích (pokladna, Můj účet): bez stylu
   WooCommerce bylo neviditelné a zalomené pod pole hesla (prázdný řádek 54 px). Teď je uvnitř pole vpravo s ikonou oka
   (Tabler Icons „eye“ / „eye-off“, MIT). */
.woocommerce .password-input { position: relative; display: block; }
.woocommerce .password-input input { padding-right: 44px; }
.woocommerce .password-input .show-password-input {
	position: absolute; top: 0; right: 0; width: 40px; height: 39px; margin: 0; padding: 0; min-height: 0;
	border: 0; background: none; box-shadow: none; cursor: pointer;
}
.woocommerce .password-input .show-password-input::after {
	content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background-color: #777;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce .password-input .show-password-input.display-password::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}
.woocommerce .password-input .show-password-input:hover::after { background-color: var(--sp-cervena); }
/* POKLADNA-END */

/* UCET-START
   Můj účet (nepřihlášený): Přihlášení a Registrace jako dvě karty (stejný styl jako pokladna a kontakt) s ikonou
   v nadpisu, místo svislé čáry mezi sloupci mezera; na mobilu karty pod sebou. Ikony Tabler „login-2“ a „user-plus“ (MIT). */
#customer_login.row-divided > .col + .col { border-left: 0; }
#customer_login > .col { display: flex; }
#customer_login .account-login-inner, #customer_login .account-register-inner {
	flex: 1 1 auto; background: #f5f5f5; border-top: 3px solid var(--sp-cervena); border-radius: 0 0 8px 8px; padding: 24px 26px 18px;
}
#customer_login h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; margin: 0 0 18px; }
#customer_login h3::before {
	content: ""; flex: 0 0 auto; width: 24px; height: 24px; background-color: var(--sp-cervena);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8v-2a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-2'/%3E%3Cpath d='M3 12h13l-3 -3'/%3E%3Cpath d='M13 15l3 -3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8v-2a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-2'/%3E%3Cpath d='M3 12h13l-3 -3'/%3E%3Cpath d='M13 15l3 -3'/%3E%3C/svg%3E") center / contain no-repeat;
}
#customer_login .account-register-inner h3::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M16 19h6'/%3E%3Cpath d='M19 16v6'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M16 19h6'/%3E%3Cpath d='M19 16v6'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4'/%3E%3C/svg%3E");
}
#customer_login input.input-text { background-color: #fff; }
#customer_login .button { border-radius: 4px; transition: background-color .2s, border-color .2s; }
#customer_login .button:hover { background-color: var(--sp-cervena) !important; border-color: var(--sp-cervena) !important; }
/* Turnstile v přihlášení a registraci (Můj účet i pokladna): bez <br>, které za něj vkládá plugin, jednotná mezera pod ním. */
.woocommerce-form-login .cf-turnstile-br, .woocommerce-form-register .cf-turnstile-br { display: none; }
.woocommerce-form-login .cf-turnstile, .woocommerce-form-register .cf-turnstile { margin: 0 0 18px; }
#customer_login .lost_password a { color: var(--sp-cervena); }
#customer_login .lost_password a:hover { text-decoration: underline; }
@media (max-width: 849px) {
	#customer_login > .col + .col { margin-top: 18px; }
	#customer_login .account-login-inner, #customer_login .account-register-inner { padding: 20px 18px 14px; }
}
/* UCET-END */

/* PRODUKT-START
   Detail produktu ve stylu zbytku webu: zaoblená galerie, nákup v šedé kartě s červenou linkou (jako kontakt,
   pokladna a Můj účet), zaoblené prvky formuláře, tlumené údaje o produktu, výraznější záložky s červenou linkou. */
/* Galerie = výchozí slider WooCommerce (.flex-viewport, náhledy v .flex-control-thumbs). */
.single-product .woocommerce-product-gallery .flex-viewport { border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.single-product .woocommerce-product-gallery .flex-control-thumbs li img { border: 1px solid #eee; border-radius: 4px; transition: border-color .15s, opacity .15s; }
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active, .single-product .woocommerce-product-gallery .flex-control-thumbs li img:hover { border-color: var(--sp-cervena); }
.single-product .product-info form.cart {
	background: #f5f5f5; border-top: 3px solid var(--sp-cervena); border-radius: 0 0 8px 8px; padding: 18px 20px 4px; margin-bottom: 18px;
}
.single-product .product-info form.cart .variations { margin-bottom: 6px; }
.single-product .product-info form.cart .variations td, .single-product .product-info form.cart .variations th { border: 0; padding-top: 4px; padding-bottom: 4px; }
.single-product .product-info form.cart select { border-radius: 4px; background-color: #fff; }
.single-product .product-info form.cart .reset_variations { color: var(--sp-cervena); }
.single-product .product-info form.cart .quantity .minus { border-radius: 4px 0 0 4px; }
.single-product .product-info form.cart .quantity .plus { border-radius: 0 4px 4px 0; }
.single-product .product-info form.cart .quantity input.qty { background-color: #fff; }
.single-product .product-info form.cart .single_add_to_cart_button { border-radius: 4px; transition: background-color .2s, opacity .2s; }
.single-product .product-info form.cart .single_add_to_cart_button:not(.disabled):hover { background-color: var(--sp-cervena-tmava); }
.single-product .product-info .product_meta { color: #666; font-size: 13px; }
.single-product .product-info .product_meta a { color: #333; }
.single-product .product-info .product_meta a:hover { color: var(--sp-cervena); }
.single-product .product-tabs { border-bottom: 1px solid #e5e5e5; margin-bottom: 18px; }
.single-product .product-tabs > li { margin-right: 28px; }
.single-product .product-tabs > li > a { font-size: 14px; font-weight: 700; letter-spacing: .02em; color: #555; padding: 12px 0; }
.single-product .product-tabs > li.active > a, .single-product .product-tabs > li > a:hover { color: var(--sp-cervena); }
.single-product .product-tabs.nav-line > li > a::before { display: block; top: auto; bottom: -1px; height: 3px; background-color: var(--sp-cervena); }
@media (max-width: 549px) {
	.single-product .product-info form.cart { padding: 16px 14px 2px; }
}
/* PRODUKT-END */

/* KOSIK-START
   Košík ve stylu webu: souhrn (Celkem k platbě + kupón) v šedé kartě s červenou linkou místo svislé čáry, zaoblená
   tlačítka a pole, zaoblené náhledy produktů, vlastnosti setů („Velikost první helmy: 57“) na jednom řádku. */
.woocommerce-cart .row-divided > .cart-collaterals { border-left: 0; }
.woocommerce-cart .cart-sidebar { background: #f5f5f5; border-top: 3px solid var(--sp-cervena); border-radius: 0 0 8px 8px; padding: 20px 22px 22px !important; }
.woocommerce-cart .cart-sidebar .cart_totals th, .woocommerce-cart .cart-sidebar .cart_totals td { border-color: #e2e2e2; }
.woocommerce-cart .cart-sidebar .checkout-button { border-radius: 4px; transition: background-color .2s; }
.woocommerce-cart .cart-sidebar .checkout-button:hover { background-color: var(--sp-cervena-tmava); }
.woocommerce-cart .cart-sidebar .coupon input.input-text { border-radius: 4px; background-color: #fff; }
.woocommerce-cart .cart-sidebar .coupon input[name="apply_coupon"] {
	border-radius: 4px; background: #fff; border: 1px solid var(--sp-cervena); color: var(--sp-cervena); font-weight: 600; transition: background-color .15s, color .15s;
}
.woocommerce-cart .cart-sidebar .coupon input[name="apply_coupon"]:hover { background: var(--sp-cervena); color: #fff; }
/* Náhledy vždy čtverec 76 × 76 (obrázky na výšku nebo na šířku se do něj vejdou celé, dřív byl náhled vyšší). */
.woocommerce-cart .woocommerce-cart-form .product-thumbnail img { width: 76px; height: 76px; max-width: none; object-fit: contain; background: #fff; border: 1px solid #eee; border-radius: 4px; }
.woocommerce-cart .woocommerce-cart-form .product-name a:hover { color: var(--sp-cervena); }
.woocommerce-cart .woocommerce-cart-form .product-remove a:hover { color: var(--sp-cervena) !important; border-color: var(--sp-cervena) !important; }
.woocommerce-cart .woocommerce-cart-form .quantity .minus { border-radius: 4px 0 0 4px; }
.woocommerce-cart .woocommerce-cart-form .quantity .plus { border-radius: 0 4px 4px 0; }
.woocommerce-cart .button-continue-shopping { border-radius: 4px; transition: background-color .15s, color .15s; }
.woocommerce-cart .button-continue-shopping:hover { background-color: var(--sp-cervena) !important; border-color: var(--sp-cervena) !important; color: #fff !important; }
.woocommerce-cart-form dl.variation { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: #666; }
.woocommerce-cart-form dl.variation dt { display: inline; float: none; margin: 0; font-weight: 400; text-transform: none; letter-spacing: 0; }
.woocommerce-cart-form dl.variation dd { display: inline; float: none; margin: 0 0 0 4px; padding: 0; font-weight: 700; color: #222; }
.woocommerce-cart-form dl.variation dd p { display: inline; margin: 0; }
.woocommerce-cart-form dl.variation dd::after { content: ""; display: block; }
@media (max-width: 849px) {
	.woocommerce-cart .cart-sidebar { margin-top: 10px; padding: 18px 16px 18px !important; }
}
/* KOSIK-END */

/* OBJEDNAVKA-START
   Pokladna (krok Detail objednávky) ve stylu košíku: souhrn „Vaše objednávka“ v šedé kartě s červenou linkou místo
   černého rámečku, zaoblená pole a tlačítko, vlastnosti setů jako v košíku a mimo Česko a Slovensko zvýrazněná věta
   o platebních údajích e-mailem (span.sp-platba-info vkládá speedpro-obchod.php). Ikona: Tabler Icons „info-circle“ (MIT). */
.woocommerce-checkout form.checkout .large-5 > .col-inner.has-border {
	border: 0; border-top: 3px solid var(--sp-cervena); background: #f5f5f5; border-radius: 0 0 8px 8px; padding: 20px 24px 24px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table td { border-color: #e2e2e2; }
.woocommerce-checkout form.checkout input.input-text, .woocommerce-checkout form.checkout textarea, .woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout .select2-container .select2-selection { border-radius: 4px; }
.woocommerce-checkout-review-order-table dl.variation { margin: 4px 0 0; font-size: 12.5px; line-height: 1.45; color: #666; }
.woocommerce-checkout-review-order-table dl.variation dt { display: inline; float: none; margin: 0; font-weight: 400; text-transform: none; letter-spacing: 0; }
.woocommerce-checkout-review-order-table dl.variation dd { display: inline; float: none; margin: 0 0 0 4px; padding: 0; font-weight: 700; color: #222; }
.woocommerce-checkout-review-order-table dl.variation dd p { display: inline; margin: 0; }
.woocommerce-checkout-review-order-table dl.variation dd::after { content: ""; display: block; }
.woocommerce-checkout #payment .payment_box { background: none; padding: 0; }
.woocommerce-checkout #payment .payment_box p { font-size: 14px; line-height: 1.55; color: #333; }
.sp-platba-info {
	position: relative; display: block; margin: 12px 0 4px; padding: 11px 14px 11px 42px;
	background: #fff; border: 1px solid #efc4c5; border-left: 4px solid var(--sp-cervena); border-radius: 4px;
	color: var(--sp-cervena); font-weight: 700; font-size: 15px; line-height: 1.4;
}
.sp-platba-info::before {
	content: ""; position: absolute; left: 13px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background-color: var(--sp-cervena);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M12 9h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M12 9h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Upozornění „měna nesedí k zemi“ (speedpro-obchod.php) pod nadpisem Vaše objednávka a chybové hlášky pokladny
   (např. po odeslání se špatnou měnou): stejný červený rámeček s ikonou. Ikona: Tabler Icons „alert-triangle“ (MIT). */
.sp-mena-upozorneni {
	position: relative; margin: 0 0 18px; padding: 14px 16px 14px 48px;
	background: #fdeeee; border: 1px solid #efc4c5; border-left: 4px solid var(--sp-cervena); border-radius: 4px; color: var(--sp-cervena-tmava);
}
.sp-mena-upozorneni::before, .woocommerce-checkout .woocommerce-error .message-container::before {
	content: ""; position: absolute; left: 15px; top: 14px; width: 22px; height: 22px; background-color: var(--sp-cervena);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sp-mena-upozorneni p { margin: 0 0 10px; font-weight: 700; font-size: 15px; line-height: 1.45; }
.sp-mena-upozorneni .sp-mena-prepnout {
	display: inline-block; margin: 0; padding: 0 16px; min-height: 36px; line-height: 36px; border: 0; border-radius: 4px; text-decoration: none;
	background: var(--sp-cervena); color: #fff !important; font-weight: 700; font-size: 14px; text-transform: none; letter-spacing: 0; cursor: pointer; transition: background-color .2s;
}
.sp-mena-upozorneni .sp-mena-prepnout:hover { background: var(--sp-cervena-tmava); color: #fff !important; }
.sp-mena-upozorneni .sp-mena-prepnout.is-loading { opacity: .6; cursor: wait; pointer-events: none; }
.sp-mena-upozorneni[hidden] { display: none !important; }
.woocommerce-checkout .woocommerce-error { margin: 0 0 18px; padding: 0; list-style: none; }
.woocommerce-checkout .woocommerce-error li { margin: 0 0 8px; }
.woocommerce-checkout .woocommerce-error .message-container {
	position: relative; padding: 14px 16px 14px 48px !important; text-align: left; font-weight: 700; color: var(--sp-cervena-tmava);
	background: #fdeeee; border: 1px solid #efc4c5; border-left: 4px solid var(--sp-cervena); border-radius: 4px;
}
.woocommerce-checkout .woocommerce-error .message-container .message-icon { display: none; }
.woocommerce-checkout .form-row.place-order .cf-turnstile-br { display: none; }
.woocommerce-checkout .form-row.place-order .cf-turnstile { margin: 8px 0 16px; }
.woocommerce-checkout #place_order { width: 100%; border-radius: 4px; transition: background-color .2s; }
.woocommerce-checkout #place_order:hover { background-color: var(--sp-cervena-tmava); }
@media (max-width: 849px) {
	.woocommerce-checkout form.checkout .large-5 > .col-inner.has-border { padding: 18px 16px 20px; }
}
/* OBJEDNAVKA-END */

/* SOUHRN-START
   Souhrn objednávky (stránka „Děkujeme“): karta s potvrzením a údaji v řádcích, pokyny k platbě v rámečku
   (div.sp-pokyny vkládá speedpro-obchod.php), adresy ve dvou šedých kartách. Ikona: Tabler Icons „circle-check“ (MIT). */
.woocommerce-order-received .is-well {
	background: #f5f5f5 !important; border: 0; border-top: 3px solid var(--sp-cervena); border-radius: 0 0 8px 8px; box-shadow: none !important; padding: 22px 24px;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
	position: relative; margin: 0 0 14px; padding-left: 40px; color: #222; font-size: 19px; line-height: 1.35;
}
.woocommerce-order-received .woocommerce-thankyou-order-received::before {
	content: ""; position: absolute; left: 0; top: 50%; width: 28px; height: 28px; margin-top: -14px; background-color: #3c8a2e;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-order-received .woocommerce-order-overview { list-style: none; margin: 0; padding: 0; }
.woocommerce-order-received .woocommerce-order-overview li {
	display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; padding: 10px 0;
	border-bottom: 1px solid #e2e2e2; font-size: 14px; color: #555; list-style: none;
}
.woocommerce-order-received .woocommerce-order-overview li:last-child { border-bottom: 0; }
.woocommerce-order-received .woocommerce-order-overview li strong { color: #222; text-align: right; }
.sp-pokyny { margin: 0 0 26px; padding: 14px 18px; background: #fff; border: 1px solid #efc4c5; border-left: 4px solid var(--sp-cervena); border-radius: 4px; }
.sp-pokyny:empty { display: none; }
.sp-pokyny p { margin: 0 0 6px; }
.sp-pokyny p:last-child { margin-bottom: 0; }
.woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title {
	font-size: 18px; text-transform: uppercase; letter-spacing: .02em; margin: 0 0 12px;
}
.woocommerce-order-received .woocommerce-order-details .shop_table th, .woocommerce-order-received .woocommerce-order-details .shop_table td { border-color: #ececec; }
.woocommerce-order-received .woocommerce-columns--addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 10px; }
.woocommerce-order-received .woocommerce-columns--addresses::before, .woocommerce-order-received .woocommerce-columns--addresses::after { display: none; }
.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column { float: none; width: auto; max-width: none; margin: 0; padding: 16px 18px; background: #f5f5f5; border-radius: 8px; }
.woocommerce-order-received .woocommerce-customer-details address { font-style: normal; line-height: 1.6; border: 0; padding: 0; margin: 0; }
@media (max-width: 849px) {
	/* Na mobilu a tabletu je poděkování nahoře (v HTML je až za podrobnostmi objednávky). */
	.woocommerce-order-received .row:has(> .large-5 > .is-well) > .large-5 { order: -1; }
}
@media (max-width: 549px) {
	.woocommerce-order-received .woocommerce-columns--addresses { grid-template-columns: 1fr; }
}
/* SOUHRN-END */

/* PRAZDNY-KOSIK-START
   Prázdný košík: karta uprostřed s ikonou košíku, výrazným textem a zaobleným červeným tlačítkem (dřív holý text
   a černé tlačítko). Ikona: Tabler Icons „shopping-cart“ (MIT). */
.woocommerce-cart .text-center:has(> .wc-empty-cart-message) {
	max-width: 520px; margin: 30px auto 40px; padding: 34px 28px 30px !important;
	background: #f5f5f5; border-top: 3px solid var(--sp-cervena); border-radius: 0 0 8px 8px;
}
.woocommerce-cart .wc-empty-cart-message .message-wrapper { padding: 0; margin: 0; }
.woocommerce-cart .wc-empty-cart-message .message-container { padding: 0 !important; font-size: 20px; font-weight: 700; color: #222; }
.woocommerce-cart .wc-empty-cart-message .message-container::before {
	content: ""; display: block; width: 56px; height: 56px; margin: 0 auto 14px; background-color: var(--sp-cervena);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 17h-11v-14h-2'/%3E%3Cpath d='M6 5l14 1l-1 7h-13'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 17h-11v-14h-2'/%3E%3Cpath d='M6 5l14 1l-1 7h-13'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-cart .return-to-shop { margin: 20px 0 0; }
.woocommerce-cart .return-to-shop .button { margin: 0; border-radius: 4px; background-color: var(--sp-cervena); border-color: var(--sp-cervena); transition: background-color .2s; }
.woocommerce-cart .return-to-shop .button:hover { background-color: var(--sp-cervena-tmava); border-color: var(--sp-cervena-tmava); }
/* PRAZDNY-KOSIK-END */

/* TABULKY-START
   Stránka Tabulky velikostí (obsah z opravy-produkce/tabulky-velikosti/vytvor-stranku.php): rozcestník jako štítky,
   nadpisy sekcí se nezalezou pod lepicí hlavičku, náhledy tabulek v rámečku jako karty. */
.sp-tabulky__titulek { font-size: 28px; margin: 0 0 12px; }
.sp-tabulky__uvod { font-size: 16px; margin-bottom: 16px; }
.sp-tabulky .gallery-col .box-image { aspect-ratio: 4 / 3; background: #fff; }
.sp-tabulky .gallery-col .box-image img { width: 100%; height: 100%; object-fit: contain; }
.sp-tabulky__uvod a { color: var(--sp-cervena); }
.sp-tabulky__nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.sp-tabulky__nav a {
	display: inline-block; padding: 7px 14px; border: 1px solid #ddd; border-radius: 999px; background: #f5f5f5;
	color: #222; font-size: 14px; line-height: 1.3; text-decoration: none; transition: background-color .15s, border-color .15s, color .15s;
}
.sp-tabulky__nav a:hover, .sp-tabulky__nav a:focus-visible { background: var(--sp-cervena); border-color: var(--sp-cervena); color: #fff; }
.sp-tabulky__nadpis { margin: 30px 0 12px; padding-top: 14px; border-top: 3px solid var(--sp-cervena); font-size: 20px; scroll-margin-top: 200px; }
.sp-tabulky .gallery-col .col-inner { background: #fff; border: 1px solid #eee; border-radius: 8px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.sp-tabulky .gallery-col .col-inner:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .15); transform: translateY(-2px); }
.sp-tabulky .gallery-col .box-text { padding: 8px 10px 10px; }
.sp-tabulky .gallery-col .box-text p { margin: 0; font-size: 13px; line-height: 1.35; color: #333; }
@media (max-width: 849px) { .sp-tabulky__nadpis { scroll-margin-top: 90px; } }
/* TABULKY-END */

/* CENIK-START
   Stránka Ceník dopravy (obsah z opravy-produkce/cenik-dopravy/vytvor-stranku.php, tabulky ze shortcodu
   [speedpro_cenik_dopravy]): rozcestník a nadpisy jako u Tabulek velikostí, tabulky jako karty, poznámky s odrážkou. */
.sp-cenik { max-width: 980px; }
.sp-cenik__titulek { font-size: 28px; margin: 0 0 12px; }
.sp-cenik__uvod { font-size: 16px; margin-bottom: 16px; }
.sp-cenik__uvod a, .sp-cenik__pozn a { color: var(--sp-cervena); }
.sp-cenik__nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.sp-cenik__nav a {
	display: inline-block; padding: 7px 14px; border: 1px solid #ddd; border-radius: 999px; background: #f5f5f5;
	color: #222; font-size: 14px; line-height: 1.3; text-decoration: none; transition: background-color .15s, border-color .15s, color .15s;
}
.sp-cenik__nav a:hover, .sp-cenik__nav a:focus-visible { background: var(--sp-cervena); border-color: var(--sp-cervena); color: #fff; }
.sp-cenik__nadpis { margin: 30px 0 12px; padding-top: 14px; border-top: 3px solid var(--sp-cervena); font-size: 20px; scroll-margin-top: 200px; }
.sp-cenik__popis { margin-bottom: 12px; }
.sp-cenik__tabulka { background: #fff; border: 1px solid #eee; border-radius: 8px; overflow-x: auto; margin-bottom: 14px; }
.sp-cenik__tabulka table { width: 100%; margin: 0; border-collapse: collapse; }
.sp-cenik__tabulka th, .sp-cenik__tabulka td { padding: 11px 16px; border-bottom: 1px solid #eee; font-size: 15px; line-height: 1.35; vertical-align: middle; }
.sp-cenik__tabulka thead th { background: #f5f5f5; color: #222; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; text-align: right; vertical-align: bottom; }
.sp-cenik__tabulka thead th small { display: block; margin-top: 2px; color: #777; font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.sp-cenik__tabulka thead th:first-child, .sp-cenik__tabulka tbody th { text-align: left; }
.sp-cenik__tabulka tbody th { font-weight: 500; color: #222; text-transform: none; letter-spacing: 0; }
.sp-cenik__tabulka td { text-align: right; font-weight: 700; color: #111; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sp-cenik__tabulka td.sp-cenik__dotaz { font-weight: 400; color: #777; }
.sp-cenik__tabulka tbody tr:last-child > * { border-bottom: 0; }
.sp-cenik__tabulka tbody tr:hover > * { background: #fafafa; }
/* Poznámky pod tabulkou: zvýrazněný rámeček s ikonou „info“ jako upozornění o platbě v pokladně (.sp-platba-info).
   Ikona: Tabler Icons „info-circle“ (MIT). */
.sp-cenik__pozn {
	position: relative; margin: 0 0 8px; padding: 14px 18px 14px 50px; list-style: none;
	background: #fff6f6; border: 1px solid #efc4c5; border-left: 4px solid var(--sp-cervena); border-radius: 4px;
}
.sp-cenik__pozn::before {
	content: ""; position: absolute; left: 16px; top: 15px; width: 22px; height: 22px; background-color: var(--sp-cervena);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M12 9h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M12 9h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sp-cenik__pozn li { position: relative; margin: 0 0 6px !important; padding-left: 18px; color: #222; font-size: 15px; font-weight: 600; line-height: 1.45; }
.sp-cenik__pozn li:last-child { margin-bottom: 0 !important; }
.sp-cenik__pozn li::before { content: ""; position: absolute; left: 2px; top: .58em; width: 7px; height: 7px; border-radius: 50%; background: var(--sp-cervena); }
@media (max-width: 849px) { .sp-cenik__nadpis { scroll-margin-top: 90px; } }
@media (max-width: 549px) {
	.sp-cenik__titulek { font-size: 24px; }
	.sp-cenik__tabulka th, .sp-cenik__tabulka td { padding: 9px 10px; font-size: 14px; }
	.sp-cenik__tabulka thead th { font-size: 11px; letter-spacing: 0; }
	.sp-cenik__tabulka thead th small { font-size: 11px; }
	.sp-cenik__pozn { padding: 12px 14px 12px 44px; }
	.sp-cenik__pozn::before { left: 13px; top: 13px; width: 20px; height: 20px; }
	.sp-cenik__pozn li { font-size: 14px; }
}
/* CENIK-END */

/* NAHORU-START
   Tlačítko „nahoru“ (Flatsome #top-link): plné červené kolečko s bílou šipkou a stínem. Dřív průhledné s černým
   obrysem a šipkou, na tmavé patičce nebylo vidět. */
#top-link.back-to-top { background-color: var(--sp-cervena) !important; border-color: var(--sp-cervena) !important; color: #fff !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
#top-link.back-to-top:hover, #top-link.back-to-top:focus-visible { background-color: var(--sp-cervena-tmava) !important; border-color: var(--sp-cervena-tmava) !important; color: #fff !important; }
/* NAHORU-END */

/* Mobilní menu: přepínač jazyka (GTranslate v prvku HTML 3) a měny (WCML v HTML 5) vypadají jako ostatní položky –
   stejné písmo, výška a šipka; EUR se rozbalí jako podpoložka. */
#main-menu .nav-sidebar > li.html_top_right_text,
#main-menu .nav-sidebar > li.html_nav_position_text { padding: 0 !important; }
#main-menu .html_top_right_text .gtranslate_wrapper { display: block; width: 100%; }
#main-menu .html_top_right_text .gt_switcher-popup,
#main-menu .html_nav_position_text .wcml-cs-item-toggle {
	display: flex !important; align-items: center; gap: 10px; width: 100%; box-sizing: border-box;
	padding: 15px 20px !important; margin: 0; min-height: 50px;
	font-size: 12.8px; font-weight: 400; text-transform: uppercase; letter-spacing: .256px; line-height: 20px;
	color: rgba(255, 255, 255, .8) !important; background: none !important; border: 0 !important; text-align: left;
}
#main-menu .html_top_right_text .gt_switcher-popup img { width: 20px; height: 20px; margin: 0; }
#main-menu .html_top_right_text .gt_switcher-popup span[style] { display: none; }
#main-menu .html_nav_position_text .wcml-dropdown { width: 100% !important; margin: 0 !important; }
#main-menu .html_nav_position_text .wcml-cs-item-toggle::after,
#main-menu .html_nav_position_text .wcml-cs-active-currency::before,
#main-menu .html_nav_position_text .wcml-cs-active-currency::after { display: none !important; }
#main-menu .html_top_right_text .gt_switcher-popup::after,
#main-menu .html_nav_position_text .wcml-cs-item-toggle::before {
	content: ""; margin-left: auto; margin-right: 3px; width: 9px; height: 9px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg);
}
#main-menu .html_nav_position_text .wcml-cs-item-toggle { flex-direction: row-reverse; justify-content: flex-end; }
#main-menu .html_nav_position_text .wcml-cs-submenu { display: none; position: static !important; visibility: visible !important; background: rgba(255, 255, 255, .06) !important; border: 0 !important; }
#main-menu .html_nav_position_text .wcml-cs-active-currency:hover > .wcml-cs-submenu,
#main-menu .html_nav_position_text .wcml-cs-active-currency:focus-within > .wcml-cs-submenu { display: block; }
#main-menu .html_nav_position_text .wcml-cs-submenu button { display: block; width: 100%; text-align: left; margin: 0; padding: 13px 20px 13px 34px !important; color: rgba(255, 255, 255, .8) !important; font-size: 12.8px; letter-spacing: .256px; text-transform: uppercase; line-height: 20px; background: none !important; border: 0 !important; }

/* ==============================================================================================================
   5. IKONY MENU KATEGORIÍ
   Ikona je maska (data URI), barvu dává background-color. Položky podle ID z Vzhled → Menu (mega-menu-item-ID na
   desktopu, menu-item-ID v mobilním menu). Nová ikona: SVG 24 × 24 s tahem 1,75 (Tabler Icons, MIT) zakódovat do
   data URI (# → %23, < → %3C, > → %3E) a přidat řádek s --sp-ico a ID do obou seznamů :where(…) níže.
   Desktop od 1000 px: ikona nad textem; mobilní menu: ikona vlevo v ::after s order:-1 (::before se tam nevykreslí).
   ============================================================================================================== */

#mega-menu-item-45858,#menu-item-45858{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 16.5l-5 -3l5 -3l5 3v5.5l-5 3z'/%3E%3Cpath d='M2 13.5v5.5l5 3'/%3E%3Cpath d='M7 16.545l5 -3.03'/%3E%3Cpath d='M17 16.5l-5 -3l5 -3l5 3v5.5l-5 3z'/%3E%3Cpath d='M12 19l5 3'/%3E%3Cpath d='M17 16.5l5 -3'/%3E%3Cpath d='M12 13.5v-5.5l-5 -3l5 -3l5 3v5.5'/%3E%3Cpath d='M7 5.03v5.455'/%3E%3Cpath d='M12 8l5 -3'/%3E%3C/svg%3E")}
#mega-menu-item-37574,#menu-item-37574{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a9 9 0 0 1 5.656 16h-11.312a9 9 0 0 1 5.656 -16z'/%3E%3Cpath d='M20 9h-8.8a1 1 0 0 0 -.968 1.246c.507 2 1.596 3.418 3.268 4.254c2 1 4.333 1.5 7 1.5'/%3E%3C/svg%3E")}
#mega-menu-item-37582,#menu-item-37582{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M12 14l0 7'/%3E%3Cpath d='M10 12l-6.75 -2'/%3E%3Cpath d='M14 12l6.75 -2'/%3E%3C/svg%3E")}
#mega-menu-item-38782,#menu-item-38782{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5'/%3E%3C/svg%3E")}
#mega-menu-item-38783,#menu-item-38783{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.73 10.93A8 8 0 1 1 13.07 5.27'/%3E%3Cpath d='M13.72 2.86A10.5 10.5 0 0 1 21.14 10.28L16.8 11.45A6 6 0 0 0 12.55 7.2z'/%3E%3Cpath d='M11 13m-2.5 0a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0'/%3E%3Cpath d='M7.5 9.5h.01M7.5 16.5h.01M14.5 16.5h.01'/%3E%3C/svg%3E")}
#mega-menu-item-38784,#menu-item-38784{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v6'/%3E%3Cpath d='M12 5v3'/%3E%3Cpath d='M10 5h4'/%3E%3Cpath d='M5 13h-2'/%3E%3Cpath d='M6 10h2l2 -2h3.382a1 1 0 0 1 .894 .553l1.448 2.894a1 1 0 0 0 .894 .553h1.382v-2h2a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-2v-2h-3v2a1 1 0 0 1 -1 1h-3.465a1 1 0 0 1 -.832 -.445l-1.703 -2.555h-2v-6z'/%3E%3C/svg%3E")}
#mega-menu-item-38785,#menu-item-38785{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M6 5v-2'/%3E%3Cpath d='M18 3v2'/%3E%3Cpath d='M6.5 12h3'/%3E%3Cpath d='M14.5 12h3'/%3E%3Cpath d='M16 10.5v3'/%3E%3C/svg%3E")}
#mega-menu-item-38786,#menu-item-38786{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3.25' r='1.75'/%3E%3Ccircle cx='12' cy='20.75' r='1.75'/%3E%3Cpath d='M12 5v1.5'/%3E%3Cpath d='M12 17.5v1.5'/%3E%3Cpath d='M5.5 6.5h13'/%3E%3Cpath d='M5.5 17.5h13'/%3E%3Cpath d='M7 6.5l10 2.75l-10 2.75l10 2.75l-10 2.75'/%3E%3C/svg%3E")}
#mega-menu-item-38787,#menu-item-38787{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4'/%3E%3Cpath d='M14.5 5.5l4 4'/%3E%3Cpath d='M12 8l-5 -5l-4 4l5 5'/%3E%3Cpath d='M7 8l-1.5 1.5'/%3E%3Cpath d='M16 12l5 5l-4 4l-5 -5'/%3E%3Cpath d='M16 17l-1.5 1.5'/%3E%3C/svg%3E")}
#mega-menu-item-38788,#menu-item-38788{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.502 19.423c2.602 2.105 6.395 2.105 8.996 0c2.602 -2.105 3.262 -5.708 1.566 -8.546l-4.89 -7.26c-.42 -.625 -1.287 -.803 -1.936 -.397a1.376 1.376 0 0 0 -.41 .397l-4.893 7.26c-1.695 2.838 -1.035 6.441 1.567 8.546z'/%3E%3C/svg%3E")}
#mega-menu-item-38789,#menu-item-38789{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21v-17h14v9h-14'/%3E%3Cpath d='M5 4h3.5v3h-3.5zM12 4h3.5v3h-3.5zM8.5 7h3.5v3h-3.5zM15.5 7h3.5v3h-3.5zM5 10h3.5v3h-3.5zM12 10h3.5v3h-3.5z' fill='%23000' stroke='none'/%3E%3C/svg%3E")}
#mega-menu-item-45857,#menu-item-45857{--sp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 15l6 -6'/%3E%3Ccircle cx='9.5' cy='9.5' r='.5' fill='%23000'/%3E%3Ccircle cx='14.5' cy='14.5' r='.5' fill='%23000'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3C/svg%3E")}
@media (min-width:1000px){
#wide-nav.header-bottom{height:auto;min-height:50px}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:auto;min-height:40px;line-height:18px;padding-top:7px;padding-bottom:7px}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link>.mega-indicator{display:none}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:where(#mega-menu-item-45858,#mega-menu-item-37574,#mega-menu-item-37582,#mega-menu-item-38782,#mega-menu-item-38783,#mega-menu-item-38784,#mega-menu-item-38785,#mega-menu-item-38786,#mega-menu-item-38787,#mega-menu-item-38788,#mega-menu-item-38789,#mega-menu-item-45857)>a.mega-menu-link::before{content:'';display:block;flex:0 0 auto;width:22px;height:22px;background-color:var(--sp-cervena);-webkit-mask:var(--sp-ico) center/contain no-repeat;mask:var(--sp-ico) center/contain no-repeat;transition:transform .15s,background-color .15s}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover::before,body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus-visible::before,body #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link::before{background-color:currentColor}
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover::before{transform:translateY(-2px)}
}
#main-menu .nav-sidebar>li:where(#menu-item-45858,#menu-item-37574,#menu-item-37582,#menu-item-38782,#menu-item-38783,#menu-item-38784,#menu-item-38785,#menu-item-38786,#menu-item-38787,#menu-item-38788,#menu-item-38789,#menu-item-45857)>a::after{content:'';order:-1;flex:0 0 auto;width:18px;height:18px;margin:0 12px 0 0;background-color:currentColor;-webkit-mask:var(--sp-ico) center/contain no-repeat;mask:var(--sp-ico) center/contain no-repeat}

/* ==============================================================================================================
   6. KARTY PRODUKTŮ
   ============================================================================================================== */

/* KARTY-START
   Karty produktů všude (úvod, kategorie, vyhledávání, související produkty) jako v úvodním slideru: zaoblené rohy,
   zaoblený obrázek a tlačítko, při najetí se karta zvedne a tlačítko zčervená. Světlý stín karet z Doplňujícího CSS
   zůstává (bílé karty by na světlém pozadí splynuly). Ve slideru je kartou .col-inner, ta má vlastní pravidla níže. */
.product-small.box { border-radius: 8px; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.product-small.box:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
/* Ve slideru se zvedá celá karta (.col-inner); vnitřní box by se zvedl podruhé a jeho stín by se uvnitř karty ořízl. */
.row.row-slider .product-small.box:hover { transform: none; box-shadow: none; }
.product-small.box .box-image { border-radius: 4px; overflow: hidden; }
.product-small.box .add-to-cart-button .button { border-radius: 4px; transition: background-color .2s, border-color .2s; }
.product-small.box .add-to-cart-button .button:hover { background-color: var(--sp-cervena) !important; border-color: var(--sp-cervena) !important; }
/* KARTY-END */

/* ==============================================================================================================
   7. PRUH „DORUČUJEME PO CELÉ EVROPĚ“ (shortcode [speedpro_doprava_eu] v speedpro-vzhled.php)
   ============================================================================================================== */

.sp-eu-band{background:#f4f4f4;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;width:100%}
.sp-eu-ship{display:flex;align-items:center;justify-content:center;gap:16px;max-width:1080px;margin:0 auto;padding:13px 20px;color:#111;text-decoration:none;font-family:Roboto,sans-serif;line-height:1.25}
.sp-eu-ship:hover{color:#111}
.sp-eu-ship__icon{flex:0 0 auto;display:flex;color:var(--sp-cervena)}
.sp-eu-ship__icon svg{width:34px;height:34px}
.sp-eu-ship__text{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sp-eu-ship__title{font-size:18px;font-weight:700;letter-spacing:.01em}
.sp-eu-ship__note{font-size:14px;color:#666}
.sp-eu-ship__price{flex:0 0 auto;background:var(--sp-cervena);color:#fff;font-weight:700;font-size:15px;padding:6px 14px;border-radius:999px;white-space:nowrap}
.sp-eu-ship__more{flex:0 0 auto;font-size:14px;font-weight:500;color:var(--sp-cervena);white-space:nowrap;margin-left:6px}
.sp-eu-ship__more::after{content:" \2192"}
.sp-eu-ship:hover .sp-eu-ship__more{text-decoration:underline}
@media (max-width:549px){
 .sp-eu-ship{gap:10px;padding:10px 12px;justify-content:flex-start}
 .sp-eu-ship__icon svg{width:28px;height:28px}
 .sp-eu-ship__text{flex-direction:column;gap:1px;flex:1 1 auto}
 .sp-eu-ship__title{font-size:15px}
 .sp-eu-ship__note{font-size:12px}
 .sp-eu-ship__price{font-size:13px;padding:5px 10px}
 .sp-eu-ship__more{display:none}
}

/* ==============================================================================================================
   8. ROZCESTNÍK – BLOK „BANNER-CZ“ (úvod a pod výpisem kategorií)
   ============================================================================================================== */

/* ROZCESTNIK-START
   Tmavé karty Speedpro Classic, Rally Rent, Bazar, Výprodej a Katalog: blok UX „banner-cz“ (sekce hp-sec3, tlačítka
   s třídou sp-btn) na úvodu a pod výpisem kategorií (woocommerce/layouts/category-none.php).
   Zůstávají černé, ale jsou jako ostatní karty webu: zaoblené rohy, jemný stín, při najetí se zvednou a fotka se
   lehce přiblíží. Pod názvem je krátká červená linka (jako u nadpisů sekcí). „Přejít“ je plné červené tlačítko
   jako Objednat nebo Přejít k pokladně a klikací je celá karta. Na mobilu (2 vedle sebe) je pátá karta uprostřed.
   ID řádků a sloupců generuje Flatsome při každém načtení náhodně, proto výběr přes :has(> .sp-btn). */
.hp-sec3 .row:has(> .col > .col-inner > .sp-btn) { justify-content: center; }
.hp-sec3 .col:has(> .col-inner > .sp-btn) { display: flex; flex-direction: column; }
.hp-sec3 .col-inner:has(> .sp-btn) {
	position: relative; display: flex; flex-direction: column; flex: 1 1 auto;
	padding: 0 !important; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
	transition: transform .2s, box-shadow .2s;
}
.hp-sec3 .col-inner:has(> .sp-btn):hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
.hp-sec3 .col-inner:has(> .sp-btn) > p {
	margin: 0 !important; padding: 16px 12px 14px; font-size: 15px; line-height: 1.25; letter-spacing: .03em;
}
.hp-sec3 .col-inner:has(> .sp-btn) > p::after {
	content: ""; display: block; width: 28px; height: 3px; margin: 10px auto 0; border-radius: 2px; background: var(--sp-cervena);
}
.hp-sec3 .col-inner:has(> .sp-btn) > .img { margin: 0 0 12px !important; }
.hp-sec3 .col-inner:has(> .sp-btn) > .img .img-inner { overflow: hidden; }
.hp-sec3 .col-inner:has(> .sp-btn) > .img img { display: block; width: 100%; transition: transform .35s; }
.hp-sec3 .col-inner:has(> .sp-btn):hover > .img img { transform: scale(1.05); }
/* Obrázek na výšku (obálka katalogu 777 × 1024): Flatsome ho v režimu „cover“ ořízl do čtverce a obálka nebyla
   vidět celá. Teď se zmenší, aby se vešla, po stranách zůstane tmavý podklad karty. */
.hp-sec3 .col-inner:has(> .sp-btn) > .img .img-inner.image-cover img { object-fit: contain; }
.hp-sec3 .col-inner > a.button.is-link.sp-btn {
	position: static; display: flex !important; align-items: center; justify-content: center; gap: 6px;
	width: auto !important; margin: auto 12px 12px !important; padding: 0 12px !important; min-height: 40px;
	background-color: var(--sp-cervena) !important; border: 0 !important; border-radius: 4px; color: #fff !important;
	font-size: 15px; font-weight: 700; line-height: 1.2; transition: background-color .2s;
}
.hp-sec3 .col-inner > a.button.is-link.sp-btn::after { content: "\2192"; font-weight: 400; }
/* Celá karta je odkazem: neviditelná plocha tlačítka přes kartu. */
.hp-sec3 .col-inner > a.button.is-link.sp-btn::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.hp-sec3 .col-inner:has(> .sp-btn):hover > a.button.is-link.sp-btn,
.hp-sec3 .col-inner > a.button.is-link.sp-btn:focus-visible { background-color: var(--sp-cervena-tmava) !important; }
.hp-sec3 .col-inner:has(> .sp-btn) > .img { flex: 0 0 auto; }
/* Karty po dvou (Doplňující CSS do 767 px): mezera mezi řádky 30 px jako mezi sloupci (dřív 30 px odsazení sloupce
   + 30 px horní okraj karty). */
@media (max-width: 767px) {
	.hp-sec3 .col:has(> .col-inner > .sp-btn) { padding-bottom: 0; }
	.hp-sec3 .row:has(> .col > .col-inner > .sp-btn) { padding-bottom: 30px; }
}
@media (max-width: 549px) {
	.hp-sec3 .col-inner:has(> .sp-btn) > p { padding: 12px 8px 10px; font-size: 13px; }
	.hp-sec3 .col-inner:has(> .sp-btn) > p::after { margin-top: 8px; }
	.hp-sec3 .col-inner > a.button.is-link.sp-btn { margin: auto 8px 8px !important; min-height: 36px; font-size: 14px; }
}
/* Pod kategoriemi: původní pravidlo „.archive .hp-sec3 .col > .col-inner { padding: 10px !important }“ má delší selektor. */
.archive .hp-sec3 .col > .col-inner:has(> .sp-btn) { padding: 0 !important; }
/* ROZCESTNIK-END */