/* =========================================================================
   Stopka sklepu Deal Meble na blogu.
   Wszystkie wartości zmierzone na działającym sklepie (computed styles).
   ========================================================================= */

/* Stopka motywu ustępuje miejsca stopce sklepu. */
.wp-site-blocks > footer.wp-block-template-part { display: none !important; }

#dm-stopka-sklepu {
    background: #D6C7B0;
    padding-top: 32px;                 /* sklep: pt-8 na telefonie */
    padding-bottom: 0;
    font-family: var(--dm-font);
    color: #000;
}
@media (min-width: 768px) { #dm-stopka-sklepu { padding-top: 64px; } }   /* sklep: md:pt-16 */
#dm-stopka-sklepu, #dm-stopka-sklepu *, #dm-stopka-sklepu *::before, #dm-stopka-sklepu *::after {
    box-sizing: border-box;
}
/* Motyw narzuca wagę 300, letter-spacing -0.1px i interlinię 1.4 - reset jak w nagłówku. */
#dm-stopka-sklepu, #dm-stopka-sklepu * { font-weight: 400; letter-spacing: normal; }
#dm-stopka-sklepu a { color: #000; text-decoration: none; }
#dm-stopka-sklepu a:hover { text-decoration: underline; }
#dm-stopka-sklepu h3, #dm-stopka-sklepu h4, #dm-stopka-sklepu p, #dm-stopka-sklepu ul { margin: 0; padding: 0; }
#dm-stopka-sklepu ul { list-style: none; }

/* kontener taki sam jak w nagłówku (max 1536 px + 16 px na boki) */
#dm-stopka-sklepu .dm-kontener { width: 100%; margin: 0 auto; padding: 0 1rem; }
@media (min-width: 640px)  { #dm-stopka-sklepu .dm-kontener { max-width: 640px; } }
@media (min-width: 768px)  { #dm-stopka-sklepu .dm-kontener { max-width: 768px; } }
@media (min-width: 1024px) { #dm-stopka-sklepu .dm-kontener { max-width: 1024px; } }
@media (min-width: 1280px) { #dm-stopka-sklepu .dm-kontener { max-width: 1280px; } }
@media (min-width: 1536px) { #dm-stopka-sklepu .dm-kontener { max-width: 1536px; } }

/* ===================== newsletter ===================== */
#dm-stopka-sklepu .dm-nl {
    display: flex; flex-direction: column; align-items: center;
    border-bottom: 1px solid #374151;
    padding-bottom: 32px;
}
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-nl { flex-direction: row; justify-content: space-between; padding-bottom: 40px; }
}
#dm-stopka-sklepu .dm-nl-tytul {
    font-size: 24px; line-height: 32px; font-weight: 300; color: #000;
    max-width: 448px; text-align: center; margin-bottom: 24px;
}
#dm-stopka-sklepu .dm-nl-tytul span { font-weight: 600; }
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-nl-tytul { font-size: 30px; line-height: 36px; text-align: left; margin-bottom: 0; }
}
#dm-stopka-sklepu .dm-nl-prawa { width: 100%; max-width: 576px; }
#dm-stopka-sklepu .dm-nl-komunikat { margin-bottom: 8px; font-size: 14px; text-align: center; }
#dm-stopka-sklepu .dm-nl-komunikat[hidden] { display: none; }
#dm-stopka-sklepu .dm-nl-komunikat.dm-blad { color: #8b1f26; }
#dm-stopka-sklepu .dm-nl-komunikat.dm-ok   { color: #2d5016; }

#dm-stopka-sklepu .dm-nl-pole { display: flex; position: relative; align-items: center; }
#dm-stopka-sklepu .dm-nl-input {
    flex: 1 1 auto; min-width: 0;
    padding: 12px 112px 12px 16px;
    border-radius: 9999px; background: #fff; border: 1px solid #fff;
    color: #000; font-family: inherit; font-size: 16px; line-height: 24px;
}
#dm-stopka-sklepu .dm-nl-input::placeholder { color: #B96541; }
#dm-stopka-sklepu .dm-nl-input:focus { outline: none; }
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-nl-input { padding: 16px 128px 16px 16px; }
}
#dm-stopka-sklepu .dm-nl-przycisk {
    position: absolute; right: 8px;
    padding: 8px 16px; border: 0; cursor: pointer;
    background: #B96541; color: #fff; border-radius: 9999px;
    font-family: inherit; font-size: 14px; line-height: 24px;
    transition: background .15s;
}
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-nl-przycisk { padding: 8px 24px; font-size: 16px; }
}
#dm-stopka-sklepu .dm-nl-przycisk:hover { background: #A05431; }
#dm-stopka-sklepu .dm-nl-przycisk:disabled { opacity: .5; cursor: default; }

/* ===================== cztery kolumny ===================== */
#dm-stopka-sklepu .dm-stopka-siatka {
    display: grid; grid-template-columns: 1fr; gap: 0;
    padding: 32px 0; font-size: 14px;
}
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-stopka-siatka { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; }
}

/* --- kolumna Kontakt --- */
#dm-stopka-sklepu .dm-stopka-kontakt { color: #000; padding-bottom: 24px; line-height: 20px; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-stopka-kontakt { padding-bottom: 0; } }
#dm-stopka-sklepu .dm-stopka-kontakt h4 { font-size: 18px; line-height: 28px; font-weight: 600; }
#dm-stopka-sklepu .dm-stopka-kontakt h4.dm-mt { margin-top: 12px; }
#dm-stopka-sklepu .dm-podkreslony { text-decoration: underline; font-weight: 600; }

#dm-stopka-sklepu .dm-social { display: flex; gap: 8px; margin-top: 16px; }
#dm-stopka-sklepu .dm-social a { display: flex; color: #000; }
#dm-stopka-sklepu .dm-social svg { width: 32px; height: 32px; }

/* --- sekcje z listami --- */
#dm-stopka-sklepu .dm-stopka-sekcja { border-bottom: 1px solid #d1d5db; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-stopka-sekcja { border-bottom: 0; } }

#dm-stopka-sklepu .dm-stopka-przelacz {
    width: 100%; display: flex; justify-content: space-between; align-items: center;
    padding: 16px 0; border: 0; background: none; cursor: pointer; text-align: left; color: #000;
}
@media (min-width: 768px) { #dm-stopka-sklepu .dm-stopka-przelacz { display: none; } }
#dm-stopka-sklepu .dm-stopka-przelacz h4 { font-size: 18px; line-height: 28px; font-weight: 700; }
#dm-stopka-sklepu .dm-chevron { width: 20px; height: 20px; transition: transform .2s; flex: 0 0 auto; }
#dm-stopka-sklepu .dm-stopka-przelacz[aria-expanded="true"] .dm-chevron { transform: rotate(180deg); }

#dm-stopka-sklepu .dm-stopka-tytul { display: none; }
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-stopka-tytul {
        display: block; font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 16px;
    }
}
#dm-stopka-sklepu .dm-stopka-tresc { display: none; padding-bottom: 16px; }
#dm-stopka-sklepu .dm-stopka-tresc.dm-otwarte { display: block; }
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-stopka-tresc { display: block; padding-bottom: 0; }
}
#dm-stopka-sklepu .dm-stopka-tresc li + li { margin-top: 8px; }   /* sklep: space-y-2 */
#dm-stopka-sklepu .dm-stopka-tresc a { font-size: 14px; line-height: 20px; color: #000; }

/* --- kolumna Współpraca z nagrodami --- */
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-stopka-wspolpraca { display: flex; flex-direction: column; min-height: 100%; }
    #dm-stopka-sklepu .dm-nagrody { margin-top: auto; padding-top: 32px; }
}
#dm-stopka-sklepu .dm-nagrody { display: none; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-nagrody { display: block; } }
#dm-stopka-sklepu .dm-nagrody-logo { height: auto; width: 80%; margin: 0 auto 24px; display: block; }
#dm-stopka-sklepu .dm-nagrody-siatka {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: center;
}
#dm-stopka-sklepu .dm-nagrody-siatka img { width: 100%; height: auto; }

/* --- nagrody na telefonie --- */
#dm-stopka-sklepu .dm-nagrody-mobil { padding: 24px 0; border-top: 1px solid #d1d5db; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-nagrody-mobil { display: none; } }
#dm-stopka-sklepu .dm-nagrody-mobil h4 {
    font-weight: 700; margin-bottom: 16px; color: #000; text-align: center;
    font-size: 16px; line-height: 24px;
}
#dm-stopka-sklepu .dm-nagrody-mobil .dm-nagrody-siatka { gap: 16px; }
#dm-stopka-sklepu .dm-nagrody-mobil .dm-nagrody-siatka img { max-width: 120px; margin: 0 auto; }

/* ===================== pasek dolny ===================== */
#dm-stopka-sklepu .dm-stopka-dol {
    display: flex; flex-direction: column; align-items: center; gap: 16px;
    border-top: 1px solid #374151; padding: 24px 0;
    font-size: 12px; line-height: 16px; color: #4b5563;
}
@media (min-width: 768px) {
    #dm-stopka-sklepu .dm-stopka-dol { flex-direction: row; justify-content: space-between; }
}
#dm-stopka-sklepu .dm-stopka-dol p { color: #051024; text-align: center; font-size: 12px; line-height: 16px; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-stopka-dol p { text-align: left; } }
#dm-stopka-sklepu .dm-platnosci { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; align-items: center; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-platnosci { gap: 16px; } }
/* Sklep ustawia tylko wysokość klasą (h-4 / md:h-5); szerokość bierze się
   z atrybutu width obrazka, więc NIE nadajemy tu width:auto. */
#dm-stopka-sklepu .dm-platnosci img { height: 16px; }
@media (min-width: 768px) { #dm-stopka-sklepu .dm-platnosci img { height: 20px; } }