/* IKONY shoptet */
.navigation-buttons a.top-nav-button::before {speak: none;display: inline-block;font-family: shoptet;font-style: normal;font-variant: normal;font-weight: 400;
text-decoration: none;text-transform: none;vertical-align: middle;}

/* HIDE */
#register-form .box-squeeze, /* registrace */
.login-widget ul.user-action-tabs, /* provizni system */
.in-login .content-inner>form:nth-of-type(2), .in-login .content-inner>h1:nth-of-type(2) {display: none !important;}

/* TOP NAVIGATION BAR */
.top-navigation-bar {line-height: 30px;}
.top-navigation-menu {height: 30px;}
.top-navigation-bar-menu li a,
.top-navigation-bar-menu-helper li a {padding: 3px 20px;line-height: 24px;}
.top-navigation-bar-menu-helper {top: 30px;}
.top-navigation-bar a.top-nav-button::before {content: '\e922'; margin-right: 0.3ex; font-size: 20px;/*  display: inline-block; speak: none; font-family: shoptet; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; */}
.top-navigation-contacts a.project-phone::before,
.top-navigation-contacts a.project-email::before,
.top-navigation-menu-trigger::before,
.top-navigation-bar a.top-nav-button::before {vertical-align: top;height: 30px;line-height: 30px;}

/* -- breadcrumbs */
.breadcrumbs, .breadcrumbs a {color: #555;}
.breadcrumbs > span > a, .breadcrumbs > span > span {padding: 8px 20px;font-size: 13px;line-height: 24px;}
.breadcrumbs > span > a:before, .breadcrumbs > span > a:after {height: 35%;background-color: #888;}
.breadcrumbs > span > a:before {top: 20%}
.breadcrumbs > span > a:after {bottom: 20%}

/* -- klient */
li.logout a.btn {padding: 6px 10px;}


@media screen and (min-width: 768px) {
  .carousel-control:hover::before {background-color: rgba(0,0,0,0.6);}
/* overall */
  .template-11 .overall-wrapper {position: relative;}
  .user-action-visible .overall-wrapper,
  .menu-helper-visible .overall-wrapper,
  .submenu-visible .overall-wrapper {background: rgba(0,0,0,0.7);}
  .submenu-visible .overall-wrapper .content-wrapper,
  .submenu-visible .overall-wrapper footer,
  .menu-helper-visible .overall-wrapper .content-wrapper, 
  .menu-helper-visible .overall-wrapper .breadcrumbs-wrapper,
  .menu-helper-visible .overall-wrapper footer,
  .user-action-visible .overall-wrapper .content-wrapper, 
  .user-action-visible .overall-wrapper .breadcrumbs-wrapper,
  .user-action-visible .overall-wrapper footer {opacity:0.6;}
}

/* top menu */
#nav-manufacturers .submenu-arrow, #nav-manufacturers .menu-level-2 {display: none !important;}

@media screen and (min-width: 768px) {  
  #navigation {height: 42px;}
  .navigation-in {background-color: var(--color-secondary);}
  .navigation-in > ul > li > a {padding-top: 14px; padding-bottom: 14px;}
  .navigation-in > ul > li.ext > ul > li > a {padding: 30px 20px;}
  .navigation-in > ul > li > ul li a:hover {text-decoration: underline;}
  .menu-helper {height: 42px;}
  .menu-helper::after {width: 42px;line-height: 42px;}
  .menu-helper > ul {top: calc(50% + 21px);}
  .navigation-in > ul > li.menu-item-1100 {background-color: #279b6f;} /* Predobjednavky */
  .navigation-in .menu-level-2 {-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.3);}  
}



/* login button to header */
@media screen and (min-width: 768px) {
	.top-navigation-bar a.top-nav-button {display: none;}
/* -- cart button */
  #header .cart-count {border-left: 1px solid #dadada;padding-left: 10px;margin-left: 10px;width: 110px;}
  .navigation-buttons > a[data-target="cart"] i {left: 42px;}
/* -- login button */
  .navigation-buttons a.top-nav-button::before {content: '\e922'; margin-right: 0.3ex; font-size: 30px; display: inline-block; speak: none; vertical-align: middle; font-family: shoptet; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none;}
  .navigation-buttons a.top-nav-button {color: #666;background-color: transparent !important;position: relative;}
  .login-window-visible .navigation-buttons a.top-nav-button,
  .navigation-buttons a.top-nav-button:hover {color: var(--color-tertiary-hover);}
}

@media screen and (min-width: 992px){
  .popup-widget.login-widget {top: 103px;}
  .admin-logged .popup-widget.login-widget {top: 128px;}
  .popup-widget.login-widget::before {right: 163px;}
  .in-kosik .popup-widget.login-widget::before {right: 56px;}
}

@media screen and (min-width: 1200px) {
  .header-top .navigation-buttons {display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
  #header .navigation-buttons .top-nav-button,
  #header .navigation-buttons .btn.cart-count {text-align: center;} 
  .header-top .top-nav-button::before,
  .header-top .btn.cart-count::before {line-height: 30px;}
  .header-top .btn.cart-count::before {padding-left: 7px;}
  .header-top .top-nav-button > span,
  .header-top .btn.cart-count .cart-price {display: block !important;font-size: 14px;line-height: 24px;margin-top: 4px;}
}

/* SIDEBAR */
.sidebar-inner > div:first-child {padding-top: 0;}
.sidebar-inner h4 {font-size: 16px;}
.sidebar-inner .banner-wrapper {text-align: center;}
.sidebar.sidebar-left {border-right: 2px solid var(--light-green);}
/* -- kategorie */
.categories a {line-height: 20px;}
#categories a:hover {text-decoration: underline;color: var(--color-secondary-hover);background-color: var(--light-green-hover);}
.categories li.active > a,
.categories li.active > a:hover,
.categories .topic.active > a {background-color: var(--color-secondary);}
.categories .topic.child-active > a {color: var(--color-tertiary-hover);}
#categories .expandable > a > span::before, 
#categories .expandable > .topic > a > span::before {height: 20px;line-height: 20px;}
.categories.expandable.expanded {background-color: #fff;}
.categories.active { border-left: 2px; border-left-style: solid; border-color: var(--color-secondary);}

                

/* PRODUCT DETAIL */
.availability-value {font-size: 16px;}
.p-detail-inner-header .p-code {position: relative;float: right;right: 20px;top: 28px;}
.videoPopis {border-top: 1px solid #d0d0d0;margin-top: 39px;}
.videoPopis iframe {display: block;margin: 0 auto;}
/* --YTB video */
.shp-tabs-holder ul.shp-tabs li a[href="#productVideos"] {text-transform: uppercase; font-weight: bold;}
/*#productVideos {max-width: 800px; margin: 0 auto;}*/
#productVideos iframe {max-height: 600px;}
.extended-description table.detail-parameters tr:first-child {display: none;}

/* -- cena, cena za kus */
.p-final-price-wrapper {/* display: flex; */flex-direction: row;align-items: center;}
.price-measure {color: #888;font-size: 22px;font-weight: 500;margin-top: 0;margin-left: 38px;}
/* --souvisejici produkty pod popis */
#content .p-detail {display: flex; flex-direction: column;}
#content .p-detail .products-related-header {order: 30;}
#content .p-detail .products-related.products-additional {order: 31;}
#content .p-detail .browse-p {order: 32;}
/* --podobne produkty pod popis */
.shp-tabs-row a[href$="#productsAlternative"] {display: none !important;}
#tab-content {display: flex;flex-direction: column;}
#productsAlternative {display: block !important;opacity: 1 !important;order: 99;}
#productsAlternative:before {content: 'Podobné produkty';font-size: 140%;margin-top: 30px;display: block;}

/* KOSIK */
.co-payment-method .radio-wrapper {padding: 0; border-bottom-style: none;}
.co-payment-method .radio-wrapper:last-child label {border-bottom-style: none;}
.co-payment-method label {border-bottom: 1px solid #dadada; padding-right: 10px;}
.co-payment-method input[type="radio"] + label {padding-left: 31px;}
.co-payment-method input[type="radio"] + label::before {left: 10px;}
.co-payment-method input[type="radio"]:checked + label::after {left: 12px;}
.co-payment-method label.inactive {display: none !important;}
.payment-info b {text-transform: none;}



/* STICKY HLAVICKA NEW */
/* -- login button in header */
@media screen and (min-width: 768px) {
  .scrolled #content-wrapper {margin-top: 131px;}
  .scrolled .login-widget,
  .scrolled .cart-widget {position: fixed;top: 75px !important;}
  .scrolled #header {position: fixed;top: 0px;left: 0px;z-index: 52;width: 100%;box-shadow: 0px 4px 15px rgba(0,0,0,0.3);}
/* -- cart button */
  #header .cart-count {padding-left: 10px;margin-left: 12px;width: 45px;}
  .navigation-buttons > a[data-target="cart"] i {background-color: var(--color-primary-hover);left: 39px;}
  .header-top .btn.cart-count::before {margin-right: 0;line-height: 32px;}
/* -- login button */
  .navigation-buttons a.top-nav-button::before {content: '\e922'; margin-right: 0; font-size: 30px;}
  .navigation-buttons a.top-nav-button {display: block;width: auto;height: auto;background-color: transparent !important;position: relative;padding: 0;}
  .navigation-buttons a.top-nav-button > span {font-family: var(--template-headings-font);}
}

@media screen and (min-width: 992px){
  .popup-widget.login-widget {top: 103px;}
  .admin-logged .popup-widget.login-widget {top: 128px;}
  .popup-widget.login-widget::before {right: 84px;}
  .in-kosik .popup-widget.login-widget::before {right: 27px;}
  .popup-widget.cart-widget::before {right: 60px;}
}

@media screen and (min-width: 1200px) {
	.header-top .navigation-buttons {display: flex;justify-content: flex-end;}
  #header .navigation-buttons .top-nav-button,
  #header .navigation-buttons .btn.cart-count {text-align: center;height: 52px;min-width: 110px;padding: 0;margin: 0;}
  #header .navigation-buttons .top-nav-button {min-width: 80px;}
  .header-top a.top-nav-button::before,
  .header-top .btn.cart-count::before {line-height: 30px;font-size: 30px;width: 50px;}
  .header-top a.top-nav-button > span,
  .header-top .btn.cart-count .cart-price {display: block !important;font-size: 14px;line-height: 24px;margin-top: 4px;}
/* -- cart button */
  .navigation-buttons > a[data-target="cart"] i {left: 62px;}
/* -- login button */
	.scrolled .popup-widget.login-widget::before,
  .popup-widget.login-widget::before {right: 163px;}
  .in-kosik .popup-widget.login-widget::before {right: 56px;}
}





/* MOBIL */
@media (max-width: 767px) {
  #header .site-name img {max-width: 160px;}
  #header .navigation-buttons .top-nav-button-account {display: none;}
  .navigation-in {display: flex;flex-direction: column;}
  .navigation-in .navigationActions {order: -1;margin-bottom: 12px !important;}
  .navigation-in .menu-level-1 {margin-bottom: 29px}
}