/* ==============================================
   CAN RUN brand theme
   Overrides the Hyper (app-creative.css) primary blue with the Can Run logo red.
   Load AFTER app-creative(.min).css and addon.css.

   Brand colours (sampled from public/assets/images/logo/can run *.png)
     red        #c02027  -- main logo red (gradient start)
     red-dark   #a31b21  -- hover / active
     berry      #8a181b  -- "red-berry" logo, gradient end
   ============================================== */

:root,
html[data-bs-theme=light] {
  --cr-red: #c02027;
  --cr-red-rgb: 192, 32, 39;
  --cr-red-dark: #a31b21;
  --cr-berry: #8a181b;
  --cr-gradient: linear-gradient(135deg, #c02027 0%, #8a181b 60%);

  --ct-blue: #c02027;
  --ct-primary: #c02027;
  --ct-primary-rgb: 192, 32, 39;
  --ct-primary-text-emphasis: #4d0d10;
  --ct-primary-bg-subtle: #f9e9e9;
  --ct-primary-border-subtle: #e6a6a9;
  --ct-link-color: #c02027;
  --ct-link-color-rgb: 192, 32, 39;
  --ct-link-hover-color: #a31b21;
  --ct-link-hover-color-rgb: 163, 27, 33;
  --ct-focus-ring-color: rgba(192, 32, 39, 0.25);
  --ct-menu-condensed-link-bg: #c02027;

  --bs-primary-soft: #f9e9e9;
}

html[data-bs-theme=dark] {
  --ct-primary-text-emphasis: #e88a8e;
  --ct-primary-bg-subtle: rgba(192, 32, 39, 0.15);
  --ct-primary-border-subtle: #731317;
  --ct-link-color: #e88a8e;
  --ct-link-color-rgb: 232, 138, 142;
  --ct-link-hover-color: #eda1a4;
  --ct-link-hover-color-rgb: 237, 161, 164;
}

/* ---------- Sidebar / topbar ---------- */
html[data-menu-color=light] {
  --ct-menu-item-hover-color: #c02027;
  --ct-menu-item-active-color: #c02027;
  --ct-help-box-bg: #c02027;
}

html[data-menu-color=brand] {
  --ct-menu-bg: var(--cr-gradient);
  --ct-menu-item-color: #f4d3d4;
}

html[data-topbar-color=light] {
  --ct-topbar-item-hover-color: #c02027;
}

html[data-topbar-color=brand] {
  --ct-topbar-bg: var(--cr-gradient);
}

/* ---------- Buttons ---------- */
.btn-primary {
  --ct-btn-bg: #c02027;
  --ct-btn-border-color: #c02027;
  --ct-btn-hover-bg: #a31b21;
  --ct-btn-hover-border-color: #a31b21;
  --ct-btn-focus-shadow-rgb: 201, 65, 71;
  --ct-btn-active-bg: #8a181b;
  --ct-btn-active-border-color: #8a181b;
  --ct-btn-disabled-bg: #c02027;
  --ct-btn-disabled-border-color: #c02027;
}

.btn-outline-primary {
  --ct-btn-color: #c02027;
  --ct-btn-border-color: #c02027;
  --ct-btn-hover-bg: #c02027;
  --ct-btn-hover-border-color: #c02027;
  --ct-btn-focus-shadow-rgb: 192, 32, 39;
  --ct-btn-active-bg: #c02027;
  --ct-btn-active-border-color: #c02027;
  --ct-btn-disabled-color: #c02027;
  --ct-btn-disabled-border-color: #c02027;
}

.btn-link {
  --ct-btn-focus-shadow-rgb: 201, 65, 71;
}

/* ---------- Components ---------- */
.table-primary {
  --ct-table-bg: #f2d2d4;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.15rem rgba(192, 32, 39, 0.25);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: #c02027;
  border-color: #c02027;
}

.form-range::-webkit-slider-thumb { background-color: #c02027; }
.form-range::-moz-range-thumb { background-color: #c02027; }

.nav-link:focus-visible {
  box-shadow: 0 0 0 0.15rem rgba(192, 32, 39, 0.25);
}

.nav-pills {
  --ct-nav-pills-link-active-bg: #c02027;
}

.pagination {
  --ct-pagination-active-bg: #c02027;
  --ct-pagination-active-border-color: #c02027;
}

.progress-stacked,
.progress {
  --ct-progress-bar-bg: #c02027;
}

.list-group {
  --ct-list-group-active-bg: #c02027;
  --ct-list-group-active-border-color: #c02027;
}

input[data-switch=primary]:checked + label {
  background-color: #c02027;
}

.hero-section:after {
  background-image: linear-gradient(to bottom, #c02027, #8a181b);
}

table.dataTable tbody td.focus {
  outline: 2px solid #c02027 !important;
}

.datepicker table tr td span.active[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #c02027 !important;
}

.ql-toolbar span:hover {
  color: #c02027 !important;
}

.jq-icon-primary {
  background-color: #c02027;
  border-color: #c02027;
}

/* FullCalendar */
.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
  background-color: rgba(192, 32, 39, 0.1);
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number,
.fc-event-dot,
.fc-daygrid-dot-event:hover,
.fc-toolbar-chunk .fc-button-group .fc-button,
.fc-toolbar-chunk .fc-button-group .fc-button:hover,
.fc-toolbar-chunk .fc-button-group .fc-button.active {
  background-color: #c02027;
}

.fc-toolbar-chunk .fc-today-button,
.fc .fc-button-primary:not(:disabled):active {
  background-color: #c02027 !important;
  border-color: #c02027 !important;
}

/* select2 highlight (vendor default is blue) */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c02027;
}