/* ============================================================
   FOOTER — gold theme + mobile fixes
   Load AFTER footer.css and footer-fixes.css.
   ============================================================ */

.site-footer {
    background: linear-gradient(90deg, #fdf3d0 0%, #f7cf4d 55%, #eab208 100%);
}

.site-footer .footer-logo {
    display: inline-flex;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 0;
    box-shadow: none;
}

.site-footer .footer-logo img {
    max-width: 190px;
    margin-bottom: 0;
}

.site-footer .footer-contact li { color: #1c2340; }
.site-footer .footer-contact li a { color: #16224a; }
.site-footer .footer-contact li a:hover { color: #7a5200; }

.site-footer h4 {
    color: #16224a;
    text-shadow: none;
}

.site-footer h4::after {
    background: linear-gradient(135deg, #b8860b 0%, #7a5200 100%);
}

.site-footer .footer-links li a {
    color: #2a2f45;
    font-weight: 500;
}

.site-footer .footer-links li a:hover { color: #7a5200; }

.footer-newsletter-text { color: #2a2f45; }

/* ============================================================
   THE ACTUAL MOBILE BUG:
   welcome.blade.php sets style="padding-left:80px;padding-right:80px"
   directly on .container-fluid. Inline styles beat any stylesheet
   rule that isn't !important, so on a 404px-wide phone that's
   160px of fixed padding eating two-thirds of the screen — that's
   what was crushing every column. This is the fix.
   ============================================================ */
@media (max-width: 900px) {
    .site-footer .container-fluid {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 480px) {
    .site-footer .container-fluid {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ============================================================
   Mobile layout tuning
   ============================================================ */
@media (max-width: 900px) {
    .site-footer {
        background: linear-gradient(180deg, #fdf3d0 0%, #f7cf4d 55%, #eab208 100%);
        text-align: center;
    }

    .site-footer .row.g-4 > div:not(:last-child) {
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(22, 34, 74, 0.12);
    }

    .site-footer .footer-links li a {
        display: inline-block;
        padding: 4px 0;
    }

    .footer-stats {
        border-top-color: rgba(22, 34, 74, 0.15);
    }

    .footer-stat-item .stat-value {
        color: #16224a;
        -webkit-text-fill-color: #16224a;
        background: none;
    }

    .footer-stat-item .stat-label {
        color: #4a4530;
    }

    .footer-bottom {
        background: #16224a;
    }
}

@media (max-width: 420px) {
    .footer-newsletter-form {
        flex-direction: column;
        border-radius: 10px;
        overflow: visible;
    }

    .footer-newsletter-form input {
        width: 100%;
        padding: 12px 14px;
        border-radius: 10px 10px 0 0;
    }

    .footer-newsletter-form button {
        width: 100%;
        padding: 12px 0;
        border-radius: 0 0 10px 10px;
    }
}