/**
 * Theme overrides – driven by CSS variables from frontend_site_settings (DB).
 * Load after Bootstrap. No customer-specific values; vars set in head from DB.
 */

/* Primary button */
.btn-primary,
.btn.btn-primary {
    background-color: var(--brand-primary, var(--bs-primary, #0d6efd));
    border-color: var(--brand-primary, var(--bs-primary, #0d6efd));
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-primary:hover,
.btn.btn-primary:hover {
    filter: brightness(1.05);
}

/* Links hover – accent */
a:hover {
    color: var(--brand-accent);
}

/* Navbar active / primary */
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: var(--brand-primary);
}
.navbar .navbar-brand:hover {
    color: var(--brand-primary);
}

/* Headings font */
h1, h2, h3, h4, h5, h6,
.hero-section h1,
.display-4 {
    font-family: var(--brand-font, inherit);
}

/* Hero section – DB hero image or default gradient */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.3)), var(--hero-image-url) center/cover no-repeat;
    color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.hero-section .lead {
    color: rgba(255, 255, 255, 0.95);
}

/* Auth pages (login/register) background */
.auth-bg-section {
    background-image: var(--auth-bg-image-url);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 80vh;
    position: relative;
}

/* Cards soft shadow */
.card {
    border-radius: 0.375rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}