/* Temporary brand layer over eshop_bootstrap_v4 until the Aspro theme returns. Remove the <link> in header.php to switch it off. */
:root{--pm-navy:#0B2B57;--pm-navy2:#16407A;--pm-navy3:#081F40;--pm-orange:#EE7623;--pm-orange2:#D4651A;--pm-bg:#F2F4F7;--pm-line:#E3E7EE;--pm-light:#C9D3E3}

body.bx-theme-green{
	--primary:#EE7623;--theme-color-primary:#EE7623;--theme-color-second:#D4651A;
	--theme-b-link:#16407A;--theme-b-link-hover:#D4651A;
	--theme-b-tx-primary:#0B2B57;--theme-b-bg-primary:#EE7623;--theme-b-bd-primary:#EE7623;--theme-b-sd-primary:rgba(238,118,35,.4);
	--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#D4651A;--theme-b-bd-primary-hover:#D4651A;
	--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#D4651A;--theme-b-bd-primary-active:#D4651A;
	--theme-b-tx-primary-disabled:#0B2B57;--theme-b-bg-primary-disabled:#F2B98F;--theme-b-bd-primary-disabled:#F2B98F;
	font-family:"Open Sans",Arial,sans-serif;color:#1D2433
}
a{color:#16407A}
a:hover{color:#D4651A}
:focus-visible{outline:2px solid #EE7623;outline-offset:2px}
h1,h2,h3,h4,.bx-title,#pagetitle{color:#0B2B57}
#pagetitle{font-weight:700;font-size:1.9rem}

/* buttons: navy text on orange keeps contrast that white text would not */
body .btn-primary{background:#EE7623;border-color:#EE7623;color:#0B2B57;font-weight:600}
body .btn-primary:hover,body .btn-primary:focus,body .btn-primary:active,body .btn-primary:not(:disabled):not(.disabled):active{background:#D4651A;border-color:#D4651A;color:#fff}

/* header */
.bx-header{border-bottom:0}
.bx-logo-block img{display:block;height:64px;width:auto;max-width:100%}
.bx-header-phone-number{font-weight:700;font-size:1.05rem;line-height:1.35}
.bx-header-phone-number a{color:#0B2B57;text-decoration:none;white-space:nowrap}
.bx-header-phone-number a:hover{color:#D4651A;text-decoration:underline}
.bx-worktime-title{color:#5B6676}
.bx-worktime-schedule a{white-space:nowrap}
.bx-basket a{color:#16407A}

/* catalog menu: navy strip, sentence case, so it wraps into fewer rows */
.bx-top-nav-container,.bx-top-nav .bx-top-nav-container{background:#0B2B57;border-radius:6px}
.bx-nav-1-lvl>.bx-nav-1-lvl-link{color:#fff}
.bx-nav-1-lvl-link-text{text-transform:none;font-size:14px;font-weight:600;letter-spacing:0;color:#fff}
.bx-nav-1-lvl:hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-active>.bx-nav-1-lvl-link{background:#16407A}
.bx-nav-1-lvl:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{color:#fff}
.bx-nav-parent-arrow,.bx-nav-angle-bottom{color:#fff}
.bx-nav-2-lvl-link-text{color:#0B2B57}
.bx-nav-2-lvl-link:hover .bx-nav-2-lvl-link-text{color:#D4651A}
.bx-nav-3-lvl-link-text{color:#16407A}

/* the one brand gesture from the old redesign: a short orange bar under the page title */
#pagetitle:after,.bx-content>h2:first-of-type:after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:#EE7623;margin-top:12px}

/* product tiles */
.product-item{border:1px solid #E3E7EE;border-radius:8px;padding:10px}
.product-item:hover{border-color:#0B2B57}
.product-item-title a{color:#0B2B57;font-weight:600}
.product-item-title a:hover{color:#D4651A}
.product-item-price-current{color:#0B2B57;font-weight:700;font-size:1.1rem}
.catalog-section-list-item-img{background-color:#F2F4F7;border-radius:6px}
.catalog-section-list-item-title a,.catalog-section-list-item-link{color:#0B2B57;font-weight:600}
body .bx-pagination .bx-pagination-container ul li.bx-active span{background:#0B2B57;color:#fff}

/* filter slider */
.smart-filter-slider-range,.smart-filter-slider-price-bar-v,.smart-filter-slider-price-bar-vd,.smart-filter-slider-price-bar-vn{background:#EE7623}
.smart-filter-slider-handle{border-color:#0B2B57}

/* footer */
.bx-footer,.bx-footer .bx-footer-section{background:#0B2B57;color:#C9D3E3}
.bx-footer a{color:#fff}
.bx-footer a:hover{color:#EE7623}
.bx-footer h1,.bx-footer h2,.bx-footer h3,.bx-footer h4,.bx-footer .bx-block-title{color:#fff}
.bx-footer .bx-footer-logo img{height:56px;width:auto}

/* footer blocks carry bootstrap utility classes with !important */
.bx-footer .bg-dark,.bx-footer .bx-footer-bg{background:#0B2B57!important}
.bx-footer .bg-secondary{background:#081F40!important}
.bx-footer .bx-footer-logo img{height:56px;width:auto;margin:0}
.bx-footer .bg-dark a{color:#fff}

/* no photos for now: shorter image area so products sit closer together */
.product-item-image-wrapper{padding-top:75%}

/* mobile header: the logo bar sits on navy, so it uses the white logo */
@media (max-width:767.98px){
	.bx-header-logo{background:#0B2B57}
	.bx-logo-block img{height:48px;margin:6px auto}
	.bx-header-phone-number{font-size:1rem}
	#pagetitle{font-size:1.5rem}
	.protos-notice{font-size:12px!important;padding:6px 12px!important}
}