/* =========================================
   PATIČKA A BANNERY (PDZ1_footer.css)
========================================= */

/* =========================================
   1. ZÁKLADNÍ NASTAVENÍ PATIČKY
========================================= */
#footer {
    background: linear-gradient(to right, #3098C2, #1D6289) !important;
    border: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

#footer .footer-bottom {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Skrytí natvrdo zadrátovaného newsletteru v patičce */
.footer-newsletter,
#footer .footer-newsletter,
.container.footer-newsletter,
#footer > .container.footer-newsletter {
    display: none !important;
}

/* =========================================
   2. PATIČKOVÉ BANNERY — STRUKTURÁLNÍ LAYOUT
========================================= */
.footer-banners.banner-wrapper {
    max-width: 1300px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* Vertikální padding odstraněn, řídí si ho bannery samy. Necháváme jen boční. */
    padding: 0 50px !important; 
    box-sizing: border-box !important;
}

/* DESKTOP > 1250px: 4 sloupce */
@media (min-width: 1251px) {
    .footer-banners.banner-wrapper > .footer-banner {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }
}

/* TABLET 991-1250px: 2×2 grid */
@media (min-width: 991px) and (max-width: 1250px) {
    .footer-banners.banner-wrapper {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    .footer-banners.banner-wrapper > .footer-banner {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }
}

/* MOBIL < 991px: 1 sloupec */
@media (max-width: 990px) {
    .footer-banners.banner-wrapper {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    .footer-banners.banner-wrapper > .footer-banner {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* =========================================
   3. SPOJENÍ PATIČKOVÝCH BANNERŮ S PATIČKOU (MODRÉ POZADÍ)
========================================= */
.index-content-wrapper {
    background: transparent !important; 
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.footer-banners.banner-wrapper {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.homepage-texts-wrapper + .footer-banners.banner-wrapper,
.footer-banners.banner-wrapper {
    position: relative;
}

.footer-banners.banner-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: linear-gradient(to right, #3098C2, #1D6289) !important;
    z-index: -1; 
}

/* =========================================
   4. SPOJENÍ A ZAROVNÁNÍ BANNERŮ S PATIČKOU
========================================= */
#footer,
#footer .footer-bottom,
.footer-banners.banner-wrapper {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.footer-banners.banner-wrapper,
#footer .footer-bottom {
    max-width: 1300px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.footer-banners.banner-wrapper {
    padding-top: 60px !important; 
    padding-bottom: 0 !important; 
}

@media (min-width: 1251px) {
    .footer-banners.banner-wrapper,
    #footer .footer-bottom {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media (max-width: 1250px) {
    .footer-banners.banner-wrapper,
    #footer .footer-bottom {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* =========================================
   5. SPODNÍ LIŠTA PATIČKY (COPYRIGHT A SHOPTET)
========================================= */

/* Z hlavního kontejneru jsme odstranili border-top, aby nepřetékal přes okraje textu */
#footer .footer-bottom {
    border-top: none !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: var(--template-font) !important;
    font-size: 0.85em !important;
    display: flex !important;
    flex-direction: column !important; 
    gap: 0 !important; 
}

/* --- HORNÍ ŘÁDEK: Právní odkazy (Vycentrováno) --- */
.pdz-footer-legal-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 40px !important; 
    width: 100% !important;
    padding-top: 32px !important; 
    padding-bottom: 32px !important; 
    /* OBĚ LINKY drží tento prvek. Zaručuje to 100% stejnou délku přesně podle textu níže */
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; 
}

/* Zrušení podtržení u odkazů */
#footer .pdz-footer-legal-row a,
#footer .pdz-footer-legal-row .cookies-settings {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important; 
    font-weight: 400 !important; 
    font-size: 1.12em !important; 
    transition: color 0.2s ease, transform 0.2s ease !important;
}

#footer .pdz-footer-legal-row a:hover,
#footer .pdz-footer-legal-row .cookies-settings:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-2px); 
}

/* --- SPODNÍ ŘÁDEK: Podpis a Copyright --- */
.pdz-footer-credits-row {
    display: flex !important;
    justify-content: space-between !important; 
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    border-top: none !important; /* Zrušeno, spodní linku nyní obstarává horní řádek */
    padding-top: 25px !important;
    padding-bottom: 30px !important;
}

.pdz-footer-credits-row .copyright {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.pdz-footer-credits-row .copyright strong {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Podpis Start Eshopu */
.pdz-footer-credits-row #signature {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pdz-footer-credits-row #signature .title {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.pdz-footer-credits-row #signature:hover .title {
    color: #ffffff !important;
}

#footer .footer-bottom #signature img {
    width: 90px !important; 
    height: auto !important; 
    filter: brightness(0) invert(1) opacity(0.7) !important;
    transition: all 0.2s ease !important;
}

#footer .footer-bottom #signature:hover img {
    filter: brightness(0) invert(1) opacity(1) !important;
}

/* --- MOBILNÍ ZOBRAZENÍ --- */
@media (max-width: 990px) {
    .pdz-footer-legal-row {
        gap: 18px !important;
        flex-direction: column !important;
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .pdz-footer-credits-row {
        flex-direction: column-reverse !important; 
        justify-content: center !important;
        gap: 18px !important;
        text-align: center !important;
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}