/* =============================================================
 * auto-fixes.css — BS5 Desktop Visual Reconciliation
 * Generated from computed-style comparison at 1400px
 * Prod vs Sandbox: header/navbar/social/font matching
 * ============================================================= */

/* Fix 1: Social icon circles — match production 42px diameter */
@media (min-width: 1200px) {
    a.social-icon-circle {
        width: 42px !important;
        height: 42px !important;
        margin: 0 4px !important;
        line-height: 42px !important;
    }
}

/* Fix 2: Desktop navbar container height — match production 40px */
@media (min-width: 1200px) {
    nav.navbar.navbar-default {
        height: 40px !important;
        min-height: 40px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Fix 3: Nav link styling — match production spacing & sizing */
@media (min-width: 1200px) {
    .navbar-default .navbar-nav > li > a {
        padding: 10px 15px !important;
        font-size: 12px !important;
        line-height: 20px !important;
    }
}

/* Fix 4: Section heading (GET A PRICE ON YOUR NEW GUTTERDOME) — reduce size */
@media (min-width: 1200px) {
    h2 {
        font-size: 30px !important;
    }
}

/* Fix 5: Phone number color — match production gold #c8963e */
@media (min-width: 1200px) {
    a[href^="tel:"] {
        color: #c8963e !important;
        font-weight: 700 !important;
    }
}

/* Fix 6: Section heading top margins — match production 10px top margin */
/* Broad h4 rule applies to all, then sidebar cards get margin-top: 0 override */
@media (min-width: 1200px) {
    h4 {
        margin-top: 10px !important;
    }
    /* Sidebar card headings (Specials/Financing inside list items) — keep at 0 */
    li h4,
    .caption-text h4 {
        margin-top: 0 !important;
    }
}

/* Fix 7: "Professional Installations" footer heading margin — match production 10px vertical */
@media (min-width: 1200px) {
    .site-footer h4,
    footer h4,
    .footer-bottom h4 {
        margin: 10px 0 !important;
    }
}