/* RepairPC brand skin for PrestaShop Classic theme.
   Base theme accent is #24b9d7 (cyan) - overridden to RepairPC orange. */

:root {
  --rpc-orange: #f69323;
  --rpc-orange-dark: #dd7a09;
  --rpc-dark: #1a1a1a;
}

/* Buttons */
.btn-primary,
a.btn-primary,
button.btn-primary,
.material-icons.add-to-cart,
#module-blockreassurance-reassurance .btn-primary,
.card-block.checkout-cart-block .btn-primary {
  background-color: var(--rpc-orange) !important;
  border-color: var(--rpc-orange) !important;
}
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
  background-color: var(--rpc-orange-dark) !important;
  border-color: var(--rpc-orange-dark) !important;
}
.btn-outline-primary,
a.btn-outline-primary {
  color: var(--rpc-orange) !important;
  border-color: var(--rpc-orange) !important;
}
.btn-outline-primary:hover {
  background-color: var(--rpc-orange) !important;
  color: #fff !important;
}

/* Links / text accents */
a,
a:visited {
  color: var(--rpc-orange-dark);
}
a:hover,
a:focus {
  color: var(--rpc-orange);
}
.text-primary,
a.text-primary {
  color: var(--rpc-orange) !important;
}

/* Header */
#header .header-nav,
#_desktop_top_menu .top-menu > li > a:hover,
#_desktop_top_menu .top-menu > li.active > a {
  color: var(--rpc-orange-dark);
}
#header .logo {
  max-height: 70px;
}
.header-top {
  border-bottom: 3px solid var(--rpc-orange);
}

/* Cart / account icons */
#_desktop_cart .cart-products-count,
.blockcart .cart-products-count {
  background-color: var(--rpc-orange) !important;
}
#_desktop_cart:hover .header-nav,
#_desktop_user_info:hover .header-nav {
  color: var(--rpc-orange);
}

/* Product prices */
.product-price,
.current-price span,
.product-prices .price {
  color: var(--rpc-dark);
}
.product-discount,
.regular-price {
  color: #999;
}

/* Category menu */
#category-description a,
.block-categories .category-sub-menu a:hover,
.category-cover {
  color: var(--rpc-orange-dark);
}

/* Checkout step indicators */
.step-title,
.step-number,
#checkout .-current .step-number {
  background-color: var(--rpc-orange) !important;
  border-color: var(--rpc-orange) !important;
}

/* Facets / filters (layered navigation, matches marevsystems-style filter UX) */
.faceted-slider .ui-slider-range,
.faceted-slider .ui-slider-handle {
  background-color: var(--rpc-orange) !important;
  border-color: var(--rpc-orange) !important;
}
.custom-checkbox input[type='checkbox']:checked + span {
  background-color: var(--rpc-orange) !important;
  border-color: var(--rpc-orange) !important;
}

/* Footer */
#footer .h3,
#footer .links .title {
  color: var(--rpc-orange);
}
#footer {
  border-top: 3px solid var(--rpc-orange);
}
