/* ZieloneDrzewko.pl 2.64 - wspólny styl podstron z footera + status zamówienia */

.page-footer-subpage {
    background: #fff;
    color: var(--zd-storefront-text, #20372c);
}

.page-footer-subpage .main {
    min-height: 0 !important;
    padding: clamp(26px, 3.4vw, 46px) 0 0 !important;
    margin: 0 !important;
    background: #fff !important;
}

.page-footer-subpage .main h1,
.page-footer-subpage .main h2,
.page-footer-subpage .main h3 {
    font-family: var(--zd-storefront-font) !important;
    color: #17382b !important;
    letter-spacing: -.018em !important;
}

.page-footer-subpage .main h1 {
    font-size: clamp(26px, 2.6vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 620 !important;
}

.page-footer-subpage .main h2 {
    font-size: clamp(20px, 1.8vw, 25px) !important;
    line-height: 1.2 !important;
    font-weight: 620 !important;
}

.page-footer-subpage .main h3 {
    font-size: clamp(16px, 1.35vw, 19px) !important;
    font-weight: 620 !important;
}

.page-footer-subpage .main p,
.page-footer-subpage .main li,
.page-footer-subpage .main label,
.page-footer-subpage .main input,
.page-footer-subpage .main textarea,
.page-footer-subpage .main select,
.page-footer-subpage .main button,
.page-footer-subpage .main a {
    font-family: var(--zd-storefront-font) !important;
}

.page-footer-subpage .main p,
.page-footer-subpage .main li {
    color: #66766e;
    line-height: 1.65;
}

.page-footer-subpage .main input,
.page-footer-subpage .main textarea,
.page-footer-subpage .main select {
    border: 1px solid #dfe7db !important;
    background: #fbfcfa !important;
    color: #213a2e !important;
    box-shadow: none !important;
    outline: none;
    border-radius: 12px !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.page-footer-subpage .main input:focus,
.page-footer-subpage .main textarea:focus,
.page-footer-subpage .main select:focus {
    border-color: #9caf61 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(127,151,14,.08) !important;
}

.page-footer-subpage .main button,
.page-footer-subpage .main .btn,
.page-footer-subpage .main [type="submit"] {
    border-radius: 11px !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
}

/* Status zamówienia: usunięcie ciężkich ramek i „pudełka w pudełku”. */
.page-order-status .main {
    padding-top: clamp(24px, 3vw, 42px) !important;
}

.page-order-status .zd-status-shell-264 {
    width: min(1120px, calc(100% - 28px)) !important;
    margin: 0 auto !important;
    padding: clamp(24px, 4vw, 48px) !important;
    background: #f5f8f1 !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.page-order-status .zd-status-card-264 {
    width: min(760px, 100%) !important;
    margin: 0 auto !important;
    padding: clamp(24px, 3.5vw, 38px) !important;
    background: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 36px rgba(22, 54, 41, .055) !important;
}

.page-order-status .zd-status-card-264::before,
.page-order-status .zd-status-card-264::after,
.page-order-status .zd-status-shell-264::before,
.page-order-status .zd-status-shell-264::after {
    border: 0 !important;
    box-shadow: none !important;
}

.page-order-status .zd-status-card-264 h1,
.page-order-status .zd-status-card-264 h2 {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
}

.page-order-status .zd-status-card-264 form {
    display: grid;
    gap: 12px;
    margin-top: 22px;
}

.page-order-status .zd-status-card-264 label {
    display: grid;
    gap: 6px;
    color: #234136;
    font-size: 13px;
    font-weight: 600;
}

.page-order-status .zd-status-card-264 input {
    min-height: 46px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
}

.page-order-status .zd-status-card-264 [type="submit"] {
    min-height: 45px !important;
    margin-top: 2px;
    border: 0 !important;
    background: #80980f !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease;
}

.page-order-status .zd-status-card-264 [type="submit"]:hover {
    background: #72890d !important;
}

.page-order-status .zd-status-card-264 [type="submit"]:active {
    transform: translateY(1px);
}

/* Podstrony informacyjne - wspólny rytm i brak ogromnych pustych stref. */
.page-footer-subpage .main > :last-child {
    margin-bottom: 0 !important;
}

.page-footer-subpage .main section:last-child,
.page-footer-subpage .main article:last-child,
.page-footer-subpage .main .page-content:last-child {
    margin-bottom: 0 !important;
}

/* Footer zawsze taki sam niezależnie od podstrony. */
.site-footer-like-screen {
    font-family: var(--zd-storefront-font) !important;
    margin-top: clamp(24px, 3vw, 42px) !important;
}

.page-footer-subpage .site-footer-like-screen {
    margin-top: 0 !important;
}

.site-footer-like-screen .footer-column h3 {
    font-family: var(--zd-storefront-font) !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

.site-footer-like-screen .footer-column a,
.site-footer-like-screen .footer-copy,
.site-footer-like-screen .footer-socials-label {
    font-family: var(--zd-storefront-font) !important;
    font-weight: 500 !important;
}

@media (max-width: 760px) {
    .page-footer-subpage .main {
        padding-top: 18px !important;
    }

    .page-order-status .zd-status-shell-264 {
        width: calc(100% - 16px) !important;
        padding: 14px !important;
        border-radius: 16px !important;
    }

    .page-order-status .zd-status-card-264 {
        padding: 20px 16px !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }

    .page-order-status .zd-status-card-264 h1,
    .page-order-status .zd-status-card-264 h2 {
        font-size: 25px !important;
    }
}