/* ============================================
   BCPL Retail — Webshop Custom Styles
   Brand: Orange #FA8316, Blue #142454
   ============================================ */

/* --- Navbar --- */
.navbar {
  border-bottom: 3px solid #FA8316 !important;
  box-shadow: 0 2px 10px rgba(20,36,84,0.08) !important;
}
.navbar .nav-link {
  font-weight: 600 !important;
  color: #142454 !important;
  transition: color 0.2s !important;
}
.navbar .nav-link:hover, .navbar .nav-link.active {
  color: #FA8316 !important;
}

/* --- Page Header --- */
.page-head h1, .page-header h1,
h1.page-title, .all-products h1 {
  color: #142454 !important;
  font-weight: 800 !important;
}

/* --- Breadcrumbs --- */
.breadcrumb a {
  color: #FA8316 !important;
}

/* --- Product Cards (Grid View) --- */
.product-card-grid,
.product-card,
.website-list .result div[onclick],
.products-list .card,
.product-list-card {
  border-radius: 12px !important;
  border: 2px solid #142454 !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 15px rgba(20,36,84,0.08) !important;
}
.product-card-grid:hover,
.product-card:hover,
.products-list .card:hover,
.product-list-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(20,36,84,0.15) !important;
  border-color: #FA8316 !important;
}

/* --- Product Title --- */
.product-title,
.card-title,
.item-card-group-section .card-title a {
  color: #142454 !important;
  font-weight: 700 !important;
}
.product-title:hover,
.card-title a:hover {
  color: #FA8316 !important;
}

/* --- Product Price --- */
.product-price,
.price-info .price {
  color: #FA8316 !important;
  font-weight: 800 !important;
  font-size: 1.1em !important;
}
.striked-price,
.original-price {
  color: #999 !important;
}
.discount {
  color: #e74c3c !important;
  font-weight: 700 !important;
}

/* --- Filters Sidebar --- */
.filter-label,
.field-filter-title {
  color: #142454 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.85em !important;
  letter-spacing: 0.5px !important;
}

/* --- Checkbox Accent --- */
input[type="checkbox"]:checked {
  accent-color: #FA8316 !important;
}

/* --- Add to Cart / Add to Quote Button --- */
.btn-primary,
.btn-primary-dark,
.page-container .btn-primary,
a.btn-primary {
  background-color: #FA8316 !important;
  border-color: #FA8316 !important;
  color: white !important;
  border-radius: 25px !important;
  font-weight: 700 !important;
  padding: 10px 28px !important;
  transition: all 0.3s !important;
  box-shadow: 0 3px 12px rgba(250,131,22,0.3) !important;
}
.btn-primary:hover,
.btn-primary-dark:hover {
  background-color: #e07010 !important;
  border-color: #e07010 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 20px rgba(250,131,22,0.4) !important;
}

/* --- Secondary Buttons --- */
.btn-secondary,
.btn-default,
.btn-outline-primary {
  border-color: #142454 !important;
  color: #142454 !important;
  border-radius: 25px !important;
  font-weight: 600 !important;
}
.btn-secondary:hover,
.btn-default:hover,
.btn-outline-primary:hover {
  background-color: #142454 !important;
  color: white !important;
}

/* --- Shopping Cart --- */
.cart-icon .cart-badge,
.shopping-badge {
  background: #FA8316 !important;
}

/* --- Product Detail Page --- */
.product-page .product-title {
  color: #142454 !important;
  font-weight: 800 !important;
  font-size: 1.6em !important;
}
.product-page .product-price {
  color: #FA8316 !important;
  font-weight: 800 !important;
  font-size: 1.4em !important;
}
.product-page .in-stock {
  color: #27ae60 !important;
  font-weight: 600 !important;
}

/* --- Category Page Cards --- */
.item-group-card,
.category-card {
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s !important;
}
.item-group-card:hover,
.category-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 25px rgba(20,36,84,0.15) !important;
}

/* --- Grid/List Toggle --- */
.toggle-btn.active,
.btn-group .btn.active {
  background: #142454 !important;
  color: white !important;
}

/* --- Search Bar --- */
.search-box input,
.product-search input {
  border-radius: 25px !important;
  border: 2px solid #e0e0e0 !important;
  padding: 10px 20px !important;
  transition: border-color 0.3s !important;
}
.search-box input:focus,
.product-search input:focus {
  border-color: #FA8316 !important;
  box-shadow: 0 0 0 3px rgba(250,131,22,0.15) !important;
}

/* --- Pagination --- */
.page-link {
  color: #142454 !important;
  font-weight: 600 !important;
}
.page-link:hover, .page-item.active .page-link {
  background: #FA8316 !important;
  border-color: #FA8316 !important;
  color: white !important;
}

/* --- Footer --- */
.web-footer {
  background: #142454 !important;
  color: #d0d0e0 !important;
}
.web-footer a {
  color: #FA8316 !important;
}
.web-footer .footer-subscribe .btn {
  background: #FA8316 !important;
  border-color: #FA8316 !important;
}

/* --- Wishlist Heart --- */
.wishlist-icon .like-action-item-toggle .like-action {
  color: #FA8316 !important;
}

/* --- Review Stars --- */
.star-icon.star-hover-0,
.ratings .star-icon {
  color: #FA8316 !important;
}

/* --- General Page Background --- */
body {
  background: #fafbfd !important;
}
.main-section, .container {
  max-width: 1280px !important;
}

/* --- Smooth images --- */
.product-card img, .cat-card img, img.website-image {
  transition: transform 0.3s !important;
}
.product-card:hover img, .cat-card:hover img {
  transform: scale(1.03) !important;
}

/* Homepage category cards — blue border default, orange on hover */
.cat-card {
  border: 2px solid #142454 !important;
}
.cat-card:hover {
  border-color: #FA8316 !important;
}

/* Login Page Branding */
.page-card .login-image {
  content: url('/files/BCPL Logo without text for White Background (JPG).jpg') !important;
  height: 70px !important;
  width: auto !important;
}
.page-card-head .title {
  visibility: hidden;
  position: relative;
}
.page-card-head .title::after {
  content: 'Login to BCPL Retail';
  visibility: visible;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #142454;
  font-weight: 700;
  white-space: nowrap;
}
.page-card {
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(20,36,84,0.12) !important;
  border-top: 4px solid #FA8316 !important;
}
.page-card .btn-primary {
  background: #FA8316 !important;
  border-color: #FA8316 !important;
  border-radius: 25px !important;
  font-weight: 700 !important;
}
.page-card .btn-primary:hover {
  background: #e07010 !important;
}
.page-card .btn-default {
  border-radius: 25px !important;
  border-color: #142454 !important;
  color: #142454 !important;
}
.for-login .sign-up-message a,
.for-login a {
  color: #FA8316 !important;
}

/* Fix discount badge visibility */
.discount-badge {
  z-index: 5 !important;
}

/* Hide sub-groups from Shop by Category cards — show only parent categories */
.page-container[data-page-route="shop-by-category"] .category-card[href*="mens-wear"],
.page-container[data-page-route="shop-by-category"] .category-card[href*="womens-wear"],
.page-container[data-page-route="shop-by-category"] .category-card[href*="kids-wear"],
.page-container[data-page-route="shop-by-category"] .category-card[href*="staples"],
.page-container[data-page-route="shop-by-category"] .category-card[href*="snacks"],
.page-container[data-page-route="shop-by-category"] .category-card[href*="mobile-accessories"],
.page-container[data-page-route="shop-by-category"] .category-card[href*="home-appliances"] {
  display: none !important;
}