/**
 * Footer Styles — Picklemall Widgets
 *
 * Minimal footer styles. Most styling is handled via Elementor Theme Builder.
 * Customize design tokens in theme variables.css (--pm-color-*, --pm-text-*)
 */

/* ── Footer Base ──────────────────────────────────────────────────────────── */

.elementor-location-footer {
    background-color: var(--pm-color-gray-50);
    border-top: 1px solid var(--pm-color-gray-200);
    margin-top: var(--pm-section-gap);
    padding-block: var(--pm-space-16);
}

/* ── Footer Navigation ────────────────────────────────────────────────────── */

.e-menu.footer-navigation {
    flex-direction: row;
    gap: var(--pm-space-8);
}

.footer-navigation a {
    color: var(--pm-color-type-body);
    font-size: var(--pm-text-body-sm);
    text-decoration: none;
    transition: color var(--pm-duration-fast) var(--pm-ease);
}

.footer-navigation a:hover {
    color: var(--pm-color-primary);
    text-decoration: underline;
}

/* ── Footer Typography ────────────────────────────────────────────────────── */

.elementor-location-footer p {
    color: var(--pm-color-type-body);
    font-size: var(--pm-text-body-sm);
    line-height: var(--pm-leading-normal);
}

.site-footer__tagline {
    margin-top: var(--pm-space-2);
    font-size: var(--pm-text-caption);
    color: var(--pm-color-gray-600);
}

.site-footer__copy {
    font-size: var(--pm-text-caption);
    color: var(--pm-color-gray-500);
    border-top: 1px solid var(--pm-color-gray-200);
    padding-top: var(--pm-space-8);
    margin-top: var(--pm-space-8);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .elementor-location-footer {
        padding-block: var(--pm-space-12);
    }

    .e-menu.footer-navigation {
        flex-direction: column;
        gap: var(--pm-space-4);
    }
}