/* ============================================================
   Dynamic Primary Colour — generated by styles.php
   Primary: #ff4c3b   ============================================================ */

:root {
  --primary-color:       #ff4c3b;
  --primary-color-dark:  #d92615;
  --primary-color-10:    rgba(255,76,59,0.10);
  --primary-color-20:    rgba(255,76,59,0.20);
}

/* Buttons */
.template-btn,
.btn-primary {
  background-color: #ff4c3b;
  border-color:     #ff4c3b;
  color: #fff;
}

.template-btn:hover,
.btn-primary:hover {
  background-color: #d92615;
  border-color:     #d92615;
  color: #fff;
}

/* Info bar / top bar */
.info-bar {
  background-color: #ff4c3b;
}

/* Links & accents */
a:hover { color: #ff4c3b; }

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

/* Active nav underline */
.nav-menus li.active > a::after,
.nav-menus li:hover > a::after {
  background-color: #ff4c3b;
}

/* Cart / badge */
.cart-count {
  background-color: #ff4c3b;
}

/* Icon hover */
.icon-circle:hover {
  background-color: #ff4c3b;
}

/* Ratings */
.rating i { color: #ff4c3b; }

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

.page-link:hover {
  color: #ff4c3b;
}

/* Form focus */
.form-control:focus {
  border-color: #ff4c3b;
  box-shadow: 0 0 0 3px rgba(255,76,59,0.10);
}

/* Progress bars */
.progress-bar { background-color: #ff4c3b; }

/* Checkboxes & radios */
.form-check-input:checked {
  background-color: #ff4c3b;
  border-color:     #ff4c3b;
}

/* Sidebar active */
.sidebar-active-color { color: #ff4c3b !important; }

/* Section headings accent */
.section-title .title-border { background-color: #ff4c3b; }

/* Dropdown active item */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #ff4c3b;
}