/* BREM - optional overrides */

/* Hero slider */
.hero-slider { position: relative; }
.hero-slide { transition: opacity 0.7s ease-in-out; }
.hero-dot { transition: transform 0.2s, background-color 0.2s; }

/* Navbar - gradient and professional */
.site-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #0f172a 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.site-header .nav-link {
    position: relative;
    padding: 0.5rem 0.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.9);
    transition: color 0.2s ease;
}
.site-header .nav-link:hover {
    color: #38bdf8;
}
.site-header .nav-link::after {
    content: '';
    position: absolute;
    left: 0.25rem;
    right: 0.25rem;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
    opacity: 0;
    transform: scaleX(0);
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 1px;
}
.site-header .nav-link:hover::after {
    opacity: 1;
    transform: scaleX(1);
}
.site-header .logo {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    transition: color 0.2s ease;
}
.site-header .logo:hover {
    color: #38bdf8;
}
.site-header .nav-menu-mobile {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.2);
}