@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');



/* --- TYPOGRAFIE A ZÁKLAD --- */

.navigation-in .menu-level-1 a, h1, h2, h3, .product-name, .p-final-price { font-family: 'Playfair Display', serif !important; font-weight: 700 !important; }

.btn, .cart-button, .p-detail-info, .p-short-description, .breadcrumbs, .flags .flag, .quantity input, #signature a.title, .availability-label, .ordering-process .step .name { font-family: 'Montserrat', sans-serif !important; }

h1, h2, h3, .product-name { letter-spacing: 1px !important; line-height: 1.3 !important; }

.p-detail-info, .p-short-description { line-height: 1.7 !important; color: #444; letter-spacing: 0.3px; }

.p-final-price { font-size: 28px !important; color: #222 !important; }

.breadcrumbs { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 20px !important; }



/* --- ČIŠTĚNÍ TVARŮ --- */

.cart-button, .flags .flag, .product, .p-final-price-wrapper, .p-detail-inner .p-short-description { border-radius: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; }

.p-detail-inner { padding: 50px 0 !important; }



/* --- MENU --- */

.navigation-in .menu-level-1 a { letter-spacing: 1px; text-transform: uppercase !important; }

@media (min-width: 768px) {

    .navigation-in .menu-level-1 a { font-size: 17px !important; }

    .navigation-in .menu-level-1 a:hover { background-color: #1269C7 !important; color: #ffffff !important; text-decoration: none !important; }

    .navigation-in .menu-level-1 li { margin: 0 15px !important; }

}



/* --- TLAČÍTKA A KOŠÍK --- */

.btn, .cart-button { text-transform: uppercase !important; letter-spacing: 1.5px !important; font-weight: 600 !important; border-radius: 0 !important; }

.add-to-cart-button, .btn-success, .btn-conversion { background-color: #1269C7 !important; color: #ffffff !important; border: 1px solid #1269C7 !important; transition: all .3s ease !important; padding: 10px 15px !important; font-size: 13px !important; min-width: 0 !important; width: auto !important; height: auto !important; }

.add-to-cart-button:hover, .btn-success:hover, .btn-conversion:hover { background-color: transparent !important; color: #1269C7 !important; }

.btn-default, .btn-secondary { background: transparent !important; color: #222 !important; border: 1px solid #222 !important; transition: all .3s ease !important; }

.btn-default:hover, .btn-secondary:hover { background-color: #1269C7 !important; color: #ffffff !important; border-color: #1269C7 !important; }



/* --- VÝBĚR MNOŽSTVÍ (+ / -) --- */

.quantity { border: 1px solid #ccc !important; height: 42px !important; border-radius: 0 !important; overflow: hidden !important; background: #fff !important; }

.quantity input { border: none !important; border-left: 1px solid #eee !important; border-right: 1px solid #eee !important; height: 40px !important; font-weight: 600 !important; background: transparent !important; box-shadow: none !important; }

.quantity .increase, .quantity .decrease { background: transparent !important; transition: background .3s ease, color .3s ease !important; height: 40px !important; }

.quantity .increase:hover, .quantity .decrease:hover { background-color: #f9f9f9 !important; color: #1269C7 !important; }



/* --- TLAČÍTKO V ROZBALOVACÍM KOŠÍKU (Mini-cart) --- */

#cart-widget .btn { background-color: #1269C7 !important; color: #ffffff !important; border: 1px solid #1269C7 !important; width: 100% !important; padding: 12px !important; text-align: center !important; }

#cart-widget .btn:hover { background-color: transparent !important; color: #1269C7 !important; }



/* --- STRÁNKA KOŠÍKU --- */

.cart-summary .btn-success, .cart-summary .btn-conversion { padding: 15px 30px !important; width: 100% !important; display: block !important; }

.ordering-process .step { border-radius: 0 !important; border: none !important; }

.ordering-process .step.active { background-color: #f9f9f9 !important; border-bottom: 2px solid #1269C7 !important; }

.ordering-process .step .name { text-transform: uppercase; font-size: 12px; }



/* Větší odsazení rekapitulace na PC */

@media (min-width: 768px) {

    .next-step { margin-top: 40px !important; } 

    .cart-summary { padding-top: 20px !important; padding-bottom: 20px !important; }

}



/* --- OSTATNÍ ÚPRAVY --- */

.flags .flag { color: #222 !important; border: 1px solid #d4af37 !important; font-size: 10px !important; padding: 2px 8px !important; }

.flags .flag.novinka { border-color: #1269C7 !important; }

.availability-label { font-size: 12px !important; text-transform: uppercase; color: #555 !important; }

.availability-label i { display: none !important; }

::selection { background: #1269C7; color: #fff; }

#signature { opacity: 0.3 !important; }

#signature img { filter: grayscale(100%) !important; max-height: 14px !important; }

.product:hover img, .p-image-wrapper:hover img { transform: scale(1.05); transition: transform 0.5s ease-in-out !important; }

.product:hover .image, .p-detail-inner .p-image-wrapper:hover { opacity: 1 !important; filter: none !important; }

.site-msg.success, .msg-success { background-color: #1269C7 !important; color: #ffffff !important; text-align: center !important; padding: 15px !important; border: none !important; }

.site-msg.success i, .msg-success i { display: none !important; }

/* --- CSS PRO PLYNULÉ VYNOŘENÍ (Fade-in - všude) --- */

.fade-in-element {

    opacity: 0;

    transform: translateY(30px);

    transition: opacity 0.8s ease-out, transform 0.8s ease-out;

    visibility: hidden;

}



.fade-in-element.is-visible {

    opacity: 1;

    transform: translateY(0);

    visibility: visible;

}



/* --- CSS PRO CHYTROU HLAVIČKU (POUZE PC) --- */

@media (min-width: 768px) {

    #header {

        position: sticky !important;

        top: 0;

        z-index: 1000;

        transition: transform 0.3s ease-in-out !important;

        background-color: #ffffff !important; 

    }

    .hide-header {

        transform: translateY(-100%) !important;

    }

}



/* --- OPRAVA MOBILNÍHO MENU --- */

@media (max-width: 767px) {

    /* Absolutní zákaz schovávání hlavičky na mobilu */

    #header {

        transform: none !important; 

    }

    

    /* Posuneme obsah menu dolů, aby křížek měl místo */

    .navigation-in, .navigation-window {

        padding-top: 60px !important; 

    }



    /* Vynucené zobrazení zavíracího křížku - pokrytí všech Shoptet tříd */

    .close-nav, 

    .navigation-window-close, 

    .close-menu,

    .btn-close-nav {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        position: absolute !important;

        top: 10px !important;

        right: 15px !important;

        z-index: 999999 !important;

        width: 44px !important;

        height: 44px !important;

        background-color: #f9f9f9 !important;

        border-radius: 50% !important;

        opacity: 1 !important;

        visibility: visible !important;

        color: #1269C7 !important;

        font-size: 28px !important;

        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;

    }

}
/* Zneviditelní původní text zmenšením na 0 a vloží nový */
body.entrance-protection-wrapper h1 {
    font-size: 0 !important;
}

body.entrance-protection-wrapper h1::after {
    content: "Chystáme pro vás něco krásného...";
    font-size: 28px !important; /* Velikost nového textu */
    color: #000000 !important; /* Černá barva natvrdo */
    display: block;
    text-align: center;
}