/**
 * Flavor Suite - Customer Portal Theming
 * Applied only in the clients area via app_customers_head hook.
 */

/* Login Page - higher specificity with .customers.customers_login */
body.customers.customers_login,
body.customers.customers_login #wrapper,
body.customers.customers_login .footer,
body.customers.customers_login .footer * {
    background-color: var(--flv-customers-login-bg, #f0f4f8) !important;
}

body.customers.customers_login .panel_s {
    background-color: var(--flv-customers-login-card-bg, #ffffff) !important;
}

body.customers.customers_login .btn-primary,
body.customers.customers_login .btn-success {
    background-color: var(--flv-customers-login-btn, #486acf) !important;
    border-color: var(--flv-customers-login-btn, #486acf) !important;
}

body.customers.customers_login .btn-primary:hover,
body.customers.customers_login .btn-success:hover {
    filter: brightness(0.9);
}

/* Navigation */
body.customers .navbar-default {
    background-color: var(--flv-customers-nav-bg, #ffffff) !important;
}

body.customers .customers-top-submenu {
    background-color: var(--flv-customers-nav-bg, #ffffff) !important;
}

body.customers .customers-top-submenu a,
body.customers .navbar-default .navbar-nav > li > a {
    color: var(--flv-customers-nav-link, #333333) !important;
}

body.customers .customers-top-submenu a:hover,
body.customers .navbar-default .navbar-nav > li > a:hover,
body.customers .navbar-default .navbar-nav > .active > a {
    color: var(--flv-customers-primary, #486acf) !important;
}

/* Primary Color Overrides */
body.customers a {
    color: var(--flv-customers-link, #486acf);
}

body.customers .btn-primary,
body.customers .btn-info {
    background-color: var(--flv-customers-primary, #486acf) !important;
    border-color: var(--flv-customers-primary, #486acf) !important;
}

body.customers .btn-primary:hover,
body.customers .btn-info:hover {
    filter: brightness(0.9);
}

/* Content Background - body, #wrapper, footer */
body.customers,
body.customers #wrapper,
body.customers .footer,
body.customers .footer * {
    background-color: var(--flv-customers-content-bg, #f5f7fa) !important;
}

/* Headings */
body.customers h1,
body.customers h2,
body.customers h3,
body.customers h4,
body.customers .section-heading {
    color: var(--flv-customers-heading, #333333) !important;
}

/* Text */
body.customers p,
body.customers td,
body.customers li {
    color: var(--flv-customers-text, #555555);
}

/* Cards / Panels */
body.customers .panel_s,
body.customers .panel-default {
    background-color: var(--flv-customers-card-bg, #ffffff) !important;
}

/* Tables */
body.customers .table > thead > tr > th,
body.customers .table-striped > thead > tr > th {
    background-color: var(--flv-customers-table-header-bg, #f8f9fa) !important;
}

/* Form Controls - override dark mode leaks */
body.customers .form-control {
    background-color: var(--flv-customers-card-bg, #ffffff) !important;
    color: var(--flv-customers-text, #555555) !important;
    border-color: #e0e0e0 !important;
}

body.customers .form-control:focus {
    border-color: var(--flv-customers-primary, #486acf) !important;
    box-shadow: 0 0 0 3px rgba(72, 106, 207, 0.15) !important;
}