/* ============================================================
   Mind Supernova — Site chrome (header + footer) modernization
   Loaded GLOBALLY (every page) via layouts/style.blade.php.
   Enhancement layer: overrides existing markup via scoped hooks
   (.msn-header / .msn-footer / .msn-navcta) so the mega-menu,
   mobile menu and newsletter form logic stay untouched.
   ============================================================ */

:root {
    --msnc-brand: #009bff;
    --msnc-brand-2: #4f7bff;
    --msnc-ink: #0b0e11;
}

/* ============================================================
   HEADER
   ============================================================ */
.msn-header {
    background-color: #ffffff !important;   /* fully opaque — no page content bleeding through on scroll */
    margin-bottom: 0 !important;            /* remove the stray gap under the header */
    box-shadow: 0 1px 0 rgba(13, 38, 63, .05), 0 18px 40px -34px rgba(13, 38, 63, .55);
    border-bottom-color: rgba(13, 38, 63, .06) !important;
}

/* primary CTA in the top nav -> gradient pill */
.msn-navcta {
    background: linear-gradient(120deg, var(--msnc-brand), var(--msnc-brand-2)) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 26px -12px rgba(0, 155, 255, .7);
    transition: transform .2s ease, box-shadow .2s ease !important;
}
.msn-navcta:hover {
    background: linear-gradient(120deg, #0089ee, #426ff5) !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 32px -12px rgba(0, 155, 255, .85);
    color: #fff !important;
}

/* slightly calmer nav hover underline */
.msn-header nav > ul > li.group { transition: color .2s ease; }

/* ============================================================
   FOOTER — modern dark theme
   ============================================================ */
.msn-footer {
    position: relative;
    background:
        radial-gradient(60% 120% at 12% 0%, rgba(0, 155, 255, .14), transparent 55%),
        radial-gradient(50% 120% at 90% 10%, rgba(123, 92, 255, .12), transparent 55%),
        linear-gradient(180deg, #0b0e11 0%, #0a1322 100%);
    color: rgba(255, 255, 255, .72);
    font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif;
    padding-top: 8px;
}
/* top accent line */
.msn-footer::before {
    content: "";
    position: absolute; left: 0; right: 0; top: 0; height: 2px;
    background: linear-gradient(90deg, transparent, var(--msnc-brand), #7b5cff, transparent);
    opacity: .8;
}

/* kill the light side panel + light section backgrounds */
.msn-footer > div::after { background: transparent !important; }
.msn-footer .bg-site-neutrals-50 { background: transparent !important; }

/* text + headings */
.msn-footer p,
.msn-footer li,
.msn-footer span,
.msn-footer label,
.msn-footer .label { color: rgba(255, 255, 255, .68); }
.msn-footer strong { color: #fff !important; }
.msn-footer .site-paragraph-xl,
.msn-footer .font-bold { letter-spacing: -.01em; }
/* keep the brand "." accents on-brand */
.msn-footer .text-site-primary-600 { color: var(--msnc-brand) !important; }

/* logo: invert the black mark to white */
.msn-footer img[alt="Mind Supernova Logo"] { filter: brightness(0) invert(1); opacity: .95; }

/* nav + legal links */
.msn-footer ul li a,
.msn-footer .text-xs a { color: rgba(255, 255, 255, .66) !important; transition: color .2s ease; }
.msn-footer ul li a:hover,
.msn-footer .text-xs a:hover,
.msn-footer .hover\:underline:hover { color: #fff !important; }

/* primary "Schedule a Call" button stays vivid */
.msn-footer a[href*="contact-us"] {
    background: linear-gradient(120deg, var(--msnc-brand), var(--msnc-brand-2)) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 26px -14px rgba(0, 155, 255, .8);
}
.msn-footer a[href*="contact-us"] span { color: #fff !important; }
.msn-footer a[href*="contact-us"]:hover { transform: translateY(-1px); }

/* ghost buttons (About Us anchor + Subscribe button) -> light outline pill */
.msn-footer .border-2 {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .35) !important;
    border-radius: 999px !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.msn-footer .border-2 span { color: #fff !important; }
.msn-footer .border-2:hover {
    background: #fff !important;
    border-color: #fff !important;
}
.msn-footer .border-2:hover span,
.msn-footer .border-2:hover svg { color: var(--msnc-ink) !important; fill: var(--msnc-ink) !important; }

/* phone icon (mask div) -> light */
.msn-footer .bg-site-neutrals-900 { background-color: rgba(255, 255, 255, .85) !important; }

/* newsletter input -> dark glass field */
.msn-footer input[type="email"] {
    color: #fff !important;
    background: transparent !important;
}
.msn-footer input[type="email"]::placeholder { color: rgba(255, 255, 255, .4) !important; }
.msn-footer [id^="label-field-"] {
    background: rgba(255, 255, 255, .05) !important;
    outline-color: rgba(255, 255, 255, .18) !important;
    border-radius: 10px !important;
}
.msn-footer [id^="label-field-"] input { background: transparent !important; }

/* checkbox box border on dark */
.msn-footer fieldset .border-neutrals-700,
.msn-footer fieldset [class*="border-neutrals-700"] { border-color: rgba(255, 255, 255, .4) !important; }

/* social icons -> light, brand on hover */
.msn-footer ul.flex a svg { fill: rgba(255, 255, 255, .7) !important; transition: fill .25s ease, transform .25s ease; }
.msn-footer ul.flex a:hover svg { fill: var(--msnc-brand) !important; transform: translateY(-2px); }

/* a touch more breathing room at the very bottom */
.msn-footer { padding-bottom: 8px; }