/*
Theme Name: Střechy Juppa (Storefront)
Description: Vzhled Střechy Juppa pro WooCommerce – vínová, žlutá, modrá a zelená. Odvozený motiv od Storefront; navigaci, úvod, půjčovnu, dílnu a prodejnu dodává plugin „Juppa – půjčovna, dílna a prodejna“. Převod motivu z PrestaShopu.
Author: Střechy Juppa
Template: storefront
Version: 2.1.2
Requires at least: 6.4
Requires PHP: 7.4
License: MIT
Text Domain: juppa-storefront
*/

/* Barvy tlačítek, odkazů a patičky nastavuje functions.php jako výchozí hodnoty Storefront Customizeru. */
body{color:#26343c;background:#f7f9f8}
h1,h2,h3{letter-spacing:-.5px;color:#26343c}
a:focus-visible,button:focus-visible{outline:3px solid #bc858c;outline-offset:3px}
.site-header{background:#fff;border-bottom:1px solid #e4e9e9;padding-top:1.4em}
.site-header .custom-logo-link img,.site-branding img{max-width:160px;max-height:95px;width:auto}
.site-content{background:#fff}
.home.page .site-content,.page-template-template-fullwidth-php .site-content{background:transparent}
.home.page .entry-header,.home.page .type-page>.entry-header{display:none}

/* Navigace Juppa nahrazuje hlavní menu Storefront. */
.site-header .jr-nav{padding:12px 0 18px;margin:0}
.site-header .jr-nav>a{color:#26343c}
.site-header .jr-nav>a:hover{color:#863940}
@media(min-width:768px){.storefront-primary-navigation .jr-nav{float:left;width:73.9%;margin-right:4.35%}}

/* Tlačítka, ceny, formuláře. */
button,input[type=button],input[type=reset],input[type=submit],.button,.wc-block-components-button{border-radius:7px}
.woocommerce-Price-amount,.price ins,.onsale{color:#863940}
.onsale{border-color:#863940}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select{border-radius:8px;background:#f4f7f7}
input:focus,textarea:focus,select:focus{outline:2px solid #bc858c}
.site-search .widget_product_search input[type=search]{border-radius:10px;background:#f4f7f7}

/* Produkty ve výpisu. */
ul.products li.product{border-radius:12px;overflow:hidden}
ul.products li.product img{border-radius:12px}
ul.products li.product .woocommerce-loop-product__title{font-size:1em;color:#26343c}

/* Patička a hlavička košíku. */
.site-footer{background:#f4f7f7}
.site-header-cart .cart-contents .count{background:#f1d36f;color:#26343c;border-radius:9px;padding:1px 7px;opacity:1}
.storefront-handheld-footer-bar ul li>a{color:#26343c}

/* Trvalé menu kategorií vlevo. Na mobilu jsou kategorie v nabídce v hlavičce a v dlaždicích nad produkty. */
.juppa-category-sidebar #secondary .jr-side{margin-top:0}
@media(min-width:768px){.juppa-category-sidebar #secondary{position:sticky;top:1.5em;max-height:calc(100vh - 3em);overflow:auto}}
@media(max-width:767px){.juppa-category-sidebar #secondary .jr-side{display:none}}

/* Pojistka: obsah vpravo, menu vlevo i při jiném CSS z Customizeru nebo pluginů. */
@media(min-width:768px){
.left-sidebar .content-area{float:right!important;margin-right:0!important}
.left-sidebar .widget-area{float:left!important;margin-right:4.347826087%!important}
}

/* Drobečková navigace: kompaktní, nejvýše dva řádky, nezasahuje do e-shopu. */
body .storefront-breadcrumb{padding:.35em 0;margin:0 0 1em;border:0;background:transparent}
body .storefront-breadcrumb .woocommerce-breadcrumb,body .woocommerce-breadcrumb{font-size:13px;line-height:1.5;padding:0;margin:0;color:#718087;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
body .woocommerce-breadcrumb a{color:#596d75;text-decoration:none}
body .woocommerce-breadcrumb a:hover{color:#863940;text-decoration:underline}
body .woocommerce-breadcrumb .breadcrumb-separator{padding:0 .35em}
body .woocommerce-breadcrumb a:first-of-type:before{font-size:12px;margin-right:.35em}
@media(min-width:768px){body .storefront-breadcrumb{margin-bottom:1.2em}}