/* -------------------------------------------------------------------------- */
/*                           Custom Primary Color (Red)                       */
/* -------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  --falcon-blue: #e53935;
  --falcon-primary: #e53935;
  --falcon-primary-rgb: 229, 57, 53;
  --falcon-primary-text-emphasis: #b71c1c;
  --falcon-primary-bg-subtle: #ffebee;
  --falcon-primary-border-subtle: #ef9a9a;
  --falcon-link-color: #e53935;
  --falcon-link-color-rgb: 229, 57, 53;
  --falcon-link-hover-color: #c62828;
  --falcon-btn-falcon-primary-color: #e53935;
  --falcon-btn-falcon-primary-hover-color: #c62828;
  --falcon-btn-falcon-primary-active-background: #ffcdd2;
  --falcon-btn-falcon-primary-active-color: #c62828;
  --falcon-input-focus-border-color-global: #ef9a9a;
  --falcon-navbar-vertical-default-link-active-color: #e53935;
  --falcon-navbar-vertical-card-link-active-color: #e53935;
  --falcon-alert-link-color: #e53935;
  /* Gradients */
  --falcon-card-gradient: linear-gradient(-45deg, #c62828, #e53935);
  --falcon-bg-shape-bg: #e53935;
  --falcon-bg-shape-bg-ltd: linear-gradient(45deg, #ef5350, #c62828);
  --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #c62828, #ef5350);
  --falcon-line-chart-gradient: linear-gradient(-45deg, #b71c1c, #e53935);
  --falcon-progress-gradient: linear-gradient(-45deg, #c62828, #ef5350);
  --falcon-bg-circle-shape-bg: #ef5350;
}

[data-bs-theme="dark"] {
  --falcon-primary: #e53935;
  --falcon-primary-rgb: 229, 57, 53;
  --falcon-primary-text-emphasis: #ef9a9a;
  --falcon-primary-bg-subtle: #4a1515;
  --falcon-primary-border-subtle: #7a2020;
  --falcon-link-color: #e53935;
  --falcon-link-hover-color: #ef5350;
  --falcon-btn-falcon-primary-color: #e53935;
  --falcon-btn-falcon-primary-hover-color: #ef5350;
  --falcon-btn-falcon-primary-active-background: #3d1010;
  --falcon-btn-falcon-primary-active-color: #ef5350;
  --falcon-navbar-vertical-default-link-active-color: #e53935;
  /* Dark mode gradients */
  --falcon-card-gradient: linear-gradient(45deg, #4a1515, #7a2020);
  --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #4a1515, rgba(74, 21, 21, 0.41));
  --falcon-line-chart-gradient: linear-gradient(45deg, #3d1010, #4a1515);
  --falcon-bg-circle-shape: linear-gradient(-45deg, rgba(74, 21, 21, 0.41), #4a1515);
  --falcon-bg-circle-shape-bg: #ef5350;
}

/* Override hardcoded blue colors */
.form-check-input:checked {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

.form-range::-webkit-slider-thumb {
  background-color: #e53935 !important;
}

.form-range::-moz-range-thumb {
  background-color: #e53935 !important;
}

.btn-outline-primary {
  --falcon-btn-color: #e53935;
  --falcon-btn-border-color: #e53935;
  --falcon-btn-hover-bg: #e53935;
  --falcon-btn-hover-border-color: #e53935;
  --falcon-btn-active-bg: #e53935;
  --falcon-btn-active-border-color: #e53935;
  --falcon-btn-disabled-color: #e53935;
  --falcon-btn-disabled-border-color: #e53935;
}

.btn-primary {
  --falcon-btn-bg: #e53935;
  --falcon-btn-border-color: #e53935;
  --falcon-btn-hover-bg: #c62828;
  --falcon-btn-hover-border-color: #c62828;
  --falcon-btn-active-bg: #b71c1c;
  --falcon-btn-active-border-color: #b71c1c;
  --falcon-btn-disabled-bg: #e53935;
  --falcon-btn-disabled-border-color: #e53935;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #e53935 !important;
}

.nav-pills .nav-link.active {
  background-color: #e53935 !important;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

.progress-bar {
  background-color: #e53935 !important;
}

.list-group-item.active {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

.form-check-input-primary:checked,
.form-check-input.falcon-dual-switch,
.primary-form-check-input {
  background-color: #e53935 !important;
}

.form-check-input-primary {
  border-color: #e53935 !important;
}

/* Navbar active link */
.navbar-vertical .nav-link.active {
  color: #e53935 !important;
}

/* Settings panel header */
.settings-panel-header,
.bg-shape {
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%) !important;
}

/* DataTable pagination */
.falcon-data-table .paging_simple_numbers .page-item.active .page-link {
  color: #e53935 !important;
}

/* Calendar events */
.fc-timegrid .event-bg-primary-subtle .fc-event-main:after {
  background-color: #e53935 !important;
}

/* Spinner */
.spinner-border.text-primary {
  color: #e53935 !important;
}

/* Focus ring */
.focus-ring-primary {
  --falcon-focus-ring-color: rgba(229, 57, 53, 0.25);
}

/* Selection color */
::-moz-selection {
  background-color: #e53935;
}

::selection {
  background-color: #e53935;
}

/* Badge subtle primary */
.badge-subtle-primary {
  color: #b71c1c !important;
  background-color: #ffebee !important;
}

/* Settings toggle icon */
.setting-toggle .bg-primary-subtle svg path {
  fill: #e53935 !important;
}

/* TinyMCE dialog button */
.tox .tox-dialog__footer .tox-button:last-child {
  --falcon-btn-bg: #e53935;
  --falcon-btn-border-color: #e53935;
  --falcon-btn-disabled-bg: #e53935;
  --falcon-btn-disabled-border-color: #e53935;
}

/* Settings toggle SVG icon */
.setting-toggle svg path {
  fill: #e53935 !important;
}

/* Avatar with bg-primary */
.avatar-name.bg-primary {
  background-color: #e53935 !important;
}

/* Modal header bg-primary */
.modal-header.bg-primary {
  background-color: #e53935 !important;
}

/* Alert info - keep blue for info alerts */
/* .alert-info uses its own color scheme */

/* Links */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: #e53935;
}
a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: #c62828;
}

/* Navbar brand text */
.navbar-brand .text-primary {
  color: #e53935 !important;
}

/* Card border primary */
.border-primary {
  border-color: #e53935 !important;
}

/* Text primary override */
.text-primary {
  color: #e53935 !important;
}

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

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

/* Button lang option active state */
.lang-option.btn-primary,
.lang-option.active {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

/* Scrollbar thumb for webkit */
::-webkit-scrollbar-thumb {
  background-color: rgba(229, 57, 53, 0.3);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(229, 57, 53, 0.5);
}

/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */

/* -------------------------------------------------------------------------- */
/*                         Search Input Group Focus                           */
/* -------------------------------------------------------------------------- */
/* Wrap border around entire input-group when input is focused */
.input-group:focus-within {
    border-radius: var(--falcon-border-radius);
    box-shadow: 0 0 0 0.25rem rgba(var(--falcon-primary-rgb), 0.25);
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: var(--falcon-input-focus-border-color-global, #96bdf2);
    box-shadow: none;
}

.input-group:focus-within .form-control:focus {
    box-shadow: none;
}