/**
 * Footer tema stilleri — body.ui-footer-{style} ile kapsamlandırılır.
 * Renkler mevcut --footer-* değişkenlerini kullanır (tema ayarlarından).
 * Klasik stil style.css düzenini korur.
 */

/* —— Sade —— */
body.ui-footer-minimal .footer {
    background: var(--footer-bg, #020617);
    padding-bottom: 20px;
}

body.ui-footer-minimal .footer__gradient-top {
    height: 1px;
    background: color-mix(in srgb, var(--footer-link, #cbd5e1) 28%, transparent);
    opacity: 1;
}

body.ui-footer-minimal .footer__container {
    padding-top: 36px;
}

body.ui-footer-minimal .footer-content {
    gap: 28px 24px;
}

body.ui-footer-minimal .footer__heading .footer__heading-icon {
    display: none;
}

body.ui-footer-minimal .footer__heading {
    font-size: 0.65rem;
    letter-spacing: 0.18em;
    margin-bottom: 0.85rem;
}

body.ui-footer-minimal .footer-column > ul:not(.contact-info) li a,
body.ui-footer-minimal .footer-accordion__body > ul:not(.contact-info) li a {
    padding: 0.35rem 0;
    border-radius: 0;
    background: transparent;
}

body.ui-footer-minimal .footer-column > ul:not(.contact-info) li a:hover,
body.ui-footer-minimal .footer-accordion__body > ul:not(.contact-info) li a:hover {
    padding-left: 0;
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.ui-footer-minimal .footer__divider {
    margin: 32px 0 24px;
    background: color-mix(in srgb, var(--footer-link, #cbd5e1) 18%, transparent);
}

body.ui-footer-minimal .footer-social__link {
    border-radius: 8px;
    background: transparent;
    border-color: color-mix(in srgb, var(--footer-link, #cbd5e1) 22%, transparent);
}

body.ui-footer-minimal .contact-info__ic {
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--footer-link, #cbd5e1) 18%, transparent);
}

/* —— Premium —— */
body.ui-footer-premium .footer {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--footer-bg, #020617) 88%, #000) 0%,
        var(--footer-bg, #020617) 42%,
        var(--footer-bg, #020617) 100%
    );
}

body.ui-footer-premium .footer__gradient-top {
    height: 6px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--secondary-color, #008ed9) 18%,
        color-mix(in srgb, var(--secondary-color, #008ed9) 55%, #fff) 50%,
        var(--secondary-color, #008ed9) 82%,
        transparent 100%
    );
    opacity: 1;
}

body.ui-footer-premium .footer__container {
    padding-top: 48px;
}

body.ui-footer-premium .footer__heading {
    letter-spacing: 0.2em;
    font-size: 0.68rem;
}

body.ui-footer-premium .footer__heading .footer__heading-icon {
    border-radius: 50%;
    background: color-mix(in srgb, var(--secondary-color, #008ed9) 18%, transparent);
    border-color: color-mix(in srgb, var(--secondary-color, #008ed9) 35%, transparent);
    color: var(--footer-heading, #f1f5f9);
}

body.ui-footer-premium .footer-column > ul:not(.contact-info) li a:hover,
body.ui-footer-premium .footer-accordion__body > ul:not(.contact-info) li a:hover {
    background: color-mix(in srgb, var(--secondary-color, #008ed9) 12%, transparent);
}

body.ui-footer-premium .footer-social__link {
    border-radius: 50%;
    background: color-mix(in srgb, var(--footer-bg, #020617) 40%, transparent);
    border-color: color-mix(in srgb, var(--footer-link, #cbd5e1) 25%, transparent);
}

body.ui-footer-premium .footer-social__link:hover {
    background: color-mix(in srgb, var(--secondary-color, #008ed9) 22%, transparent);
    border-color: color-mix(in srgb, var(--secondary-color, #008ed9) 45%, transparent);
}

body.ui-footer-premium .footer__divider {
    margin: 44px 0 36px;
    background: linear-gradient(
        90deg,
        transparent,
        color-mix(in srgb, var(--secondary-color, #008ed9) 35%, transparent) 50%,
        transparent
    );
}

body.ui-footer-premium .footer-payment-security {
    border-bottom-color: color-mix(in srgb, var(--footer-link, #cbd5e1) 12%, transparent);
}

/* —— Vitrin (split) —— */
body.ui-footer-split .footer__container {
    padding-top: 44px;
}

body.ui-footer-split .footer-content {
    gap: 36px 32px;
}

@media (min-width: 992px) {
    body.ui-footer-split .footer-content {
        grid-template-columns: minmax(260px, 1.15fr) repeat(3, minmax(0, 1fr));
    }

    body.ui-footer-split .footer-column--contact {
        grid-column: 1;
        grid-row: 1 / span 2;
        padding-right: 24px;
        border-right: 1px solid color-mix(in srgb, var(--footer-link, #cbd5e1) 14%, transparent);
    }
}

body.ui-footer-split .footer-column--contact .footer__heading {
    font-size: 0.72rem;
    letter-spacing: 0.12em;
}

body.ui-footer-split .footer-column--contact .contact-info li {
    margin-bottom: 0.9rem;
}

body.ui-footer-split .footer-social {
    margin-top: 1.25rem;
}

body.ui-footer-split .footer__gradient-top {
    background: linear-gradient(90deg, var(--secondary-color, #008ed9) 0%, var(--footer-bg, #020617) 55%);
}

/* —— Güven (trust) —— */
body.ui-footer-trust .footer__gradient-top {
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color, #008ed9), color-mix(in srgb, var(--secondary-color, #008ed9) 40%, #22c55e));
}

body.ui-footer-trust .footer-payment-security {
    margin-bottom: 28px;
    padding: 20px 22px 24px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--footer-link, #cbd5e1) 16%, transparent);
    background: color-mix(in srgb, var(--footer-bg, #020617) 65%, #fff 4%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 6%, transparent);
}

body.ui-footer-trust .security-badges h5,
body.ui-footer-trust .payment-cards h5 {
    color: var(--footer-heading, #f1f5f9);
    font-size: 0.72rem;
    letter-spacing: 0.1em;
}

body.ui-footer-trust .security-badge,
body.ui-footer-trust .payment-card {
    background: color-mix(in srgb, var(--footer-bg, #020617) 50%, transparent);
    border: 1px solid color-mix(in srgb, var(--footer-link, #cbd5e1) 14%, transparent);
    border-radius: 10px;
}

body.ui-footer-trust .footer__divider {
    margin-top: 8px;
}

body.ui-footer-trust .footer-credits {
    padding-top: 4px;
}

/* —— Kompakt —— */
body.ui-footer-compact .footer {
    padding-bottom: 16px;
}

body.ui-footer-compact .footer__gradient-top {
    height: 2px;
}

body.ui-footer-compact .footer__container {
    padding-top: 28px;
}

body.ui-footer-compact .footer-content {
    gap: 20px 18px;
}

body.ui-footer-compact .footer__heading {
    margin-bottom: 0.65rem;
    font-size: 0.62rem;
}

body.ui-footer-compact .footer__heading .footer__heading-icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
    border-radius: 6px;
}

body.ui-footer-compact .footer-column > ul:not(.contact-info) li,
body.ui-footer-compact .footer-accordion__body > ul:not(.contact-info) li {
    margin-bottom: 0.15rem;
}

body.ui-footer-compact .footer-column > ul:not(.contact-info) li a,
body.ui-footer-compact .footer-accordion__body > ul:not(.contact-info) li a {
    padding: 0.3rem 0.35rem;
    font-size: 0.82rem;
}

body.ui-footer-compact .contact-info li {
    margin-bottom: 0.5rem;
    font-size: 0.82rem;
}

body.ui-footer-compact .contact-info__ic {
    width: 1.65rem;
    height: 1.65rem;
    font-size: 0.72rem;
}

body.ui-footer-compact .footer-social__link {
    width: 2.1rem;
    height: 2.1rem;
    font-size: 0.85rem;
    border-radius: 8px;
}

body.ui-footer-compact .footer__divider {
    margin: 24px 0 18px;
}

body.ui-footer-compact .footer-payment-security {
    margin-bottom: 16px;
    padding-bottom: 18px;
    gap: 16px;
}

body.ui-footer-compact .footer-credits p {
    font-size: 0.78rem;
}

@media (min-width: 1200px) {
    body.ui-footer-compact .footer-content {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px 14px;
    }
}

/* Font size modifiers — all footer styles */
body.ui-footer-classic .footer.footer--font-small,
body.ui-footer-minimal .footer.footer--font-small,
body.ui-footer-premium .footer.footer--font-small,
body.ui-footer-split .footer.footer--font-small,
body.ui-footer-trust .footer.footer--font-small,
body.ui-footer-compact .footer.footer--font-small {
    font-size: 0.88rem;
}

body.ui-footer-classic .footer.footer--font-large,
body.ui-footer-minimal .footer.footer--font-large,
body.ui-footer-premium .footer.footer--font-large,
body.ui-footer-split .footer.footer--font-large,
body.ui-footer-trust .footer.footer--font-large,
body.ui-footer-compact .footer.footer--font-large {
    font-size: 1.05rem;
}