/*
 * Modernize Orange_Theme — Zii ECommerce brand colors + layout tokens
 * Loaded after assetsext/css/styles.css so these values win.
 */

/* ------------------------------------------------------------------
 * Palette (edit here)
 * ------------------------------------------------------------------
 * Primary          #FF3D00   Active accents, CTAs
 * Primary hover    #E04414   Buttons / links hover
 * Light primary    #FFF5F2   Icon chips, soft backgrounds
 * ------------------------------------------------------------------ */

[data-bs-theme=light][data-color-theme=Orange_Theme]:root {
    --bs-primary: #FF3D00;
    --bs-primary-rgb: 255, 61, 0;
    --bs-light-primary: rgba(255, 61, 0, 0.12);
    --bs-primary-bg-subtle: #FFF5F2;
}

[data-bs-theme=dark][data-color-theme=Orange_Theme]:root {
    --bs-primary: #FF3D00;
    --bs-primary-rgb: 255, 61, 0;
    --bs-light-primary: rgba(255, 61, 0, 0.2);
    --bs-primary-bg-subtle: rgba(255, 61, 0, 0.16);
}

[data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-primary,
[data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-primary {
    --bs-btn-bg: #FF3D00;
    --bs-btn-border-color: #FF3D00;
    --bs-btn-hover-bg: #E04414;
    --bs-btn-hover-border-color: #E04414;
    --bs-btn-active-bg: #C93C12;
    --bs-btn-active-border-color: #C93C12;
    --bs-btn-disabled-bg: #FF3D00;
    --bs-btn-disabled-border-color: #FF3D00;
}

[data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-outline-primary,
[data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-outline-primary {
    --bs-btn-color: #FF3D00;
    --bs-btn-border-color: #FF3D00;
    --bs-btn-hover-bg: #FF3D00;
    --bs-btn-hover-border-color: #FF3D00;
    --bs-btn-active-bg: #FF3D00;
    --bs-btn-active-border-color: #FF3D00;
    --bs-btn-disabled-color: #FF3D00;
    --bs-btn-disabled-border-color: #FF3D00;
}

:root {
    --zii-fixed-bar-bg: #F7F9FC !important;
    --zii-fixed-bar-bg-ontop: #F7F9FC !important;
    --zii-header-bg: #ffffff !important;
    --zii-gray: #F7F9FC;
    --zii-border-color: var(--bs-border-color);
    --zii-border-color-heavy: #2A354833;
    --zii-content-gutter: 1.25rem;
    --zii-content-gutter-y: 1.25rem;
    --zii-radius: 10px;
    --zii-radius-sm: 7px;
    --zii-page-bg: var(--bs-body-bg);
    --zii-shop-header-h: 7.5rem;
}

@media (min-width: 992px) {
    :root {
        --zii-content-gutter: 2rem;
        --zii-content-gutter-y: 1.75rem;
    }
}

[data-bs-theme=dark] {
    --zii-fixed-bar-bg: #223662 !important;
    --zii-fixed-bar-bg-ontop: #223662 !important;
    --zii-header-bg: #1a2537 !important;
    --zii-gray: #223662;
    --zii-page-bg: var(--bs-body-bg);
}