/* FINAL LEAD DEVT CORP LOGO OVERRIDE
   This uses the exact user-supplied "lead logo 2026 glow.png" artwork.
   It intentionally hides the legacy LS / LEAD STUDIO DOM because Next.js hydration
   can restore that old markup after the page initially loads. */

a.brand,
a.company-logo-brand,
.site-header a.brand,
.site-header a.company-logo-brand,
.site-footer a.brand,
.footer-brand a.brand {
    position: relative !important;
    display: inline-block !important;
    width: 330px !important;
    min-width: 330px !important;
    max-width: 40vw !important;
    height: 90px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* Hide ALL old logo/text children, including LS and LEAD STUDIO, even after hydration. */
a.brand > *,
a.company-logo-brand > *,
.site-header a.brand > *,
.site-footer a.brand > *,
.footer-brand a.brand > * {
    display: none !important;
}

/* Render the official logo independently of whatever markup Next.js hydrates. */
a.brand::before,
a.company-logo-brand::before,
.site-header a.brand::before,
.site-header a.company-logo-brand::before,
.site-footer a.brand::before,
.footer-brand a.brand::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("/images/lead-official-logo-2026.png?v=20260903-final1") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
}

/* Dark footer needs a light plate because the supplied logo contains black artwork. */
.site-footer a.brand,
.footer-brand a.brand {
    background: #f7f5f2 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    width: 350px !important;
    min-width: 350px !important;
    height: 106px !important;
}

@media (max-width: 900px) {
    a.brand,
    a.company-logo-brand,
    .site-header a.brand,
    .site-header a.company-logo-brand {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 58vw !important;
        height: 63px !important;
    }
    .site-footer a.brand,
    .footer-brand a.brand {
        width: 245px !important;
        min-width: 245px !important;
        max-width: 80vw !important;
        height: 78px !important;
    }
}

@media (max-width: 560px) {
    a.brand,
    a.company-logo-brand,
    .site-header a.brand,
    .site-header a.company-logo-brand {
        width: 175px !important;
        min-width: 175px !important;
        max-width: 56vw !important;
        height: 50px !important;
    }
    .site-footer a.brand,
    .footer-brand a.brand {
        width: 190px !important;
        min-width: 190px !important;
        height: 64px !important;
        padding: 6px 8px !important;
    }
}