/* ============================================================
   RefurbBazaar brand override — loaded LAST after all theme CSS.
   Matches the next-storefront aesthetic:
   red #FC272B (hover #E31317), text #292b2c, pink tints
   #fff5f5 / #fdecec, pink border #f5b5b6, Inter typography.
   ============================================================ */

:root {
  --theme-default: #fc272b;
  --theme-secondary: #292b2c;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background-color: #f8f9fa;
  color: #292b2c;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #292b2c;
}

/* ---------- Header ---------- */
.page-wrapper .page-header {
  background: #ffffff;
  box-shadow: 0 1px 0 #eeeeee;
}

.page-wrapper .page-header .header-wrapper {
  background: #ffffff;
}

/* ---------- Sidebar ---------- */
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #ffffff;
  border-right: 1px solid #f0f0f0;
}

.sidebar-wrapper .logo-wrapper {
  padding: 18px 20px;
  border-bottom: 1px solid #f5f5f5;
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link,
.sidebar-wrapper .sidebar-link {
  color: #292b2c;
  border-radius: 8px;
  transition: background 0.15s, color 0.15s;
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link:hover,
.sidebar-wrapper .sidebar-link:hover {
  background: #fff5f5;
  color: #fc272b;
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active,
.sidebar-wrapper .sidebar-link.active,
.sidebar-wrapper .sidebar-list.active > .sidebar-link {
  background: #fdecec;
  color: #fc272b !important;
  font-weight: 600;
}

.sidebar-wrapper .sidebar-link.active i,
.sidebar-wrapper .sidebar-link:hover i {
  color: #fc272b;
}

.sidebar-wrapper .sidebar-submenu li a {
  color: #555555;
}

.sidebar-wrapper .sidebar-submenu li a:hover,
.sidebar-wrapper .sidebar-submenu li a.active {
  color: #fc272b !important;
  font-weight: 600;
}

/* ---------- Buttons ---------- */
.btn-primary,
.btn-primary:focus {
  background-color: #fc272b !important;
  border-color: #fc272b !important;
  color: #ffffff !important;
}

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

.btn-outline-primary {
  color: #fc272b !important;
  border-color: #f5b5b6 !important;
}

.btn-outline-primary:hover {
  background-color: #fff5f5 !important;
  color: #e31317 !important;
}

/* ---------- Links, accents, misc bootstrap ---------- */
/* Scoped link coloring — exclude button-like anchors, nav links,
   sidebar links, and pagination so component text colors survive. */
a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.page-link):not(.sidebar-link):not(.dropdown-item) {
  color: #fc272b;
}
a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.page-link):not(.sidebar-link):not(.dropdown-item):hover {
  color: #e31317;
}

.text-primary { color: #fc272b !important; }
.bg-primary { background-color: #fc272b !important; }
.border-primary { border-color: #f5b5b6 !important; }

.badge-primary, .badge.bg-primary { background-color: #fc272b !important; }

.form-control:focus,
.form-select:focus {
  border-color: #fc272b;
  box-shadow: 0 0 0 3px rgba(252, 39, 43, 0.1);
}

.form-check-input:checked {
  background-color: #fc272b;
  border-color: #fc272b;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  color: #fc272b;
  border-color: #fc272b;
}

.page-item.active .page-link {
  background-color: #fc272b;
  border-color: #fc272b;
}
.page-link { color: #fc272b; }

/* ---------- Cards & tables ---------- */
.card {
  border: 1px solid #efefef;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.table thead th {
  background: #fff5f5;
  color: #292b2c;
  font-weight: 700;
  border-bottom: 1px solid #f5b5b6;
}

/* ---------- Loader ---------- */
.loader-index span,
.loader-wrapper .loader-index span {
  background: #fc272b !important;
}