/* ============================================
   ClicknBuy Brand Color Overrides
   Primary: #0071DC (Blue)
   Accent:  #FF6B00 (Orange)
   ============================================ */

:root {
  --primary: #0071DC;
  --primary-hover: #005BB5;
  --accent: #FF6B00;
  --accent-hover: #E55E00;
  --dark: #333E48;
  --secondary: #6C757D;
  --yellow: #0071DC;
}

/* ---- Primary color overrides (yellow → blue) ---- */
.bg-primary,
.btn-primary,
.u-header .btn-primary {
  background-color: #0071DC !important;
  border-color: #0071DC !important;
  color: #fff !important;
}

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

.text-primary {
  color: #0071DC !important;
}

.border-primary {
  border-color: #0071DC !important;
}

.border-top-primary {
  border-top-color: #0071DC !important;
}

/* Header search bar background */
.bg-primary-down-lg {
  background-color: #0071DC !important;
}

@media (min-width: 1200px) {
  .bg-primary-down-lg {
    background-color: transparent !important;
  }
}

/* Search bar border */
.border-primary {
  border-color: #0071DC !important;
}

/* Cart badge */
.bg-lg-down-black.bg-primary,
span.bg-primary {
  background-color: #0071DC !important;
}

/* Primary dark buttons */
.btn-primary-dark-w,
.btn-primary-dark-w:hover {
  background-color: #005BB5 !important;
  border-color: #005BB5 !important;
  color: #fff !important;
}

/* ---- Accent color (orange for CTAs, sale badges) ---- */
.btn-accent,
.badge-accent {
  background-color: #FF6B00;
  border-color: #FF6B00;
  color: #fff;
}

.btn-accent:hover,
.btn-accent:focus {
  background-color: #E55E00;
  border-color: #E55E00;
  color: #fff;
}

.text-accent {
  color: #FF6B00 !important;
}

/* ---- Sale / Discount badges ---- */
.badge-sale,
.bg-sale {
  background-color: #FF6B00 !important;
  color: #fff !important;
}

/* ---- Navigation overrides ---- */
.u-header-topbar {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}

/* Vertical menu header */
.bg-primary.rounded-top,
.u-header .bg-primary {
  background-color: #0071DC !important;
}

/* Category menu active/hover */
.list-group-item.active,
.list-group-item:hover {
  border-color: #0071DC;
}

/* ---- Link colors ---- */
a.text-blue:hover,
.text-blue:hover {
  color: #0071DC !important;
}

/* ---- Product card hover effects ---- */
.product-item__outer:hover .btn-add-cart {
  background-color: #0071DC;
  color: #fff;
}

/* ---- Star ratings ---- */
.text-warning {
  color: #FF6B00 !important;
}

/* ---- Tabs active state ---- */
.nav-link.active,
.nav-pills .nav-link.active {
  background-color: #0071DC !important;
  border-color: #0071DC !important;
  color: #fff !important;
}

/* ---- Pagination ---- */
.page-item.active .page-link {
  background-color: #0071DC;
  border-color: #0071DC;
}

.page-link {
  color: #0071DC;
}

.page-link:hover {
  color: #005BB5;
}

/* ---- Form focus states ---- */
.form-control:focus {
  border-color: #0071DC;
  box-shadow: 0 0 0 0.2rem rgba(0, 113, 220, 0.25);
}

/* ---- Newsletter / CTA sections ---- */
.bg-gray-13 .btn-primary {
  background-color: #0071DC !important;
}

/* ---- Footer overrides ---- */
.footer .text-primary {
  color: #0071DC !important;
}

/* ---- Selection highlight ---- */
::selection {
  background-color: #0071DC;
  color: #fff;
}

/* ---- Scrollbar for mega menu ---- */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0071DC !important;
}