@font-face {
    font-family: 'FuturaBook';
    src:
        url('/user/documents/styles/futurabook.otf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BodoniBold';
    src:
        url('/user/documents/styles/bodonibold.otf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}

body,p,h1,h2,h3,h4,h5,h6,strong,span,div{
    font-family: 'FutureBook', sans-serif;
}

/* zarovnání textu do bloku */
p {
    text-align: justify;
}


.flag.flag-freeshipping {/* barva labelu DOprava zdarma */
    background-color: #233735;
}
/*menší velikost ceny v detailu*/
span.price-final-holder {
    font-size: 28px;
    font-weight: 300;
}


/* HEADER GRID */
#header .container{
	margin-top: 0px!important;
	display: grid!important;
    grid-template-columns: 1fr 1fr!important;

}
/* maximální šíře tlačítka DO košíku */
button.btn.btn-conversion.add-to-cart-button {
    max-width: 200px;
    font-size: 16px;
}

/* skryje na detailu produktu ikonu tisku */
a.link-icon.print {
    display: none;
}
/* detail produku - Zeptat se/sdílet - malé ikonky zarovnané s textem */
    .link-icons .link-icon
    i {
        display: unset;
        font-size: unset;
        margin-right: 10px;
    }
    .link-icons .link-icon {
    border-radius: 0px;
    margin: 0 48px 0px 0;
    }

/* zarovnani loga */
#header .site-name{
	max-width: 100px!important;
	grid-column: 1!important;
    grid-row: 1!important;
    padding: 0px!important;
    margin-left: 20px!important;
}

/* zarovnani navigace */
#header .navigation-buttons{
    grid-row: 1!important;
    grid-column: 2!important;
}

#header .header-top, .header-top-wrapper {

    height: auto!important;
}

/* logo size */
#header .site-name a img {
    max-height: 140px !important;

}
/* hranata tlacitka */
.btn, a.btn, .navigation-in > ul > li, .quantity, .navigation-in>ul>li>a,
#content ol.cart-header li a::before, #content ol.cart-header li strong::before,
.form-control, .compact-form .btn, span.link-like.rating-icon, .p-detail .rate-wrapper .add-comment .rating-icon,
.flags-default .flag
{
    border-radius: 0px;
}

select {
    border-radius: 0px!important;
}

/* skrýt stav skladu, je v kombu s variantami 
po přepnutí na rozdělene variatny zmizi z combo a je nutné zobrazit
.detail-parameters {
    display: none;
}
*/
/* skrýt počet přidávaných do košíku, vždy po jedné */
.add-to-cart .quantity {
    display: none;
}



.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart,.btn.btn-secondary,
.btn.btn-primary, span.link-like.rating-icon {
    border-color: #233735!important;
    color: white!important;
    background-color: #233735!important;
}

/*margin v tabulce s velikostmi*/
.basic-description td p, .p-short-description td p {
    margin: 0px;
}

/* jméno produktu je velkými písmeny */
.p-detail-inner h1, a.name, .p-detail-inner-header-mobile .h1 {
    text-transform: uppercase;
}

/* tlačitko zavřít při sdílení na detailu produktu */
a.close-after:hover {
    color: #233735;
}


/* uprava seznamu produktů, aby byla kompaktní */
.products-block>div .p {
    flex-wrap: wrap;
}
.ratings-wrapper, .p-tools {
    display: none;
}

/*  detail produktu - hodnocení */

/* detail produktu - hodnocení - skrytí hvězdiček */
/* .rate-wrap.row {
    display: none!important;
} */
.rate-list { /* skryje informace, kolik jednotlivych hvezdicek bylo dano */
    display: none!important;
}
li[data-testid="tabDescription"] {
    display: none!important;
}
div#description {
    display: none;
}
.stars .star.is-active:hover, .stars .star.star-half:before, .stars .star.star-on:before { /* barva zvězdiček */
    color: #233735;
}
.rate-wrapper.unveil-wrapper .rate-average {
    font-size: 150%;
}
.content-inner .rate-wrapper .add-comment, .p-detail .rate-wrapper .add-comment {
    justify-content: left;
}
.rate-average-inner {
    display: none!important;
}
a.stars-label {/* dočasné skrytý "nehodnoceno" vedle hvězdiček */
    display: none;
}

/* hodnocení produktu na hlavní stránkce ve footer */
#footer .vote-wrap {
    background-color: #233735;
}
#footer span.stars, #footer span.vote-delimeter {
    display: none;
}
.footer-rows .custom-footer .vote-content {
    display: unset;
}
.vote-wrap a:hover .vote-product-name {
    color: unset;
}

/* výběr varianty na detailu produktu   */
.p-detail-inner .p-variants-block {
        width: 100%;
        margin-bottom: 0px;
    }
        
        /*zarovnani tlačtika košíku nalevo*/
.p-detail-inner .p-to-cart-block .add-to-cart{
    justify-content: left;
    
}
        
        
.p-detail-inner .p-price-wrapper,.detail-parameters {
    width: 100%;
    margin-bottom: 0px;
}    

    /* logo na straně*/
@media (min-width: 768px) {
    body {
        background-size: 300px;
        background-position: top left!important;
        background-repeat: no-repeat!important;
        background-position-y: 100px!important;
       /*  background-position-x: -50px!important; */
        background-position-x: max(0px , ( 100vw - 1500px ) / 2 )!important;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
        background-color: #233735!important;
        background-image: url("https://cdn.myshoptet.com/usr/www.zeja.cz/user/documents/styles/logo_zeja_ver_white_A.png");
    }


    #content-wrapper, #footer, .carousel-wrapper, #hodnoceniobchodu  {
      margin-left: 200px!important;
      width: calc(100% - 200px)!important;
    }
    /* logo size */
    #header .site-name a img {
    max-height: 140px !important;
    display: none /* skryje logo, je na straně*/;
    }

    /* ikonky jsou v celém segmentu*/
    #header .header-top .header-top-wrapper>div {
    width: 100%;
    }

    #header .header-top  {
        margin-right: 40px!important;
        }
    
    header#header {
        display: grid;
        grid-template-columns: 200px 1fr 200px;
    }

    .header-bottom {
        grid-column: 2;
        grid-row: 1;
    }
    .header-top {
        grid-column: 3;
        grid-row: 1;
    }
    /*klikatelný sidebar*/
    div#verticallogo {
        width: 200px;
        height: 100vh;
        position: fixed;
        top: 0px;
       /*  left: 0px; */
        left: max(0px , ( 100vw - 1500px ) / 2 );
    }

    .navigation-wrapper.header-bottom-wrapper, nav#navigation, .navigation-in.menu,ul.menu-level-1 {
        height: 100%;
    }
    /*  .full-width { ladsfj lasdjf
        width: calc(100% + 200px - (var(--scrollbar-width)));
        left: -200px;
        right: auto;
        margin-left: 0px;
        margin-right: 0px;
    }  */
     
    .full-width { /*musí být nastaveno, jinak to zničí defaultní hodnoty ze šablony*/
        width: unset;
        left: unset;
        right: unset;
        margin-left: unset;
        margin-right: unset;
    } 
    h4.latest-contribution-product {
        color: unset!important;
    }
    /* .full-width.p-detail-full-width {
        margin-left: 200px;
        width: 95%;
    }*/


    /* header je zeleny, hover navigacnich ikonek musi byt zeleny text na bilem pozadi */
    .navigation-buttons a[data-target="login"]:hover,
    .navigation-buttons a.top-nav-button-account:hover,
    .navigation-buttons a[data-target="search"]:hover,
    .navigation-buttons a[data-target="cart"]:hover,
    .navigation-buttons a[data-target="navigation"]:hover{
        color: #233735;
        background-color: white;
  /*       border-radius: 8px; */
    }
    .navigation-buttons > a[data-target="cart"] i:hover {
        background-color: #233735;
        color: white;
    }

    .btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover,.btn.btn-secondary:hover,
    .btn.btn-primary:hover,.btn.btn-default:hover, span.link-like.rating-icon:hover, a.stars-label, .latest-contribution .latest-contribution-product:hover {
        border-color: #233735!important;
        color: #233735!important;
        background-color: white!important;
    }
    .latest-contribution .latest-contribution-product:hover, a.latest-contribution-inner:hover, .product .p .p-in .name:hover {
      /*  text-decoration: underline!important;*/
        color: #24383699!important;
    }

    /*stránka už. účtu a registrace má nastavené bílé pozadí a přebíjí sidebar, potřeba vypnout*/
    .overall-wrapper  {
        background: transparent!important;
    }
    /*zarovnání članku (o nás, podmínky, atd, aby nebyly přes celou stránku*/
    article {
        width: 90%;
        margin-left: 5%;   
    }


    /* odkazy na bílé stránce - hover*/
    article a:hover,  .p-short-description a:hover, .login-wrapper a:hover  {
         text-decoration: underline;
         color: unset;
    }
    article a:visited,  .p-short-description a:visited, .login-wrapper a:visited  {
        color: unset;
    }
    article a,  .p-short-description a, .login-wrapper a {
        font-style: italic;
        text-decoration: underline;
    }



  
    /*zelené odkazy na bílé stránce - hover*/
    .order-complete-links a:hover, form#formRating a:hover {
        color: #233735;
        text-decoration: underline;
    }
    
    /* tlačitko zavřít při sdílení na detailu produktu */
    a.close-after:hover {
        text-decoration: underline;
    }

    /*aby footer byl zeleny s bilym pismem*/
        footer#footer, #footer a, #footer h1, #footer h2, #footer h3, #footer h4,
        span.copyright,.full-width.footer-bottom-full-width,.container.footer-bottom, a.js-cookies-settings  {
            color: white;
            background-color: #233735;
        }

        #footer a:hover,a.js-cookies-settings:hover,a.title:hover {
           /* background-color: white;
            color: #233735;*/
            text-decoration: underline;
            color: unset;
        }


        /*u odkazu na cookies musíme dát important na barvi*/
        a.js-cookies-settings {
            color: white!important;
        }
        /*
        #footer a.js-cookies-settings:hover {
            color: #233735!important;
        }*/

        /*a.title kvuli "Vytvoril shoptet*/
        a.title{
            color: white!important;
            background-color: #233735;
        }

        a.title:hover{
            background-color: #233735!important;
        }
    /**/

/* detail produkt - layout pravé části */
     .p-data-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .p-short-description {
        order: 3;
    }
    form#product-detail-form {
        order: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }
    .buttons-wrapper.social-buttons-wrapper {
        order: 2;
    }
    .p-to-cart-block {
    width: 50%;
    }
    
}   



@media (min-width: 992px) {
    .popup-widget.search-widget {
        margin-left: -500px;
        width: auto;

    }
}

/* zarovnani baneru */
.next-to-carousel-banners{
    display: flex!important;
    flex-flow: row!important;
    flex-wrap: wrap!important;
}

/* max. velikost fotek v banneru */
.banner-wrapper{
   /*      max-width: 50%; */
     max-width: 100%; 
}

/* header je zeleny, hover  menu se musi byt zeleny text na bilem pozadi  */
.navigation-in>ul>li>a:hover{
    color: #233735!important;
    background-color: white!important;
    border-radius: 0px;
}

/* header je zeleny, barva pisma menu se musi prepnout na bilou  */
.navigation-in>ul>li>a{
    color: white!important;
    border-radius: 0px;
}

/* skryje kategorie jako nejlevnější, podle abecedy, apod */
#category-header, .category-top {
    display: none;
}

/* hamburger pokud se kategorie nevejdou na obrazovku  */
.menu-helper:after, .menu-trigger:after {
    color: #fff;
}
.menu-helper.visible {
    height: 100%;
}
.menu-helper.visible ul.menu-level-1 {
    height: auto !important;
}
.menu-helper>ul>li{
    text-transform: uppercase;
}



/* header je zeleny, navigacni ikonky se musi prepnout na bilou */
.navigation-buttons a[data-target="login"],
.navigation-buttons .top-nav-button-account,
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="cart"],

.navigation-buttons a[data-target="navigation"]
{
    color: white;
    background-color: transparent;
/*     border-radius: 8px; */
}

.navigation-buttons > a[data-target="cart"] i {
    color: #233735;
    background-color: white;
}




/* sekce pro mobilní zařízení*/
@media (max-width: 767px) {
    /* menu pod hamburgerem je bile, text musi byt zeleny */
    .navigation-in>ul>li>a{
        color: #233735!important;
    }

    /* rozbaleny hamburger se zmeni na xko, kterému je potreba dat bilou barvu, jinak neni videt */
    .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
        color: white;
    }

    /* header je zeleny, hover navigacnich ikonek na mobilu se nepoužívá, musí být stejný jako normální stav */
    .navigation-buttons a[data-target="login"]:hover,
    .navigation-buttons a.top-nav-button-account:hover,
    .navigation-buttons a[data-target="search"]:hover,
    .navigation-buttons a[data-target="cart"]:hover,
    .navigation-buttons a[data-target="navigation"]:hover{
        color: white
 
    }
    .navigation-buttons > a[data-target="cart"] i:hover {
        background-color: #233735;
        color: white;
    }

    /*na mobilu se u rozkliknutého hamburgeru nezobrazovalo Xko*/
    .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
    content: '\e912';
    }
    
    /*aby ikonky nebyly tak namačkané*/
    #header .header-top .header-top-wrapper .navigation-buttons {
        width: 100%;
    }

    /*aby footer byl zeleny s bilym pismem*/
    footer#footer, #footer a, #footer h1, #footer h2, #footer h3, #footer h4,
    span.copyright,.full-width.footer-bottom-full-width,.container.footer-bottom  {
        color: white;
        background-color: #233735;
    }
    /*všechny tlačítka na mobilech mají stejný hover bez nej    */
    .btn:hover {
        border-color: #233735!important;
        color: white!important;
        background-color: #233735!important;
    }

    /* detail produkt - cena/košik/výber */
    form#product-detail-form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .p-price-wrapper, .p-to-cart-block {
        width: 50%!important;
    }
    .p-variants-block {
        width: 100%;
    }  

}