/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* ========================================================
   6GIF - _Layout.cshtml scoped styles
   Supplements Tailwind CSS utility classes
   ======================================================== */

/* Ensure header transitions smoothly between states */
header#header[b-204j940qzn] {
    will-change: background-color, box-shadow;
}

/* Homepage-specific: header starts transparent (set via JS in site.js) */
header#header[data-homepage="true"][b-204j940qzn] {
    background-color: transparent;
    box-shadow: none;
}

/* Scrolled state shadow (applied via JS) */
header#header.shadow-sm[b-204j940qzn] {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

/* Mobile menu smooth reveal */
#mobile-menu[b-204j940qzn] {
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Footer link underline on hover */
footer a:hover[b-204j940qzn] {
    text-decoration: none;
}

/* Active nav indicator for current page */
.nav-link.active[b-204j940qzn]::after {
    width: 100%;
}