/* --- GLOBÁLNÍ PATIČKA --- */
#footer > .container { 
    background-color: transparent !important; /* Vyčištěno pro čistý vzhled */}
#footer { color: #ffffff !important; }
@media (min-width:1200px) { #footer .site-name { display: none; } 
.custom-footer { padding-left: 75px; padding-top: 75px; }}
@media (min-width:768px) { .custom-footer > div { padding-left: 40px; padding-right: 40px; }}

/* ==========================================================================
   NOVÝ PRÉMIOVÝ NEWSLETTER CARD Ludwig
   ========================================================================== */
/* 1. Celá karta newsletteru - EFEKT KOUŘOVÉHO SKLA */
.custom-footer__newsletter.extended {
    background: rgba(255, 255, 255, 0.07) !important; /* Velmi jemný bílý závoj */
    backdrop-filter: blur(15px) !important; /* Kouzelné rozmazání pozadí pod kartou */
    -webkit-backdrop-filter: blur(15px) !important; /* Pojistka pro iPhony */
    border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Jemná zářivá linka kolem */
    border-radius: 20px !important;
    /*padding: 30px 35px !important;*/
    margin-bottom: 30px !important;
    max-width: 450px !important;
    box-sizing: border-box !important;
}

.custom-footer__newsletter.extended .newsletter-header h3.topic span {
    color: #ffffff !important; /* Bílé písmo */
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
}

/* UX EMOCIONÁLNÍ PODNADPIS */
.custom-footer__newsletter.extended .newsletter-header h3.topic::after {
    content: "Získejte přístup k limitovaným lahvím, tajným degustacím a příběhům ze světa prémiových nápojů. Žádný spam, jen tekutá inspirace." !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
    text-transform: none !important;
    color: #ffffff !important; /* Bílé písmo */
}

.custom-footer__newsletter.extended .newsletter-header {
    margin-bottom: 20px !important;
}

#formNewsletterWidget.subscribe-form fieldset {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#formNewsletterWidget .validator-msg-holder.js-validated-element-wrapper {
    display: inline-block !important;
    width: calc(100% - 65px) !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

#formNewsletterWidget input[type="email"].form-control {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-right: none !important;
    border-radius: 12px 0 0 12px !important;
    color: #1a212d !important;
    height: 50px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    display: block !important;
}

#formNewsletterWidget input[type="email"].form-control:focus {
    border-color: #808080 !important;
}

#formNewsletterWidget button.btn-arrow-right {
    background-color: #808080 !important;
    border: 1px solid #808080 !important;
    border-radius: 0 12px 12px 0 !important;
    width: 65px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease !important;
    cursor: pointer !important;
    float: left !important;
    margin: 0 !important;
}

#formNewsletterWidget button.btn-arrow-right::before,
#formNewsletterWidget button.btn-arrow-right::after {
    color: #ffffff !important;
}

#formNewsletterWidget button.btn-arrow-right:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

#formNewsletterWidget .consents {
    clear: both !important;
    width: 100% !important;
    margin-top: 15px !important;
    text-align: left !important;
    display: block !important;
}

#formNewsletterWidget label.whole-width,
#formNewsletterWidget label.whole-width span,
#formNewsletterWidget label.whole-width a {
    color: #cbd5e1 !important; /* Jemná světlá pro souhlas */
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

#formNewsletterWidget label.whole-width a {
    text-decoration: underline !important;
    color: #cbd5e1 !important; /* Jemná světlá pro souhlas */
}

#formNewsletterWidget label.whole-width a:hover {
    color: #b57c1e !important;
}

#formNewsletterWidget fieldset > br,
#formNewsletterWidget .validator-msg-holder + br {
    display: none !important;
}

/* ==========================================================================
   DESIGN KONTAKTNÍHO SLOUPCE & SOCIÁLNÍCH SÍTÍ
   ========================================================================== */

/* Nadpis sloupce "Kontakt" */
.custom-footer__contact-col h3 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 0px !important;
}

/* Blok s adresou */
.custom-footer__contact-col .contact-address {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
}
.custom-footer__contact-col .contact-address strong {
    color: #ffffff !important;
    font-size: 15px !important;
}

/* Telefon a Email pod sebou */
.custom-footer__contact-col .contact-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
}

.custom-footer__contact-col .contact-links a {
    color: #ffffff !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    width: fit-content !important;
}

/* Hover pro mail a telefon - zlaté podsvícení */
.custom-footer__contact-col .contact-links a:hover {
    color: #b57c1e !important;
}

/* SOCIÁLNÍ SÍTĚ: Kulatá, elegantní skleněná tlačítka */
.custom-footer__contact-col .footer-social-wrapper {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 25px !important;
}

.custom-footer__contact-col .social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 255, 255, 0.06) !important; /* Skleněný efekt */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 50% !important; /* Dokonalý kruh */
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
}

.custom-footer__contact-col .social-link span {
    color: #ffffff !important;
    font-size: 18px !important;
    transition: color 0.3s ease !important;
}

/* Hover efekt pro sociální sítě - jemné vyjetí nahoru a decentní ztmavnutí do naší šedé, aby to netříštilo design patičky */
.custom-footer__contact-col .social-link:hover {
    background: #808080 !important; /* Naše šedá z tlačítka newsletteru */
    border-color: #808080 !important;
    transform: translateY(-3px) !important;
}

/* ==========================================================================
   FINÁLNÍ DESIGN PATIČKY (Rozmístění, Linky, Informace a Platby)
   ========================================================================== */

/* 1. ROZPROSTŘENÍ SLOUPCŮ V PATIČCE */
@media (min-width: 992px) {
    #footer .custom-footer.elements-3 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important; /* Rozstrčí tři hlavní bloky od kraje ke kraji */
        align-items: flex-start !important;
        gap: 20px !important;
        padding-bottom: 40px !important;
    }

    /* Sloupec 1: Newsletter */
    #footer .custom-footer__newsletter.extended {
        flex: 0 0 38% !important;
        margin-bottom: 0 !important;
    }

    /* Sloupec 2: Kontakt ( Shoptet banner 389 ) */
    #footer .custom-footer__banner389 {
        flex: 0 0 28% !important;
        position: relative !important;
        padding-right: 30px !important;
        margin-top: 0 !important;
    }

    /* Sloupec 3: Informace pro vás ( Shoptet články ) */
    #footer .custom-footer__articles {
        flex: 0 0 28% !important;
        margin-top: 0 !important;
    }
}

/* 2. VERTIKÁLNÍ LINKA MEZI KONTAKTEM A INFORMACEMI */
@media (min-width: 992px) {
    #footer .custom-footer__banner389::after {
        content: "" !important;
        position: absolute !important;
        top: 15px !important;
        right: 0 !important; /* Umístění na pravou hranu kontaktů před Informace */
        height: 160px !important; /* Výška linky, aby kopírovala délku textu */
        width: 1px !important;
        background: rgba(255, 255, 255, 0.15) !important; /* Jemná poloprůsvitná linka ladící s kouřovým sklem */
        display: block !important;
    }
}

/* 3. ÚPRAVA PRAVÉHO BOXU "INFORMACE PRO VÁS" */
/* Sjednocení nadpisu pravého sloupce */

@media (min-width: 992px) {
#footer .custom-footer__articles h3.pageElement__heading {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}
}

@media (max-width: 992px) {
#footer .custom-footer__articles h3.pageElement__heading {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    line-height: 1 !important;
}
}

/* Úprava seznamu odkazů */
#footer .custom-footer__articles ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#footer .custom-footer__articles ul li {
    margin-bottom: 2px !important;
}

#footer .custom-footer__articles ul li a {
    text-decoration: none !important; /* Odstranění starého podtržení */
    color: rgba(255, 255, 255, 0.75) !important; /* Čistá, elegantně ztlumená bílá */
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

/* Hover efekt pro odkazy v pravém sloupci */
#footer .custom-footer__articles ul li a:hover {
    color: #b57c1e !important; 
    transform: translateX(4px) !important; /* Lehké moderní posunutí doprava */
}

/* 4. HORIZONTÁLNÍ LINKA NAD LOGY PLATEB */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important; /* Elegantní linka protnoucí celou šířku nad logy */
    margin-top: 30px !important;
}

/* 5. ZESVĚTLENÁ STŘÍBŘITÁ LOGA PLATEBNÍCH METOD */
.footer-links-icons .footer-icons .footer-icon img {
    opacity: 0.85 !important; /* Výborná čitelnost */
    filter: grayscale(100%) brightness(2.2) !important; /* Krásný stříbřitý nádech ladící s linkami */
    transition: all 0.3s ease !important;
    max-height: 32px !important;
    width: auto !important;
}

/* Hover pro loga karet - plné rozbarvení a mírný zoom */
.footer-links-icons .footer-icons .footer-icon img:hover {
    opacity: 1 !important;
    filter: grayscale(0%) brightness(1) !important;
    transform: scale(1.05) !important;
}

/* ==========================================================================
   KOMPLETNÍ OPTIMALIZACE PATIČKY PRO MOBILY (Zvýraznění a čitelnost)
   ========================================================================== */

@media (max-width: 991px) {
    /* 1. KARTA NEWSLETTERU - Zvýraznění na tmavém pozadí */
    .custom-footer__newsletter.extended {
        background: #1a212d !important; 
        border: 0px solid rgba(181, 124, 30, 0.3) !important; /* Jemná zlatavá linka kolem */
        border-radius: 16px !important;
        padding: 30px 20px !important;
        margin-bottom: 35px !important;
        backdrop-filter: none !important; /* Na černé netřeba blur */
    }

    /* Zvětšení textů v newsletteru */
    .custom-footer__newsletter.extended .newsletter-header h3.topic span {
        font-size: 24px !important; /* Dominantnější nadpis */
    }
    .custom-footer__newsletter.extended .newsletter-header h3.topic::after {
        font-size: 15px !important; /* Čitelnější podnadpis */
        line-height: 1.6 !important;
    }

    /* 2. KONTAKTNÍ SLOUPEC */
    .custom-footer__contact-col.mobile-version {
        text-align: center !important;
        padding: 20px 10px !important;
        width: 100% !important;
    }

    .custom-footer__contact-col.mobile-version h3 {
        color: #ffffff !important;
        font-size: 22px !important; /* Větší nadpis sloupce */
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        margin-bottom: 15px !important;
    }

    .custom-footer__contact-col.mobile-version .contact-address {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 17px !important; /* Větší text adresy podle tvého přání */
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
    }

    .custom-footer__contact-col.mobile-version .contact-links {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 25px !important;
    }

    .custom-footer__contact-col.mobile-version .contact-links a {
        color: #ffffff !important;
        font-size: 17px !important; /* Větší klikatelné odkazy */
        text-decoration: none !important;
    }

    /* 3. ZVĚTŠENÉ IKONY SOCIÁLNÍCH SÍTÍ (UX pro velké prsty) */
    .custom-footer__contact-col.mobile-version .footer-social-wrapper {
        display: flex !important;
        justify-content: center !important;
        gap: 20px !important; /* Větší mezery mezi sebou */
        margin-bottom: 30px !important;
    }

    .custom-footer__contact-col.mobile-version .social-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 56px !important; /* Zvětšeno z 48px na 56px pro dokonalý komfort */
        height: 56px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 50% !important;
    }

    .custom-footer__contact-col.mobile-version .social-link span {
        color: #ffffff !important;
        font-size: 24px !important; /* Samotné ikony uvnitř jsou větší a jasnější */
    }


    /* 4. ÚPRAVA SEKCE INFORMACE PRO VÁS NA MOBILU */
    #footer .custom-footer__articles {
        text-align: center !important;
        padding: 30px 10px !important;
        width: 100% !important;
    }

    #footer .custom-footer__articles h3.pageElement__heading {
        font-size: 22px !important; /* Zvětšení nadpisu Informace */
        color: #ffffff !important;
        margin-bottom: 20px !important;
    }

    #footer .custom-footer__articles ul li {
        margin-bottom: 16px !important; /* Větší rozestupy odkazů pod sebou na mobilu */
    }

    #footer .custom-footer__articles ul li a {
        font-size: 16px !important; /* Větší písmo odkazů */
        color: rgba(255, 255, 255, 0.85) !important;
    }

    /* 5. HORIZONTÁLNÍ LINKY MEZI BLOKY (Propojení a rytmus) */
    .custom-footer__newsletter.extended,
    .custom-footer__contact-col.mobile-version {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* Vytvoří dělící čáru pod blokem */
        padding-bottom: 35px !important;
    }
}

/* ==========================================================================
   OPTIMALIZACE PATIČKY PRO TABLETY (Monolit až dolů k okraji)
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1199px) {
    /* 1. Protáhneme temné kouřové sklo na úplně celé pozadí patičky (včetně plateb a copyrightu) */
    #footer {
        background: rgba(40, 40, 40, 0.95) !important; /* Elegantní temný monolit */
        backdrop-filter: blur(12px) !important;
        padding-top: 40px !important;
        padding-bottom: 20px !important;
        margin-top: 40px !important;
    }

    /* 2. Zrušíme ten vnitřní ohraničený box, protože pozadí už drží celý footer */
    .custom-footer,
    #footer .custom-footer {
        background: transparent !important; /* Už netřeba zdvojené pozadí */
        box-shadow: none !important;
        border: none !important;
        padding: 0 30px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        max-width: 100% !important;
    }

    /* 3. Karta newsletteru uvnitř monolitu */
    .custom-footer__newsletter.extended {
        background: rgba(255, 255, 255, 0.05) !important; /* Jemné vnitřní sklo */
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        flex: 0 0 42px !important;
        max-width: 400px !important;
        /*padding: 25px !important;*/
        border-radius: 18px !important;
    }

    /* Srovnání kontaktů a odkazů */
    .custom-footer__contact-col,
    #footer .custom-footer__articles {
        flex: 0 0 26% !important;
        margin: 0 !important;
        text-align: left !important;
    }

    /* 4. Bílé texty pro dokonalý kontrast na tmavém pozadí */
    .custom-footer__newsletter.extended .newsletter-header h3.topic span,
    .custom-footer__newsletter.extended .newsletter-header h3.topic::after,
    .custom-footer__contact-col h3,
    .custom-footer__contact-col .contact-address,
    #footer .custom-footer__articles h3,
    #footer .custom-footer__articles ul li a,
    #footer .footer-clear,
    #footer .copyright {
        color: #ffffff !important; 
    }

    /* Zjemnění copyrightu a méně důležitých textů */
    #footer .custom-footer__articles ul li a { opacity: 0.8 !important; }
    #footer .copyright { opacity: 0.5 !important; font-size: 13px !important; }

    /* Centrování platebních ikon a copyrightu pod sloupci */
    #footer .footer-clear {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin-top: 30px !important;
        padding-top: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important; /* Jemná dělící linka nad platbami */
    }
}

/* ==========================================================================
   NEPRŮSTŘELNÝ FIX PRO TMAVOU PATIČKU
   ========================================================================== */
footer, #footer {
    background-color: #2b2b2b !important; /* Naše prémiová tmavá barva */
    padding-top: 10px !important;
    padding-bottom: 30px !important;
}

/* Jemné ztmavení textů odkazů v klidu, aby to netlouklo do očí */
footer .links a, footer .footer-links a {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: color 0.2s ease !important;
}

/* Hover efekt pro odkazy v patičce */
footer .links a:hover, footer .footer-links a:hover {
    color: #b57c1e !important; /* Naše zlatavá koňaková barva */
}

/* Spodní lišta s copyrightem */
footer .site-info, .footer-bottom {
    background-color: #141922 !important; /* Ještě o krapet tmavší linka na úplném dnu */
    color: rgba(255, 255, 255, 0.4) !important;
}

@media (min-width:1200px) { .custom-footer { padding-left: 0px !important; padding-top: 55px !important; padding-right: 30px !important; }}
@media (min-width:1200px) { .custom-footer > div { width: 26%!important; }}
.banner { margin-bottom: 0px !important; margin-top: -17px !important;}
@media (min-width: 768px) { .custom-footer > div { padding-left: 0px !important; padding-right: 0px !important; }}
@media (min-width: 992px) { #footer .custom-footer__newsletter.extended { flex: 0 0 25% !important; margin-bottom: 0px !important;}}
@media (min-width: 992px) { #footer .custom-footer__articles { flex: 0 0 20% !important; }
}
@media (min-width: 992px) {
.custom-footer > div { flex: 0 0 auto; padding: 17px; width: 50%;}}
/* ==========================================================================
   LUDWIG PREMIUM PATIČKA – KONEČNÉ SJEDNOCENÍ DESIGNU & TEXTŮ
   ========================================================================== */

/* 1. GLOBÁLNÍ BARVA PATIČKY */
#footer, footer {
    background-color: #d1b684 !important; /* Hřejivá zlatá barva brandu Ludwig */
}

/* 2. SJEDNOCENÍ VÝŠKY A NADPISŮ PRO VŠECHNY TŘI BOXY – POUZE PRO DESKTOP */
@media (min-width: 1200px) { /* ZDE JSME TO ZMĚNILY Z 768px NA 1200px */
    html body #footer .custom-footer {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important; /* Sjednotí výšku všech boxů v řadě */
        justify-content: space-between !important;
    }

    #footer .custom-footer__contact-col,
    #footer .custom-footer__newsletter.extended,
    #footer .custom-footer__banner1 { 
        flex-direction: column !important;
        justify-content: space-between !important;
        min-height: 447px !important; /* Bezpečná stabilní výška pro celou řadu na desktopu */
        max-height: 447px !important;
        box-sizing: border-box !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 992px) {
/* Sjednocení všech nadpisů v boxech (Velikost, tloušťka, barva) */
#footer .custom-footer__contact-col h3,
#footer .custom-footer__newsletter.extended .newsletter-header h3.topic span,
#footer .kk-map-container h3 span {
    color: #B38E46 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    margin-top: 0px;
}
}

@media (max-width: 991px) {
/* Nadpisy mobil (Velikost, tloušťka, barva) */
#footer .custom-footer__contact-col h3,
#footer .custom-footer__newsletter.extended .newsletter-header h3.topic span,
#footer .kk-map-container h3 span {
    color: #B38E46 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-top: 0px;
}
}

/* Výjimka pro nadpis Newsletteru, aby zůstal bílý na tmavém pozadí boxu */
#footer .custom-footer__newsletter.extended .newsletter-header h3.topic span {
    color: var(--ludwig-color-wine)!important;
}

/* 3. OPRAVA ČITELNOSTI TEXTŮ V KONTAKTNÍM BOXU */
#footer .custom-footer__contact-col .contact-address,
#footer .custom-footer__contact-col .contact-links p,
#footer .custom-footer__contact-col .contact-links strong,
#footer .custom-footer__contact-col .ludwig-card__hours {
    color: #2c251e !important; /* Vynutíme čokoládovou barvu pro nečitelné texty */
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Výrazné telefonní číslo */
#footer .custom-footer__contact-col a.ludwig-phone-link {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #d1b684 !important; /* Luxusní zlatá pro číslo */
    text-decoration: none !important;
    display: inline-block !important;
    margin: 10px 0 !important;
}

/* 4. DOPLNĚNÍ UX TEXTU DO NEWSLETTERU (Vyplnění prázdného místa) */
#footer .custom-footer__newsletter.extended .newsletter-header h3.topic::after {
    content: "Inspirace pro vaši vnitřní i vnější krásu. Získejte rady našich specialistů a informace o novinkách v salonu." !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    color: rgba(255, 255, 255, 0.85) !important; /* Jemná světlá barva textu */
}

@media (max-width: 768px) {
#footer .custom-footer__newsletter.extended .newsletter-header h3.topic::after {
    content: "Inspirace pro vaši vnitřní i vnější krásu. Získejte rady našich specialistů a informace o novinkách v salonu." !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    color: rgba(255, 255, 255, 0.85) !important; /* Jemná světlá barva textu */
}
}

/* Styl newsletter boxu */
.custom-footer__newsletter.extended {
    background: rgba(255, 255, 255, 0.08) !important; /* Kouřové sklo */
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 25px !important;
    padding: 36px 30px 25px 30px !important;
}
#formNewsletterWidget label.whole-width, #formNewsletterWidget label.whole-width span, #formNewsletterWidget label.whole-width a {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
/* Políčko a šipka */
#formNewsletterWidget input[type="email"].form-control {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 10px 0 0 10px !important;
    color: #2c251e !important;
    height: 46px !important;
}
#formNewsletterWidget button.btn-arrow-right {
    background-color: #7e5d5d !important;
    border: 1px solid #7e5d5d !important;
    border-radius: 0 10px 10px 0 !important;
    height: 46px !important;
}

/* 5. STYLOVÁNÍ MAPY PODLE NOVÉHO HTML KÓDU */
#footer .custom-footer__banner1,
#footer .custom-footer__banner1 .banner,
#footer .custom-footer__banner1 .banner-wrapper {
    background: transparent !important; /* Zbavíme se starého pozadí */
}

#footer .custom-footer__contact-col {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 36px 30px 25px 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#footer .custom-footer__articles {
    padding: 36px 30px 25px 30px !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#footer {
    color: #2c251e !important;
}

/* Použijeme tvé nové třídy z kódu mapy a uděláme z ní stejný bílý box */
#footer .kk-map-container {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 36px 30px 25px 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important; /* Vyplní celou sjednocenou výšku */
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Srovnání nadpisu KUDY K NÁM přesně doleva jako u kontaktů */
#footer .kk-map-container h3 {
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* Vnitřní rámec mapy */
#footer .kk-map-frame {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: none !important;
    background: #ffffff !important;
    margin-top: auto !important; /* Dotlačí mapu na dno boxu */
}

/* 6. RESTART SPODNÍ LINKEY NAD LOGY PLATEB */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    margin-top: 35px !important;
}
/* ==========================================================================
   LUDWIG EXTRA DESIGN – PREMIUM PODBARVENÍ TELEFONU
   ========================================================================== */

/* Pojistka pro absolutní čitelnost textů uvnitř krémového boxu */
#footer .custom-footer__contact-col .ludwig-highlight-box,
#footer .custom-footer__contact-col .ludwig-highlight-box p,
#footer .custom-footer__contact-col .ludwig-highlight-box strong,
#footer .custom-footer__contact-col .ludwig-highlight-box span {
    color: #2c251e !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* Fix designu telefonu při najetí myší */
#footer .custom-footer__contact-col .ludwig-highlight-box a.ludwig-phone-link:hover {
    color: #2c251e !important; /* Telefon se při hoveru zbarví do čokoládova */
    text-decoration: none !important;
}


/* ==========================================================================
   LUDWIG SMART DEVICE FILTR – PŘESNÉ ROZŘAZENÍ POZIC (Finální Master)
   ========================================================================== */

/* --- A. CHOVÁNÍ NA DESKTOPU (Široké monitory od 1200px výše) --- */
@media (min-width: 1200px) {
    /* Ukážeme samostatný Kontakt (banner2) a samostatnou Mapu (banner1) */
    #footer .custom-footer__banner2,
    #footer .custom-footer__banner1 { 
        display: block !important; 
    }
    
    /* Schováme tablet (banner5) a nový mobil */
    #footer .custom-footer__banner5,
    .ludwig-only-mobile { 
        display: none !important; 
    }
    
    /* Všechny 4 desktopové sloupce vedle sebe */
    #footer .custom-footer {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
}

/* --- B. CHOVÁNÍ NA TABLETU (iPady a střední displeje 768px až 1199px) --- */
@media (min-width: 768px) and (max-width: 1199px) {
    /* Schováme desktop samostatný Kontakt (banner2), samostatnou Mapu (banner1) a mobil */
    #footer .custom-footer__banner2,
    #footer .custom-footer__banner1,
    .ludwig-only-mobile { 
        display: none !important; 
    }
    
    /* Ukážeme tu krásnou spojenou tabletovou kartu (banner5) */
    #footer .custom-footer__banner5 { 
        display: block !important; 
        float: left !important; 
        width: 52% !important; 
        max-height: none !important; 
        min-height: auto !important;
        box-sizing: border-box !important;
    }

    /* Vypneme globální flexbox pro plynulé floatování na tabletu */
    html body #footer .custom-footer {
        display: block !important;
        width: 100% !important;
        clear: both !important;
    }

    /* Pravý sloupec tabletu (Menu a Newsletter pod sebou) */
    #footer .custom-footer__articles,
    #footer .custom-footer__newsletter.extended {
        width: 44% !important; 
        float: right !important; 
        clear: right !important; 
        box-sizing: border-box !important;
        display: block !important;
    }
    #footer .custom-footer__articles { margin-bottom: 35px !important; }
    #footer .custom-footer__newsletter.extended { padding: 20px 25px !important; margin-bottom: 0 !important; }
    #footer .custom-footer__banner5 .custom-footer__contact-col { max-height: none !important; min-height: auto !important; height: auto !important; padding: 36px 30px 45px 30px !important; }
}

/* --- C. CHOVÁNÍ NA MOBILU (Chytré telefony do 767px) --- */
@media (max-width: 767px) {
    /* Na mobilu absolutně vymažeme desktopový i tabletový banner */
    #footer .custom-footer__banner1,
    #footer .custom-footer__banner2,
    #footer .custom-footer__banner5 { 
        display: none !important; 
    }

    /* Naopak zapneme čisté mobilní zobrazení */
    .ludwig-only-mobile { 
        display: block !important; 
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Všechny zbylé systémové mobilní věci (Menu a Newsletter) se řadí pod sebe na celou šířku */
    html body #footer .custom-footer {
        display: block !important;
    }
    
    #footer .custom-footer__articles,
    #footer .custom-footer__newsletter.extended {
        width: 100% !important;
        max-width: 95% !important;
        float: none !important;
        clear: both !important;
        display: block !important;
        margin-top: 15px !important;
        margin-bottom: 5px !important;
        margin-left: 10px !important;
        padding: 30px 25px 5px 25px !important;
        box-sizing: border-box !important;
        text-align: center !important; /* Vycentrování odkazů a textů na mobilu pro čisté palcové UX */
    }
}
:where(.ums_forms_redesign--off) .form-group label {
    margin-bottom: 25px;
}
/* --- PRÉMIOVÉ ZAOBLENÍ PRODUKTOVÝCH FOTEK LUDWIG --- */
html body .product .image,
html body .p-carousel-inner .product .image-wrapper {
    border-radius: 16px !important; /* Jemné, citlivé zaoblení fotky */
    overflow: hidden !important;    /* Ořízne rohy šedého pozadí z Presty do hladka */
    transition: transform 0.3s ease !important;
}

/* Jemný efekt při najetí myší (hover), který dodá pocit živého e-shopu */
html body .product:hover .image img {
    transform: scale(1.02) !important; /* Velmi decentní přiblížení */
}




/* ==========================================================================
   LUDWIG MASTER PATIČKA – DOKONALÉ SJEDNOCENÍ VŠECH 4 BOXŮ
   ========================================================================== */

/* 1. SJEDNOCENÝ VÍNOVÝ NADPIS PRO VŠECHNY BOXY V PATIČCE */
#footer .ludwig-footer-title,
#footer .footer-title,
#footer .custom-footer__contact-col h3,
#footer .kk-map-container h3,
#footer .ludwig-footer-contact-card h3 {
    font-family: 'League Spartan', sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #4A1525 !important; /* Naše vínová barva Ludwig */
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    text-transform: none !important; /* Žádná nucená velká písmena */
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

/* 2. ZÁKLADNÍ VZHLED BÍLÝCH KARET (Sloupce 2, 3 a 4) */
#footer .custom-footer__contact-col,
#footer .kk-map-container,
#footer .ludwig-footer-contact-card {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 30px 24px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #2c251e !important;
}

/* 3. ROZLOŽENÍ A STEJNÁ VÝŠKA NA DESKTOPU (od 1200px) */
@media (min-width: 1200px) {
    #footer .custom-footer {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important; /* Všechny sloupce stejně vysoké */
        justify-content: space-between !important;
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }

    /* Sloupec 1: Odkazy */
    #footer .footer-custom-links {
        flex: 0 0 22% !important;
        padding: 10px 10px !important;
    }

    /* Sloupce 2, 3, 4: Bílé karty */
    #footer .custom-footer__contact-col,
    #footer .kk-map-container,
    #footer .ludwig-footer-contact-card {
        flex: 0 0 25% !important;
        min-height: 530px !important;
        max-height: 530px !important;
    }
}

/* 4. DETAILNÍ STYLOVÁNÍ OBSAHU UVNITŘ JEDNOTLIVÝCH KARET */

/* Sloupec 1: Odkazy */
.footer-custom-links ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-custom-links ul li {
    margin-bottom: 7px !important;
}

.footer-custom-links ul li a {
    font-family: 'League Spartan', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

.footer-custom-links ul li a:hover {
    color: #4A1525 !important;
    transform: translateX(3px) !important;
}

/* Sloupec 2: Osobní objednávky */
.custom-footer__contact-col .contact-address {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #55443b !important;
    margin-bottom: 12px !important;
}

.custom-footer__contact-col .ludwig-highlight-box {
    background-color: #FAF7F2 !important;
    border-left: 4px solid #B38E46 !important;
    padding: 12px 14px !important;
    border-radius: 0 12px 12px 0 !important;
    margin: 10px 0 !important;
}

.custom-footer__contact-col .highlight-label {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #4A1525 !important;
    margin: 0 0 4px 0 !important;
}

.custom-footer__contact-col .ludwig-phone-link {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #B38E46 !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.1 !important;
}

.custom-footer__contact-col .ludwig-phone-link:hover {
    color: #4A1525 !important;
}

.custom-footer__contact-col .contact-hours-note {
    font-size: 15px !important;
    color: #2c251e !important;
    line-height: 1.7 !important;
    margin: 0 0px 20px 0 !important;
}

.custom-footer__contact-col .contact-hours-note1 {
    font-size: 14px !important;
    color: #2c251e !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

/* Sloupec 3: Mapa */
.kk-map-container .kk-map-frame {
    margin-top: auto !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Sloupec 4: Kontakt a rezervace */
.ludwig-footer-mini-box {
    background-color: #FAF7F2 !important;
    border: 1px solid #EFE7DC !important;
    border-left: 3.5px solid #B38E46 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
}

.mini-box-tag {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #4A1525 !important;
    display: block !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
}

.mini-box-hours {
    font-size: 13px !important;
    color: #7d6e64 !important;
    margin: 0 0 4px 0 !important;
}

.mini-box-phone {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #B38E46 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.mini-box-phone:hover {
    color: #4A1525 !important;
}

.mini-box-email {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #4A1525 !important;
    text-decoration: underline !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.mini-box-email:hover {
    color: #B38E46 !important;
}

/* Sociální sítě */
.ludwig-footer-social-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-top: 1px dashed #EFE7DC !important;
}

.ludwig-social-btn {
    width: 38px !important;
    height: 38px !important;
    background-color: #D1B684 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.ludwig-social-btn:hover {
    background-color: #4A1525 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}