/* ============================================================
 * Global theme override — POS orange palette applied app-wide.
 * Loaded AFTER the vendor (Sneat/Bootstrap) stylesheets so it
 * wins on equal-specificity rules.
 *
 * Source palette mirrors public/css/pos.css :root variables.
 * ============================================================ */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    /* Brand orange (matches POS) */
    --pos-accent:       #F26A35;
    --pos-accent-soft:  #FFE7DB;
    --pos-accent-deep:  #D85A28;
    --pos-accent-rgb:   242, 106, 53;
    --pos-accent-deep-rgb: 216, 90, 40;

    /* Bootstrap primary swap */
    --bs-primary:           #F26A35;
    --bs-primary-rgb:       242, 106, 53;
    --bs-primary-text-emphasis: #6B2E13;
    --bs-primary-bg-subtle:     #FFE7DB;
    --bs-primary-border-subtle: #F8B79A;

    /* Bootstrap link colours */
    --bs-link-color:         #F26A35;
    --bs-link-hover-color:   #D85A28;
    --bs-link-color-rgb:     242, 106, 53;
    --bs-link-hover-color-rgb: 216, 90, 40;

    /* Sneat-template variables (used by buttons, badges, alerts) */
    --bs-primary-rgb:        242, 106, 53;
}

/* --- Buttons ------------------------------------------------- */
.btn-primary,
.btn-primary:focus {
    --bs-btn-bg: #F26A35;
    --bs-btn-border-color: #F26A35;
    --bs-btn-hover-bg: #D85A28;
    --bs-btn-hover-border-color: #D85A28;
    --bs-btn-active-bg: #B84A1F;
    --bs-btn-active-border-color: #B84A1F;
    --bs-btn-disabled-bg: #F26A35;
    --bs-btn-disabled-border-color: #F26A35;
    box-shadow: 0 2px 6px rgba(242, 106, 53, 0.2);
}

.btn-outline-primary {
    --bs-btn-color: #F26A35;
    --bs-btn-border-color: #F26A35;
    --bs-btn-hover-bg: #F26A35;
    --bs-btn-hover-border-color: #F26A35;
    --bs-btn-active-bg: #D85A28;
    --bs-btn-active-border-color: #D85A28;
}

.btn-text-primary,
.btn-label-primary {
    color: #F26A35 !important;
    background-color: rgba(242, 106, 53, 0.10) !important;
}
.btn-text-primary:hover,
.btn-label-primary:hover {
    background-color: rgba(242, 106, 53, 0.18) !important;
    color: #D85A28 !important;
}

/* --- Backgrounds / text utilities --------------------------- */
.bg-primary {
    background-color: #F26A35 !important;
}
.bg-label-primary {
    color: #F26A35 !important;
    background-color: #FFE7DB !important;
}
.text-primary { color: #F26A35 !important; }

/* --- Forms / focus rings ------------------------------------ */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #F26A35;
    box-shadow: 0 0 0 0.15rem rgba(242, 106, 53, 0.18);
}
.form-check-input:checked {
    background-color: #F26A35;
    border-color: #F26A35;
}

/* --- Pagination, nav, dropdowns ----------------------------- */
.page-item.active .page-link,
.page-link.active {
    background-color: #F26A35;
    border-color: #F26A35;
    color: #fff;
}
.page-link {
    color: #F26A35;
}
.page-link:hover {
    color: #D85A28;
    background-color: #FFE7DB;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #F26A35 !important;
    color: #fff !important;
}
.nav-tabs .nav-link.active {
    color: #F26A35;
    border-bottom-color: #F26A35;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #F26A35;
    color: #fff;
}

/* --- Sidebar / horizontal menu (Sneat) ---------------------- */
.menu .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(135deg, #F26A35 0%, #D85A28 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(242, 106, 53, 0.28);
}
.menu .menu-item .menu-link:hover {
    color: #F26A35;
}
.menu-sub .menu-item.active > .menu-link {
    color: #F26A35 !important;
}

/* --- Alerts / badges ---------------------------------------- */
.alert-primary {
    --bs-alert-color: #6B2E13;
    --bs-alert-bg: #FFE7DB;
    --bs-alert-border-color: #F8B79A;
}
.badge.bg-primary,
.badge.bg-label-primary {
    background-color: #F26A35 !important;
    color: #fff !important;
}
.badge.bg-label-primary {
    background-color: #FFE7DB !important;
    color: #D85A28 !important;
}

/* --- Progress bars, switches, spinners ---------------------- */
.progress-bar {
    background-color: #F26A35;
}
.form-switch .form-check-input:checked {
    background-color: #F26A35;
    border-color: #F26A35;
}
.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: #F26A35 !important;
}

/* --- Tables ------------------------------------------------- */
.table-primary,
.table > :not(caption) > * > .table-primary {
    --bs-table-bg: #FFE7DB;
    --bs-table-color: #6B2E13;
    --bs-table-border-color: #F8B79A;
}

/* --- Brand accents ------------------------------------------ */
.app-brand-text,
.app-brand-logo svg [fill="currentColor"] {
    color: #F26A35 !important;
    fill: currentColor;
}
.app-brand .text-primary { color: #F26A35 !important; }

/* --- Misc helpers (keep for legacy classes) ----------------- */
a.text-primary:focus,
a.text-primary:hover { color: #D85A28 !important; }

/* Solid coloured cards/avatars */
.avatar.bg-primary,
.avatar.bg-label-primary {
    background-color: #F26A35 !important;
    color: #fff !important;
}

/* --- Card headers — override purple gradient from demo.css -- */
.card-header,
.theme-form .card-header {
    background: linear-gradient(
        90deg,
        rgba(242, 106, 53, 0.10) 0%,
        rgba(242, 106, 53, 0.05) 60%,
        rgba(242, 106, 53, 0.02) 100%
    ) !important;
    border-radius: 6px !important;
}