/*
 * brand.css — AV Properties brand color overrides
 * Primary: #c63b2c  (red)
 * Accent:  #ed7d3a  (orange)
 *
 * Overrides theme-default.css primary color (#7367f0) without
 * touching body, card, or table backgrounds.
 */

/* ─── CSS Variables ──────────────────────────────────────── */
:root {
  --bs-primary: #c63b2c;
  --bs-primary-rgb: 198, 59, 44;
  --bs-link-color: #c63b2c;
  --bs-link-hover-color: #d4503e;
  --bs-primary-bg-subtle: #fbeae8;
  --bs-primary-border-subtle: #f4c5c0;
  --bs-primary-text-emphasis: #5c1a14;
  --bs-pagination-active-bg: #c63b2c;
  --bs-pagination-active-border-color: #c63b2c;
  --bs-progress-bar-bg: #c63b2c;
}

/* ─── Text ───────────────────────────────────────────────── */
.text-primary {
  color: #c63b2c !important;
}

a {
  color: #c63b2c;
}
a:hover {
  color: #d4503e;
}

/* ─── Backgrounds (badges, indicators, pills — NOT card/table/body) ── */
.bg-primary {
  background-color: #c63b2c !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #b03428 !important;
}

.bg-gradient-primary {
  background-image: linear-gradient(45deg, #c63b2c, #ed7d3a) !important;
}

.bg-primary.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(198, 59, 44, 0.3);
}

.bg-label-primary {
  background-color: #fbeae8 !important;
  color: #c63b2c !important;
}
.bg-label-hover-primary {
  background-color: #fbeae8 !important;
  color: #c63b2c !important;
}
.bg-label-hover-primary:hover {
  background-color: #c63b2c !important;
  color: #fff !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: #c63b2c;
}

/* ─── Borders ────────────────────────────────────────────── */
html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
  border-color: #c63b2c !important;
}

/* ─── Fill (SVG) ─────────────────────────────────────────── */
.fill-primary {
  fill: #c63b2c;
}
.svg-illustration svg {
  fill: #c63b2c;
}

/* ─── Links ──────────────────────────────────────────────── */
.text-body[href]:hover,
.text-heading[href]:hover {
  color: #b03428 !important;
}

/* ─── Pagination ─────────────────────────────────────────── */
.page-item .page-link:hover,
.page-item .page-link:focus,
.pagination li > a:not(.page-link):hover,
.pagination li > a:not(.page-link):focus {
  background-color: #fbeae8;
  color: #c63b2c;
}

.page-item.active .page-link,
.pagination li.active > a:not(.page-link) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(198, 59, 44, 0.3);
}
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
  border-color: #c63b2c;
  background-color: #c63b2c;
  color: #fff;
}

.pagination-outline-primary .page-item.active .page-link,
.pagination-outline-primary .page-item.active .page-link:hover,
.pagination-outline-primary .page-item.active .page-link:focus,
.pagination-outline-primary.pagination li.active > a:not(.page-link),
.pagination-outline-primary.pagination li.active > a:not(.page-link):hover,
.pagination-outline-primary.pagination li.active > a:not(.page-link):focus {
  border-color: #c63b2c !important;
  color: #c63b2c !important;
  background-color: #fbeae8 !important;
}

/* ─── Progress ───────────────────────────────────────────── */
.progress-bar {
  background-color: #c63b2c;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(198, 59, 44, 0.3);
}

/* ─── List Group ─────────────────────────────────────────── */
.list-group-item-primary {
  border-color: #c63b2c;
  background-color: #fbeae8;
  color: #c63b2c !important;
}
a.list-group-item-primary,
button.list-group-item-primary {
  color: #c63b2c;
}
a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
  border-color: #c63b2c;
  background-color: #f4d9d7;
  color: #c63b2c;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #c63b2c !important;
  background-color: #c63b2c !important;
  color: #fff !important;
}

.list-group-item.active {
  background-color: #fbeae8;
  color: #c63b2c;
}

.list-group.list-group-timeline .list-group-timeline-primary:before {
  border-color: #c63b2c;
  background-color: #c63b2c;
}

/* ─── Alerts ─────────────────────────────────────────────── */
.alert-primary {
  background-color: #fbeae8;
  border-color: #fbeae8;
  color: #c63b2c;
}
.alert-primary .alert-link {
  color: #c63b2c;
}
.alert-primary hr {
  color: #c63b2c !important;
}
.alert-primary .alert-icon {
  background-color: #c63b2c;
}

.alert-outline-primary {
  border-color: #c63b2c;
  color: #c63b2c;
}
.alert-outline-primary .alert-link {
  color: #c63b2c;
}
.alert-outline-primary hr {
  color: #c63b2c !important;
}
.alert-outline-primary .alert-icon {
  color: #c63b2c !important;
  background-color: #fbeae8 !important;
}

.alert-solid-primary {
  background-color: #c63b2c;
  color: #fff;
}
.alert-solid-primary .alert-icon {
  color: #c63b2c !important;
}

/* ─── Buttons ────────────────────────────────────────────── */
.btn-primary {
  color: #fff;
  background-color: #c63b2c;
  border-color: #c63b2c;
}
.btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(198, 59, 44, 0.3);
}
.btn-primary:hover {
  color: #fff !important;
  background-color: #b03428 !important;
  border-color: #b03428 !important;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #b03428;
  border-color: #b03428;
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #b03428 !important;
  border-color: #b03428 !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff !important;
  background-color: #c63b2c !important;
  border-color: #c63b2c !important;
}

.btn-group .btn-primary,
.input-group .btn-primary {
  border-right: var(--bs-border-width) solid #b03428;
  border-left: var(--bs-border-width) solid #b03428;
}
.btn-group-vertical .btn-primary {
  border-top-color: #b03428;
  border-bottom-color: #b03428;
}

/* btn-label-primary */
.btn-label-primary {
  color: #c63b2c !important;
  border-color: transparent !important;
  background: #fbeae8 !important;
}
.btn-label-primary:hover {
  border-color: transparent !important;
  background: #f4d9d7 !important;
  color: #c63b2c !important;
}
.btn-label-primary:focus,
.btn-label-primary.focus {
  color: #c63b2c;
  background: #f4d9d7;
}
.btn-label-primary:active,
.btn-label-primary.active,
.btn-label-primary.show.dropdown-toggle,
.show > .btn-label-primary.dropdown-toggle {
  color: #c63b2c !important;
  background-color: #f4d9d7 !important;
  border-color: transparent !important;
}
.btn-label-primary.disabled,
.btn-label-primary:disabled {
  color: #c63b2c !important;
  border-color: transparent !important;
  background: #fbeae8 !important;
}
.btn-group .btn-label-primary,
.input-group .btn-label-primary {
  border-right: var(--bs-border-width) solid #edcbc8 !important;
  border-left: var(--bs-border-width) solid #edcbc8 !important;
}
.btn-group-vertical .btn-label-primary {
  border-top: var(--bs-border-width) solid #edcbc8 !important;
  border-bottom: var(--bs-border-width) solid #edcbc8 !important;
}

/* btn-text-primary */
.btn-text-primary {
  color: #c63b2c;
}
.btn-text-primary:hover {
  border-color: transparent;
  background: #fbeae8;
  color: #c63b2c;
}
.btn-text-primary:focus,
.btn-text-primary.focus {
  color: #c63b2c;
  background: #fbeae8;
}
.btn-text-primary:active,
.btn-text-primary.active,
.btn-text-primary.show.dropdown-toggle,
.show > .btn-text-primary.dropdown-toggle {
  color: #c63b2c !important;
  background: #fbeae8 !important;
  border-color: transparent !important;
}
.btn-text-primary:disabled,
.btn-text-primary.disabled {
  color: #c63b2c;
}
.btn-group .btn-text-primary,
.input-group .btn-text-primary {
  border-right: var(--bs-border-width) solid #c63b2c !important;
  border-left: var(--bs-border-width) solid #c63b2c !important;
}
.btn-group-vertical .btn-text-primary {
  border-top: var(--bs-border-width) solid #c63b2c !important;
  border-bottom: var(--bs-border-width) solid #c63b2c !important;
}

/* btn-outline-primary */
.btn-outline-primary {
  color: #c63b2c;
  border-color: #c63b2c;
  background: transparent;
}
.btn-outline-primary:hover {
  color: #c63b2c !important;
  background-color: #fbeae8 !important;
  border-color: #c63b2c !important;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  color: #c63b2c;
  background-color: #fbeae8;
  border-color: #c63b2c;
}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #c63b2c !important;
  background-color: #fbeae8 !important;
  border-color: #c63b2c !important;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #c63b2c !important;
}
.btn-outline-primary .badge {
  background: #c63b2c;
  border-color: #c63b2c;
  color: #fff;
}
.btn-outline-primary:hover .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
  background: #c63b2c;
  border-color: #c63b2c;
}

/* ─── Dropdown ───────────────────────────────────────────── */
.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  background-color: #fbeae8;
  color: #c63b2c !important;
}
.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  background-color: #fbeae8;
  color: #c63b2c !important;
}

/* ─── Nav pills / tabs ───────────────────────────────────── */
.nav-pills .nav-link.active {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(198, 59, 44, 0.3);
}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  background-color: #c63b2c;
  color: #fff;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #c63b2c inset;
}
.nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom .nav-tabs .nav-link.active:focus {
  box-shadow: 0 2px 0 #c63b2c inset;
}
.nav-align-left .nav-tabs .nav-link.active,
.nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #c63b2c inset;
}
.nav-align-right .nav-tabs .nav-link.active,
.nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #c63b2c inset;
}

/* ─── Forms ──────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #c63b2c !important;
}
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border-color: #c63b2c !important;
}
.form-control:focus ~ .form-label {
  border-color: #c63b2c;
}

.form-check-input:checked {
  background-color: #c63b2c;
  border-color: #c63b2c;
  box-shadow: 0 2px 6px 0 rgba(198, 59, 44, 0.3);
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #c63b2c;
  border-color: #c63b2c;
  box-shadow: 0 2px 6px 0 rgba(198, 59, 44, 0.3);
}

.custom-option.checked {
  border: 2px solid #c63b2c !important;
}
.custom-option.checked .custom-option-body i,
.custom-option.checked .custom-option-header i {
  color: #c63b2c;
}
.custom-option.custom-option-label.checked {
  background-color: rgba(198, 59, 44, 0.12);
  color: #c63b2c;
}
.custom-option.custom-option-label.checked .custom-option-header span,
.custom-option.custom-option-label.checked .custom-option-title {
  color: #c63b2c;
}

.switch-input:checked ~ .switch-toggle-slider {
  background: #c63b2c;
  color: #fff;
  box-shadow: 0 2px 6px 0 rgba(198, 59, 44, 0.3);
}
.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #c63b2c;
  color: #fff;
  box-shadow: 0 2px 6px 0 rgba(198, 59, 44, 0.3);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:focus:not(:placeholder-shown) ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-select:focus:not(:placeholder-shown) ~ label {
  color: #c63b2c;
}

/* ─── Sidebar / Menu active state ────────────────────────── */
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, #ed7d3a 0%, #c63b2c 100%);
  box-shadow: 0px 2px 6px 0px rgba(198, 59, 44, 0.3);
  color: #fff !important;
}
[dir=rtl] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(-270deg, #ed7d3a 0%, #c63b2c 100%) !important;
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, #ed7d3a 0%, #c63b2c 100%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(198, 59, 44, 0.3);
}
[dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(-270deg, #ed7d3a 0%, #c63b2c 100%);
  box-shadow: 0px 2px 6px 0px rgba(198, 59, 44, 0.3);
  color: #fff !important;
}
.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #fbeae8;
  color: #c63b2c !important;
}

/* Sidebar active item indicator bar */
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  background-color: #c63b2c;
}

/* ─── Footer ─────────────────────────────────────────────── */
.bg-footer-theme {
  color: #c63b2c;
}

/* ─── Tooltips ───────────────────────────────────────────── */
.tooltip-primary .tooltip-inner,
.tooltip-primary > .tooltip .tooltip-inner {
  background: #c63b2c;
  color: #fff;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: #c63b2c;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: #c63b2c;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: #c63b2c;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: #c63b2c;
}

/* ─── Popovers ───────────────────────────────────────────── */
.popover-primary,
.popover-primary > .popover {
  border-color: transparent;
  background: #c63b2c;
}
.popover-primary .popover-header,
.popover-primary > .popover .popover-header {
  border-color: #c63b2c;
  background: transparent;
  color: #fff;
}

/* ─── Timeline ───────────────────────────────────────────── */
.timeline .timeline-point-primary {
  background-color: #c63b2c !important;
  outline: 3px solid rgba(198, 59, 44, 0.12);
}
.timeline.timeline-outline .timeline-point-primary {
  border: 2px solid #c63b2c !important;
}
.timeline .timeline-indicator-primary {
  background-color: #fbeae8;
}
.timeline .timeline-indicator-primary i {
  color: #c63b2c !important;
}

/* ─── Divider ────────────────────────────────────────────── */
.divider.divider-primary.divider-vertical:before,
.divider.divider-primary.divider-vertical:after,
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
  border-color: #c63b2c;
}

/* ─── Card accents ───────────────────────────────────────── */
.card.card-border-shadow-primary::after {
  border-bottom-color: #f0b0ab;
}
.card.card-border-shadow-primary:hover::after {
  border-bottom-color: #c63b2c;
}

/* ─── Table-primary (colored table variant only) ─────────── */
.table-primary {
  --bs-table-bg: #fbeae8;
  --bs-table-striped-bg: #f4dedd;
  --bs-table-hover-bg: #f4dedd;
  border-color: #edcbc8;
}

/* ─── Custom.css overrides (property page, edit actions) ─── */
.btn-sm.btn-primary,
a[href*="edit"].btn-primary,
.action-btn.btn-primary {
  background-color: #c63b2c;
  border-color: #c63b2c;
}

/* ─── Status / Role toggle buttons (add-property page) ────── */
/* Inactive state — matches Property Type card style */
.status-btn {
  border-color: var(--stitch-border, #e2e8f0) !important;
  color: #6d6b77 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.status-btn:hover {
  border-color: #c6c6c8 !important;
  color: #6d6b77 !important;
  background-color: rgba(0, 0, 0, 0.03) !important;
}

/* Checked state for primary (Listing Status) */
.btn-check:checked + .status-btn.btn-outline-primary {
  border-color: #c63b2c !important;
  background-color: rgba(198, 59, 44, 0.08) !important;
  color: #c63b2c !important;
  box-shadow: none !important;
}

/* Checked state for secondary (Role Selection) */
.btn-check:checked + .status-btn.btn-outline-secondary {
  border-color: #c63b2c !important;
  background-color: rgba(198, 59, 44, 0.08) !important;
  color: #c63b2c !important;
  box-shadow: none !important;
}

/* Checked state for success (Publication Status) */
.btn-check:checked + .status-btn.btn-outline-success {
  border-color: #28c76f !important;
  background-color: rgba(40, 199, 111, 0.08) !important;
  color: #28c76f !important;
  box-shadow: none !important;
}