/*
 * site-customizations.css
 *
 * On-site CSS customizations. This file is loaded LAST in the cascade,
 * after all Bootstrap themes, site.css, scoped CSS, DevExpress themes,
 * HeadContent overrides, and ThemeColors CSS variables.
 *
 * Use this file for client-specific style overrides that should not be
 * committed back to the main product codebase.
 *
 * Examples:
 *   - Override --site-primary / --site-secondary CSS variables
 *   - Hide specific UI elements for a particular deployment
 *   - Adjust fonts, spacing, or branding per client
 */

/* ---------------------------------------------------------------
   Custom branding logos — interim override until AB#60614 ships.
   url() paths are relative to THIS file (wwwroot/css/), so "../"
   steps back up to wwwroot.
   --------------------------------------------------------------- */

/* Light/white logo — login page, mobile nav bar, auto-approve layout, error pages */
img[src$="1staff-white-logo.svg" i] {
    content: url("../images/custom/custom-logo-white.png") !important;
}

/* uncomment to put logo on the left */

.companylogo {
    float: left;
}

/* Primary logo replacement */
img[src$="1Staff-Logo.png" i] {
    content: url("../images/custom/custom-logo.png") !important;
}

/* Control desktop sidebar logo size */
.sidebar-brand .brand-logo {
    height: 100px !important;
    width: auto !important;
    max-height: none !important;
    max-width: none !important;
}

/* Give the larger logo enough room */
.sidebar-brand {
    min-height: 85px !important;
    padding: 10px !important;
}

/* ===============================================================
   CLIENT BRANDING — SCREEN HEADER BANNER COLOR
   Post-deployment customization. Re-apply after every upgrade.
   Last updated: <date> by <name>
   =============================================================== */

/* Banner strip at the top of the timesheet and other screen-header pages.
   :not(.bg-rejected) preserves the red banner on rejected timesheets. */
.screen-header-image-container:not(.bg-rejected) {
    background-color: #1C2438 !important;
}