/**
 * SnapD Voice Service Custom Primary Color Override
 * This file overrides Metronic's default green primary colors with #DB4A2B and #091E34
 * Load this file after style.bundle.css to apply customizations
 */

:root {
    /* Override Bootstrap Primary Colors */
    --bs-primary: #DB4A2B !important;
    --bs-primary-rgb: 219, 74, 43 !important;
    --bs-primary-text-emphasis: #DB4A2B !important;
    --bs-primary-bg-subtle: #fce8e5 !important;
    --bs-primary-border-subtle: #f5c2b8 !important;

    /* Override Metronic Primary Colors */
    --kt-primary: #DB4A2B !important;
    --kt-primary-active: #c43d23 !important;
    --kt-primary-light: #fce8e5 !important;
    --kt-primary-inverse: #ffffff !important;
    --kt-text-primary: #DB4A2B !important;

    /* Additional Metronic Theme Colors */
    --bs-primary-hover: #c43d23 !important;
    --bs-primary-active: #b0351d !important;

    /* Secondary Color (Dark Blue) */
    --bs-secondary: #091E34 !important;
    --bs-secondary-rgb: 9, 30, 52 !important;
    --kt-secondary: #091E34 !important;
}

[data-bs-theme="dark"] {
    --bs-primary: #DB4A2B !important;
    --bs-primary-text-emphasis: #ff8a6b !important;
    --bs-primary-bg-subtle: #2d1a15 !important;
    --bs-primary-border-subtle: #4a2520 !important;

    --kt-primary: #DB4A2B !important;
    --kt-primary-active: #e85d3f !important;
    --kt-primary-light: #2d1a15 !important;
    --kt-primary-inverse: #ffffff !important;
    --kt-text-primary: #ff8a6b !important;

    /* Secondary Color (Dark Blue) */
    --bs-secondary: #091E34 !important;
    --kt-secondary: #091E34 !important;
}

/* Override specific green colors used in Metronic */
.btn-primary,
.btn.btn-primary {
    background-color: #DB4A2B !important;
    border-color: #DB4A2B !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:focus {
    background-color: #c43d23 !important;
    border-color: #c43d23 !important;
    color: #ffffff !important;
}

.btn-primary:active,
.btn.btn-primary:active,
.btn-primary.active,
.btn.btn-primary.active {
    background-color: #b0351d !important;
    border-color: #b0351d !important;
    color: #ffffff !important;
}

.btn-primary:disabled,
.btn.btn-primary:disabled {
    background-color: #a08a85 !important;
    border-color: #a08a85 !important;
    opacity: 0.65;
}

/* Link Colors */
a.link-primary,
.link-primary {
    color: #DB4A2B !important;
}

a.link-primary:hover,
.link-primary:hover {
    color: #c43d23 !important;
}

/* Form Control Focus States */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #DB4A2B !important;
    box-shadow: 0 0 0 0.25rem rgba(219, 74, 43, 0.25) !important;
}

/* Input Group Focus */
.input-group-text {
    border-color: #DB4A2B;
}

/* Badge Primary */
.badge.bg-primary,
.badge.badge-primary {
    background-color: #DB4A2B !important;
    color: #ffffff !important;
}

/* Alert Primary */
.alert-primary {
    background-color: #fce8e5 !important;
    border-color: #f5c2b8 !important;
    color: #b0351d !important;
}

/* Text Primary */
.text-primary {
    color: #DB4A2B !important;
}

/* Border Primary */
.border-primary {
    border-color: #DB4A2B !important;
}

/* Background Primary */
.bg-primary {
    background-color: #DB4A2B !important;
}

/* Progress Bar Primary */
.progress-bar.bg-primary {
    background-color: #DB4A2B !important;
}

/* Pagination Active */
.page-link {
    color: #DB4A2B;
}

.page-link:hover {
    color: #c43d23;
    background-color: #fce8e5;
}

.page-item.active .page-link {
    background-color: #DB4A2B !important;
    border-color: #DB4A2B !important;
}

/* Dropdown Menu Active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #DB4A2B !important;
}

/* Nav Pills Active */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #DB4A2B !important;
}

/* List Group Active */
.list-group-item.active {
    background-color: #DB4A2B !important;
    border-color: #DB4A2B !important;
}

/* Table Primary Hover */
.table-primary {
    --bs-table-bg: #fce8e5;
    --bs-table-color: #b0351d;
    --bs-table-hover-bg: #f9d1ca;
    --bs-table-hover-color: #b0351d;
}

/* Checkbox and Radio Primary */
.form-check-input:checked {
    background-color: #DB4A2B !important;
    border-color: #DB4A2B !important;
}

/* Switch Primary */
.form-switch .form-check-input:checked {
    background-color: #DB4A2B !important;
    border-color: #DB4A2B !important;
}

/* Override any remaining green accent colors */
[style*="#17C653"],
[style*="#04B440"],
[style*="#00A261"],
[style*="#01BF73"],
[style*="#50cd89"] {
    color: #DB4A2B !important;
    background-color: #DB4A2B !important;
    border-color: #DB4A2B !important;
}

/* Metronic Specific Overrides */
[data-kt-indicator-color="primary"] {
    color: #DB4A2B !important;
}

[data-kt-button-color="primary"] {
    --bs-primary: #DB4A2B !important;
}

/* SVG and Icon Colors */
svg path[fill="#17C653"],
svg path[fill="#04B440"],
svg path[fill="#00A261"],
svg path[fill="#50cd89"] {
    fill: #DB4A2B !important;
}

svg [stroke="#17C653"],
svg [stroke="#04B440"],
svg [stroke="#00A261"],
svg [stroke="#50cd89"] {
    stroke: #DB4A2B !important;
}

/* Secondary Color (Dark Blue) Styles */
.btn-secondary,
.btn.btn-secondary {
    background-color: #091E34 !important;
    border-color: #091E34 !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn.btn-secondary:hover {
    background-color: #07283d !important;
    border-color: #07283d !important;
}

.bg-secondary {
    background-color: #091E34 !important;
}

.text-secondary {
    color: #091E34 !important;
}

.border-secondary {
    border-color: #091E34 !important;
}