css

/* ==========================================================
   H DVEŘE - BAREVNÝ DESIGN BEZ BÍLÝCH PLOCH (S JEMNÝM LOGEM)
   ========================================================== */

/* 1. GLOBÁLNÍ POZADÍ (ZÁKLAD Z PŘEDSTRÁNKY) */
html, body, #page, #wrapper, #main, .header-top {
    background-color: #ece3d9 !important; /* Naše hlavní dubová béžová */
}

/* Úplné odstranění bílé z obsahu */
#content, .page-content, .card, .card-block, #content-wrapper {
    background: transparent !important;
}

/* 2. JEMNÁ BARVA POD LOGEM (HEADER) */
#header {
    /* Přechod pod logem: od šalvějové do ztracena k béžové */
    background: linear-gradient(to bottom, #ebf1ed 0%, #ece3d9 100%) !important;
    padding-bottom: 20px;
}

#_desktop_logo {
    padding: 35px 0 !important;
    filter: drop-shadow(0 5px 15px rgba(58, 46, 36, 0.05)); /* Jemný stín pod logem */
}

/* 3. MENU - BAREVNÉ PILULKY (ZACHOVÁNÍ ZAKULACENÍ) */
.top-menu { display: flex; justify-content: center; gap: 10px; padding: 15px 0; }
.top-menu a[data-depth="0"] {
    border-radius: 100px !important; /* Maximální zakulacení */
    padding: 10px 24px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* Fixní barvy pro konkrétní tlačítka v menu */
.top-menu li:nth-child(1) a { background-color: #f4ece4 !important; } /* Domů - Dub */
.top-menu li:nth-child(2) a { background-color: #ebf1ed !important; } /* Dodání - Šalvěj */
.top-menu li:nth-child(3) a { background-color: #f4efed !important; } /* Podmínky - Jíl */
.top-menu li:nth-child(4) a { background-color: #ebf0f4 !important; } /* Kontakt - Nebe */

.top-menu a[data-depth="0"]:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}

/* 4. PRODUKTOVÉ KARTY (ZAKULACENÉ A BAREVNÉ) */
.product-miniature {
    /* Místo bílé použijeme velmi jemnou barvu karty */
    background: rgba(255, 255, 255, 0.3) !important; 
    border-radius: 32px !important; /* Výrazné zakulacení */
    padding: 15px !important;
    border: none !important;
    transition: all 0.5s ease !important;
}

/* Střídání barevných podkladů u obrázků (místo bílé) */
.product-miniature:nth-of-type(4n+1) .thumbnail-container { background: #f4ece4 !important; }
.product-miniature:nth-of-type(4n+2) .thumbnail-container { background: #ebf1ed !important; }
.product-miniature:nth-of-type(4n+3) .thumbnail-container { background: #f4efed !important; }
.product-miniature:nth-of-type(4n+4) .thumbnail-container { background: #ebf0f4 !important; }

.thumbnail-container { border-radius: 24px !important; }

/* 5. DETAIL PRODUKTU A KONTAKTY (PŘECHODOVÝ EFEKT) */
#product .product-container, 
#contact .page-content,
#cms .page-content {
    /* Barevný přechod místo bílé plochy */
    background: linear-gradient(135deg, #f4ece4 0%, #ebf1ed 100%) !important;
    border-radius: 40px !important;
    padding: 40px !important;
    box-shadow: inset 0 0 50px rgba(255,255,255,0.2) !important;
}

/* 6. PATIČKA (FOOTER) */
.footer-container {
    background-color: #f4ece4 !important;
    border-radius: 60px 60px 0 0 !important;
    padding-top: 50px !important;
}


/* ==========================================================
   H DVEŘE - ÚPRAVA PANELU NEWSLETTERU (ŠALVĚJOVÁ)
   ========================================================== */

/* 1. HLAVNÍ KONTEJNER PANELU */
.block_newsletter, 
#footer .block_newsletter,
section.newsletter-block {
    background-color: #ebf1ed !important; /* Barva jako Obchodní podmínky */
    border-radius: 40px !important;       /* Výrazné zakulacení Apple style */
    margin: 40px 15px !important;         /* Odsazení od krajů */
    padding: 40px 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    text-align: center !important;
}

/* 2. TEXTY V PANELU */
.block_newsletter h3, 
.block_newsletter p,
.block_newsletter .h3 {
    color: #3a2e24 !important; /* Naše tmavě hnědá */
    font-weight: 700 !important;
    text-transform: none !important;
}

/* 3. VSTUPNÍ POLE PRO EMAIL */
.block_newsletter input[type="email"],
.block_newsletter .input-wrapper input {
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 100px !important;   /* Pilulka */
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 10px 25px !important;
    color: #3a2e24 !important;
}

/* 4. TLAČÍTKO PŘIHLÁSIT */
.block_newsletter .btn-primary,
.block_newsletter input[type="submit"] {
    background-color: #3a2e24 !important; /* Tmavě hnědá pro kontrast */
    color: #ffffff !important;
    border-radius: 100px !important;
    padding: 10px 30px !important;
    font-weight: 700 !important;
    transition: transform 0.3s ease !important;
    border: none !important;
}

.block_newsletter .btn-primary:hover {
    transform: scale(1.05) !important;
    background-color: #524235 !important;
}


/* ==========================================================
   H DVEŘE - TOTÁLNÍ ODSTRANĚNÍ BÍLÉ A HRANATÉHO VZHLEDU
   ========================================================== */

/* 1. VYNUCENÉ ZAOBLENÍ A BARVA HLAVNÍHO BLOKU */
#left-column, 
#search_filters, 
.block-categories, 
#js-active-search-filters,
.faceted-filter {
    background-color: #ebf1ed !important; /* Šalvějová jako Podmínky */
    border-radius: 40px !important;       /* Pořádné Apple zaoblení */
    border: none !important;
    padding: 20px !important;
    overflow: hidden !important;          /* Aby vnitřní rohy nevyčnívaly */
}

/* 2. ODSTRANĚNÍ BÍLÉ Z VNITŘNÍCH SEKCÍ FILTRŮ */
#left-column section.facet, 
#left-column .facet .facet-title, 
#left-column .facet .collapse,
#left-column .facet ul,
.block-categories .category-subcategories,
.block-categories .category-top-menu {
    background: transparent !important;   /* Průhlednost, aby zářila šalvějová */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. OPRAVA POLOŽEK (PILULEK) - ZAOBLENÍ A PÍSMO */
#left-column .facet .facet-label a, 
#left-column .category-subcategories li a,
.block-categories li a {
    background: rgba(255, 255, 255, 0.5) !important; /* Poloprůhledná bílá */
    border-radius: 100px !important;     /* Kulaté konce pilulek */
    font-size: 12px !important;
    padding: 8px 15px !important;
    margin-bottom: 6px !important;
    display: inline-block !important;    /* Aby pilulka nešla přes celou šířku, pokud nechceme */
    width: auto !important;
    color: #3a2e24 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 4. ODSTRANĚNÍ ŠEDÝCH ČAR A HRAN */
.facet .facet-title .collapse-icons, 
.block-categories .navbar-toggler {
    border: none !important;
}

hr, .separator {
    display: none !important;            /* Pryč s linkami, co dělají hrany */
}

/* 5. NADPISY - MALÉ A TUČNÉ */
#left-column .h6, #left-column .facet-title {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #3a2e24 !important;
    text-transform: uppercase !important;
    padding-left: 10px !important;
}

/* Hover efekt pro pilulky */
#left-column a:hover {
    background: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* ==========================================================
   H DVEŘE - DEFINITIVNÍ MINI MENU (PEVNÁ ŠÍŘKA 600px)
   ========================================================== */

/* 1. ABSOLUTNÍ FIXACE KONTEJNERU */
.top-menu .popover {
    display: block !important;
    width: 900px !important;       /* Fixní šířka */
    min-width: 900px !important;
    max-width: 900px !important;
    left: 50% !important;          /* Centrování */
    transform: translateX(-50%) !important;
    background-color: #cedbd3 !important; /* Sytá šalvěj */
    border: 2px solid #3a2e24 !important;
    border-radius: 20px !important;
    padding: 15px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;
    opacity: 1 !important;         /* Vynucení viditelnosti */
}

/* 2. ZÁKAZ ROZTAHOVÁNÍ VNITŘNÍCH SLOUPCŮ */
.top-menu .popover .container, 
.top-menu .popover .row, 
.top-menu .sub-menu {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* 3. VYNUCENÍ 3 SLOUPCŮ PŘES GRID */
.top-menu .sub-menu ul[data-depth="0"],
.top-menu .popover ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Přesně 3 sloupce */
    gap: 8px !important;
    width: 100% !important;
}

/* 4. SYTÝ TEXT A ČITELNOST */
.top-menu .popover a {
    color: #000000 !important;      /* Čistá černá */
    font-weight: 700 !important;    /* Tučné */
    font-size: 11px !important;
    background: #ffffff !important; /* Bílé pilulky */
    border: 1px solid #3a2e24 !important;
    border-radius: 100px !important;
    padding: 5px 10px !important;
    display: block !important;
    white-space: normal !important; /* Povolit zalomení textu, aby se vešel do sloupce */
    text-align: center !important;
}

/* 5. VÝRAZNÉ NADPISY */
.top-menu .popover a[data-depth="1"] {
    background: #3a2e24 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}

/* 6. ODSTRANĚNÍ BORDERŮ OD PRESTASHOPU */
.top-menu .popover .top-menu {
    box-shadow: none !important;
}

/* 1. SKRYTÍ PŮVODNÍCH IKON BEZ NARUŠENÍ KLIKATELNOSTI */
.block-categories .navbar-toggler i.material-icons,
.block-categories .navbar-toggler .plus-minus {
    display: none !important;
}

/* 2. SROVNÁNÍ DO ŘÁDKU - OPRAVA PRO ROZBALOVÁNÍ */
.block-categories li > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
}

/* 3. VYTVOŘENÍ ŠIPKY PŘÍMO NA TLAČÍTKU */
.block-categories .navbar-toggler {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
}

/* Kresba šipky */
.block-categories .navbar-toggler::after {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid #3a2e24 !important;
    border-bottom: 2px solid #3a2e24 !important;
    transform: rotate(-45deg) !important; /* Šipka vpravo > */
    transition: transform 0.2s ease !important;
}

/* 4. OTOČENÍ ŠIPKY PŘI ROZBALENÍ (STAV OPEN) */
.block-categories .navbar-toggler[aria-expanded="true"]::after {
    transform: rotate(45deg) !important; /* Šipka dolů */
}

/* 5. ZAJIŠTĚNÍ, ŽE PODMENU ZŮSTANE SKRYTÉ (DOKUD SE NEKLIKNE) */
.block-categories .collapse:not(.in):not(.show) {
    display: none !important;
}

/* 6. PILULKA KATEGORIE */
.block-categories li a {
    margin: 5px 8px 5px 0 !important;
    display: inline-flex !important;
}
/* Skryje tlačítko rychlého náhledu v seznamu produktů */
.quickview, 
.js-quickview, 
[data-link-action="quickview"] {
    display: none !important;
}
/* Odstraní bílý překryv a efekty při najetí na produkt */
.product-description, 
.highlighted-informations,
.mask {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Pokud tam zůstává prázdný bílý pruh nebo blok */
.highlighted-informations {
    display: none !important;
}
/* ==========================================================
   H DVEŘE - ZLATÁ PRESTIŽNÍ CENA
   ========================================================== */

#product .product-prices .current-price span,
#product .current-price [itemprop="price"],
.product-price,
.current-price,
.product-prices .price {
    /* Elegantní zlatá barva */
    color: #b58b4d !important; 
    
    /* Velikost a tloušťka */
    font-size: 28px !important; 
    font-weight: 600 !important;
    
    /* Jemný stín pro efekt kovu/hloubky */
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
    
    display: inline-block !important;
    letter-spacing: -1px !important;
}

/* Úprava měny (Kč), aby nebyla tak obří jako číslo */
#product .current-price span::after {
    font-size: 24px !important;
    margin-left: 5px;
}