/* Shared footer styles extracted from customer/delivery_info.php
   Loaded just before footer markup to ensure these rules override
   page-specific footer snippets where necessary. */

:root{
    --footer-bg: var(--card);
}

body .footer-wrapper{
    background: var(--footer-bg) !important;
    border-top: 5px solid var(--primary) !important;
    padding: 40px 20px 30px !important;
}

body .footer-grid{
    max-width: 1150px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

body .footer-brand{ display: flex; flex-direction: column; align-items: flex-start; gap: 15px; max-width: 280px; }
body .footer-brand-logo{ display: flex; align-items: center; gap: 12px; }
body .footer-brand-logo img{ height: 56px; width: auto; object-fit: contain; flex-shrink: 0; }
body .footer-logo-text{ font-size: 22px; font-weight: 800; color: var(--primary); line-height: 1.2; letter-spacing: 1px; }
body .footer-brand p{ color: var(--muted); font-size: 13px !important; line-height: 1.6; margin: 0; }

body .footer-col h4{ color: var(--primary); margin-bottom: 12px; font-size: 15px; font-weight: 700; }
body .footer-col ul{ list-style: none; padding: 0; margin: 0; }
body .footer-col ul li{ margin: 6px 0; }
body .footer-col ul li a{ color: var(--muted); text-decoration: none; font-size: 13px !important; line-height: 1.5 !important; }
body .footer-col ul li a:hover{ color: var(--primary); }

body .footer-logo-text{ font-weight: 700; font-size: 22px !important; color: var(--primary); }
body .footer-col p{ color: var(--muted); font-size: 13px !important; line-height: 1.6; }
body .footer-col a{ color: var(--muted); text-decoration: none; }
body .footer-col a:hover{ text-decoration: underline; color: var(--primary); }

body .copyright{ text-align: center; margin-top: 10px; color: var(--muted); font-size: 12px !important; }

/* Ensure footer uses site font and consistent weight */
body .footer-wrapper,
body .footer-wrapper * {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
}

@media (max-width: 768px) {
    body .footer-wrapper{ padding: 35px 16px 28px !important; }
    body .footer-grid{ gap: 24px; padding-bottom: 24px; }
    body .footer-brand{ grid-column: 1 / -1; }
    body .footer-col h4{ font-size: 14px; margin-bottom: 10px; }
    body .footer-col ul li a{ font-size: 12px; }
    body .footer-logo-text{ font-size: 20px; }
    body .footer-brand-logo img{ height: 48px; }
}

@media (max-width: 479px) {
    body .footer-wrapper{ padding: 28px 14px 22px !important; }
    body .footer-grid{ grid-template-columns: 1fr; gap: 20px; padding-bottom: 20px; }
    body .footer-col h4{ font-size: 13px; }
    body .footer-col ul li a{ font-size: 11px; }
    body .footer-logo-text{ font-size: 18px; }
    body .copyright{ font-size: 11px; }
}

/* End of shared footer styles */