/*** CUSTOMIZACE SHOPTET ESHOPU - Michal Teska - michal@borndigital.cz ***/

/* MENU */

/* Top bar */
 .top-navigation-bar {
     padding: 8px 0;
}
 .top-navigation-bar {
     background-color: #333041;
     border: 0;
     border-bottom: 1px solid #474454;
}
 .top-navigation-bar a, .top-navigation-menu-trigger {
     color: rgba(255, 255, 255, 0.7);
     font-weight: 300;
}
 .top-navigation-bar a:hover {
     color: #fff;
}
 .top-navigation-bar-menu-helper, .dropdown-menu, .languagesMenu ul {
     border-color: #474454;
     background: #322f40;
}
/* Hlavní menu */
 @media (min-width: 768px) {
     #header .header-top {
         padding: 22px 0;
    }
}
 .navigation-hovered::before {
     display: none;
}
/* Logo */
 .site-name {
     padding-left: 20px;
}
 #header .site-name a {
     max-width: 179px;
}
 #navigation {
     border-radius: 3px;
     -webkit-box-shadow: 0 0 60px rgba(32, 29, 41, 0.1);
     box-shadow: 0 0 60px rgba(32, 29, 41, 0.1);
}
 #header .header-bottom {
     border-width: 0;
     background: rgb(51, 48, 65);
     background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(255, 255, 255)), color-stop(50%, rgb(51, 48, 65)));
     background: linear-gradient(0deg, rgb(255, 255, 255) 50%, rgb(51, 48, 65) 50%);
}
 .header-bottom {
     border-color: #333041;
}
 .navigation-in ul li a {
     color: #333041 !important;
     font-weight: 500 !important;
}
 .navigation-in ul li a b {
     font-weight: 500 !important;
}
 .navigation-in > ul > li > a {
     background-color: #fff;
     padding-top: 18px;
     padding-bottom: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
/* .navigation-in > ul > li > a:hover {
     margin-left: 0;
     margin-right: 0;
}
 */
 @media (max-width: 767px) {
     .navigation-in > ul > li > a, .navigation-in > ul > li > a:hover {
         padding-top: 8px;
         padding-bottom: 8px;
         -webkit-box-pack: left;
         -ms-flex-pack: left;
         justify-content: left;
    }
}
 .navigation-in > ul > li > a::before {
     margin-right: 12px;
}
 .navigation-in > ul > li.menu-item-706 > a::before {
     content: url('/user/documents/upload/ikony/ico-medy.svg');
}
 .navigation-in > ul > li.menu-item-715 > a::before {
     content: url('/user/documents/upload/ikony/ico-o-medu.svg');
}
 .navigation-in > ul > li.menu-item-709 > a::before {
     content: url('/user/documents/upload/ikony/ico-certifikat.svg');
}
 .navigation-in > ul > li.menu-item-712 > a::before {
     content: url('/user/documents/upload/ikony/ico-pribeh.svg');
}
 .navigation-in > ul > li.menu-item-718 > a::before {
     content: url('/user/documents/upload/ikony/ico-naki.svg');
}
 .navigation-in > ul > li.menu-item-29 > a::before {
     content: url('/user/documents/upload/ikony/ico-kontakt.svg');
}
 @media (min-width: 768px) {
     .navigation-in {
         width: 100%;
    }
     .menu-helper {
         display: none;
    }
     .navigation-in ul li.splitted {
         visibility: visible;
    }
     .navigation-in ul {
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
         text-align: center;
    }
     .navigation-in > ul > li {
         border-right: 1px solid #F1F0F4;
         width: 100%;
    }
     .navigation-in > ul > li:last-child {
         border-right: 0;
    }
     .search {
         visibility: hidden;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navigation-in > ul > li > a::before {
         display: none;
    }
}
/* Menu mobilní */
 .navigation-buttons a[data-target="search"], body.ordering-process .navigation-buttons a[data-target="search"] {
     display: none;
}
 .navigation-buttons a {
     font-size: 26px;
}
 .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
     font-size: 20px;
}
 #header .header-top a.cart-count {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
}
 :root {
     --mobilni-menu__hodnota-odsazeni: 72px;
}
 @media (max-width: 767px) {
     .overall-wrapper {
         padding-top: var(--mobilni-menu__hodnota-odsazeni);
    }
     #header .site-name {
         padding-left: 20px;
    }
     #header .header-top a.cart-count i {
         right: 16px;
         bottom: 16px;
    }
     #navigation {
         top: var(--mobilni-menu__hodnota-odsazeni);
    }
}
 @media (max-width: 480px) {
     #header .navigation-buttons a {
         width: var(--mobilni-menu__hodnota-odsazeni);
         height: var(--mobilni-menu__hodnota-odsazeni);
    }
     #header .navigation-buttons a::before {
         line-height: var(--mobilni-menu__hodnota-odsazeni);
    }
     .user-action-in .popup-widget.cart-widget {
         top: var(--mobilni-menu__hodnota-odsazeni);
    }
}
/* Notifikační lišta */
.site-msg.information {
    bottom: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    left: 0;
    opacity: 1;
    position: relative;
    width: 100%;
    background: #ffc43d;
    max-width: 100% !important;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    z-index: 100;
}

/*.site-msg .close::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk1XzY4MCkiPgo8cGF0aCBkPSJNMTguNzUgNS4yNUw1LjI1IDE4Ljc1IiBzdHJva2U9IiNGN0M4QzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4Ljc1IDE4Ljc1TDUuMjUgNS4yNSIgc3Ryb2tlPSIjRjdDOEM0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOTVfNjgwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}*/

.site-msg .close {
    cursor: pointer;
    line-height: 24px;
    position: absolute;
    width: 24px;
    right: -5px;
    top: -2px;
    margin: 0 auto;
}

@media only screen and (max-width: 991px) {
    .site-msg.information {
        padding: 20px 20px 10px;
        z-index: 50;
    }
}
/* Hlavní menu - košík */
 .navigation-buttons > a[data-target="cart"] i {
     background-color: #FBC41E;
}
 .cart-free-shipping strong {
     font-weight: 500;
}
 .navigation-buttons a[data-target="cart"]::before {
     content: url('/user/documents/upload/ikony/ico-kosik.svg');
}
 .navigation-buttons > a[data-target="cart"] i {
     bottom: 4px;
}
 .cart-count {
     font-size: 16px !important;
}
 .cart-count.full {
     font-size: 20px !important;
}
/* BANNERY */
 .banner-wrapper {
     overflow: hidden;
}
/* Mezery */
 .carousel .extended-banner-texts {
     -webkit-box-shadow: inset -8px 0 0 0px white;
     box-shadow: inset -8px 0 0 0px white;
}
 .banner-wrapper:first-of-type .extended-banner-texts {
     -webkit-box-shadow: inset 0 -4px 0 0px white;
     box-shadow: inset 0 -4px 0 0px white;
}
 .banner-wrapper:last-of-type .extended-banner-texts {
     -webkit-box-shadow: inset 0 4px 0 0px white;
     box-shadow: inset 0 4px 0 0px white;
}
 @media (min-width: 768px) {
     .desktop .banners-row {
         margin-top: 8px;
    }
}
 @media (max-width: 767px) {
     .carousel .extended-banner-texts {
         -webkit-box-shadow: inset 0 -4px 0 0px white;
         box-shadow: inset 0 -4px 0 0px white;
    }
     .banner-wrapper:first-of-type .extended-banner-texts {
         -webkit-box-shadow: unset;
         box-shadow: unset;
    }
}
/* OBSAH */
/* Globální layout */
 body {
     color: hsl(242, 18%, 28%);
}
 .content-wrapper {
     padding-top: 8px;
}
 .btn:not(.cart-count) {
     text-transform: uppercase !important;
     font-weight: 700 !important;
     color: #23222B !important;
}
 .btn:not(.cart-count):hover {
     color: #23222B !important;
}
 .flag.flag-new {
     background-color: hsl(250.6, 29%, 51%);
}


/* OBSAHOVÉ PODSTRANY */

article {
  max-width: 1418px;
  margin: 0 auto;
}
 .content.wide {
     padding-bottom: 3em;
}
 .oxy-rich-text a {
     text-decoration: underline;
}
 .oxy-rich-text a:hover {
     text-decoration: none;
}
 .category-title, article header h1 {
     text-align: center;
     margin: 0 auto 1.5em;
}
 .breadcrumbs {
     text-align: center;
     margin: 0 auto;
}
 .ct-headline {
     margin-top: 0;
}
 .container-narrow {
     width: 100%;
}
 .obsah__container {
     width: 100%;
     margin-bottom: 3em;
}
 .obsah__container--zlaty {
     background-color: #f8f4ec;
}
 .obsah__nadpis--center {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
}
 .obsah__perex {
     max-width: 900px;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
}
/* .obsah__container:is(h1, h2, h3, h4) {
     margin-top: 0;
}
 */
 .oxy-rich-text ul {
     display: -ms-grid;
     display: grid;
     padding-left: 8px;
     grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr ));
     gap: 1rem;
}
/* O manuka medu */
 .modre-boxy > * {
     padding: 2em;
     background: hsl(250.6, 15%, 97%);
}
 .notifikace__warning {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: left;
     background-color: hsl(16.6, 90.6%, 94%);
     padding-right: 28px;
     padding-left: 28px;
     padding-top: 8px;
     padding-bottom: 8px;
     border-radius: 100px;
}
 .notifikace__warning-ico {
     width: 28px;
     height: 28px;
     margin-right: 12px;
}
 .notifikace__warning-text {
}
 @media only screen and (max-width: 479px) {
     .notifikace__warning {
         border-radius: 0;
    }
     .notifikace__warning {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .notifikace__warning-ico {
         margin-bottom: 12px;
    }
    .navigation-buttons a[data-target="cart"]::before {
      margin-top: 6px;
    }
}
/* Nas pribeh */
 .pribeh__foto {
     width:100%;
     max-width:230px;
     margin-right:20px;
}
 @media (max-width: 767px) {
     .pribeh__foto {
         margin-top:-60px;
         margin-right:0px;
         margin-bottom:20px;
    }
}
 .pribeh__text {
     font-size:18px;
}
 @media (max-width: 767px) {
     .pribeh__text {
    }
}
 .pribeh__container {
     text-align:left;
     max-width:860px;
     background-color:#ffffff;
     padding-left:20px;
     padding-top:20px;
     padding-right:24px;
     padding-bottom:20px;
     margin-left:auto;
     margin-right:auto;
     -webkit-box-shadow:0px 0px 40px rgba(32,29,41,0.1);
     box-shadow:0px 0px 40px rgba(32,29,41,0.1);
}
 .pribeh__container{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:horizontal;
     -webkit-box-direction:normal;
     -ms-flex-direction:row;
     flex-direction:row;
     -webkit-box-align:center;
     -ms-flex-align:center;
     align-items:center;
}
 @media (max-width: 767px) {
     .pribeh__container {
    }
     .pribeh__container{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient:vertical;
         -webkit-box-direction:normal;
         -ms-flex-direction:column;
         flex-direction:column;
    }
}
 .pribeh__divider {
     background-color:#fbc41e;
     height:70px;
     width:1px;
     margin-left:auto;
     margin-right:auto;
}
 @media (max-width: 767px) {
     .pribeh__divider {
         height:50px;
    }
     .pribeh__hlavni-text {
         font-size: 1em;
    }
}
 .pribeh__hlavni-text {
     max-width:800px;
     font-size: 1.25em;
     padding-top:20px;
     padding-bottom:20px;
     margin-left:auto;
     margin-right:auto;
}
 .pribeh__hlavni-text p {
     margin-bottom: 0 !important;
}
/* PRODUKTY */
/* Výhody */
 .benefitBanner__picture {
     max-width: 50px;
     margin-right: 16px 
}
 .position--benefitHomepage {
     border-bottom: 1px solid #f7f7f7;
     padding-top: 2em;
     padding-bottom: 2em;
}
 .position--benefitProduct, .position--benefitCategory {
     border-top: 1px solid #f7f7f7;
     padding-top: 2em;
}
 .position--benefitCategory {
     padding-bottom: 2em;
     padding-top: 4em;
}
/* Výpis */
 .category-header, .category-top h4, #productsTop, .filters-wrapper {
     display: none;
}
 .product .name {
     font-weight: 600;
}
 .products-block > div:hover {
     -webkit-box-shadow: 0 0 30px rgba(32, 29, 41, 0.08);
     box-shadow: 0 0 30px rgba(32, 29, 41, 0.08);
}
 @media (max-width: 767px) {
     .products .p-desc {
         font-size: 14px;
    }
}
/* Detail produktů */
 .responsive-nav, .p-code, .link-icon.share {
     display: none;
}
 .shp-accordion-link {
     display: none !important;
}
 .breadcrumb-in-detail .breadcrumbs {
     text-align: left;
}
 .p-thumbnails a {
     margin-right: 12px;
}
 .p-thumbnails a, .p-thumbnails a:hover img, .p-thumbnails a.highlighted img {
     border: 0;
}
 #description {
     padding-top: 4em;
     border-top: 1px solid #f7f7f7;
}
 .rate-average-wrap {
     margin-left: 20px;
}
 @media (min-width: 768px) {
     .rate-wrap {
         margin-bottom: 20px;
    }
}
/* Detail košíku */
 /*
 .coupon-input {
     display: none;
}
*/

/* Kontakt */
 #formContact {
     max-width: 600px;
}
/* Cookies */
 .siteCookies__form, .siteCookies--bottom.siteCookies--scrolled {
     background-color: #333041;
}
 .siteCookies__form {
     max-width: 900px;
}
/* FOOTER */
 #footer, .footer-bottom {
     background-color: hsl(250.6, 15%, 20%);
}
 #footer {
     padding-top: 30px;
}
 footer h4 {
     color: rgba(255, 255, 255, 0.8);
     text-transform: uppercase;
     font-size: 13px;
     letter-spacing: 0.05em;
}
 .footer-rows h4 {
     margin-bottom: 16px;
}
 .footer-rows a {
     color: hsl(250.6, 15%, 73%);
     font-size: 14px;
}
 footer .contact-box ul li > span::before {
     color: #fff;
}
 .contact-box ul {
     margin-left: -10px;
}
 .custom-footer__onlinePayments p {
     text-align: left;
}
 .custom-footer__onlinePayments img {
     background: hsl(251.3, 15.7%, 55%);
     border-radius: 100px;
     padding: 5px;
}
 .footer-bottom {
     padding-top: 24px;
     padding-bottom: 24px;
     border-top: 1px solid hsl(250.6, 15%, 26%);
}
 .footer-bottom .container, .footer-bottom .container a {
     color: hsl(250.6, 15%, 52%);
     font-size: 13px;
}
.signature--bd {
  display: inline;
  margin-left: 4px;
}
.signature--bd img {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: -1px;
}
