/*
   used-car-part.com Optimized Stylesheet
   Cleaned, unified, and modernized for OpenCart 4.2
*/
:root {
  --primary: #9bb7d4;        /* Blue Aura (Soft & Trustworthy) */
  --accent: #d4cf7e;         /* Pale Banana (Optimistic highlight) */
  --bg-main: #f0eee9;        /* Cloud Dancer (Pantone 2026 Base) */
  --text-main: #4a4a4a;      /* Muted Charcoal for readability */
  --secondary: #b5baaf;      /* Sage Green (Natural neutral) */
  --radius: 6px;            /* Extra rounded corners for a "soft UI" feel */
}



body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text-main);
  background-color: var(--bg-light);
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  color: #1e272e;
  font-weight: 700;
  letter-spacing: -0.02em;
}

a { color: var(--primary); text-decoration: none; transition: 0.2s; }
a:hover { color: var(--primary-dark); }

/* 2. HEADER & NAVIGATION */
#top {
  background: #fff;
  border-bottom: 1px solid #dfe6e9;
  padding: 10px 1px 40px 1px;
  font-size: 13px;
  position: relative;
  z-index: 1040;
}

header {
  padding: 20px 0;
  background: #fff;
  margin-bottom: 0;
}

#search .form-control-lg {
  height: 46px;
  border-radius: var(--radius) 0 0 var(--radius);
  border: 1px solid #dfe6e9;
}

#search .btn-lg {
  height: 46px;
  background: var(--secondary);
  color: #fff;
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 0 25px;
}

#menu {
  background: #fff;
  border: none;
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  margin-top: 10px;
}

#menu .navbar-nav > li > a {
  font-weight: 600;
  color: var(--secondary) !important;
  padding: 12px 20px;
}

#menu .dropdown-menu {
  border: none;
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  animation: slideUp 0.3s ease;
}

/* 3. PRODUCT CARDS & BUTTONS */
.product-thumb {
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid #edf2f7;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  height: 100%;
}

.product-thumb:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.btn-primary, #header-cart .btn-lg {
  background-color: var(--primary);
  border: none;
  border-radius: var(--radius);
  font-weight: 600;
  padding: 10px 20px;
}

#header-cart .btn-lg { background-color: var(--accent); }

/* 4. SIDEBAR & LISTS */
.list-group {
  border: none;
  box-shadow: var(--shadow);
  border-radius: var(--radius);
}

.list-group-item {
  padding: 12px 20px;
  border: none;
  border-bottom: 1px solid #f1f2f6;
  color: var(--text-main);
}

.list-group-item.active {
  background-color: var(--primary) !important;
  color: #fff !important;
}

.list-group-item:hover:not(.active) {
  background-color: #f8f9fa;
  padding-left: 25px;
}

/* 5. FOOTER */
footer {
  background: var(--secondary);
  color: #b2bec3;
  padding: 60px 0 30px;
  margin-top: 50px;
}

footer h5 { color: #fff; font-size: 20px; text-transform: uppercase; }
footer a { color: #b2bec3; display: inline-block; margin-bottom: 8px; }
footer a:hover { color: #fff; padding-left: 5px; }

/* 6. MOBILE RESPONSIVENESS & FIXES */
@media (max-width: 767px) {
  .container { padding-left: 20px; padding-right: 20px; }

  #logo, #search, #header-cart {
    text-align: center;
    margin-bottom: 15px;
  }

  .btn-lg { width: 100%; height: 50px; }

  #column-left h3, #column-right h3 {
    background: var(--primary);
    color: #fff;
    padding: 15px;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: 16px;
  }
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Add breathing room inside the product details */
.product-thumb .description,
.product-thumb .caption {
  padding: 20px 24px; /* Generous spacing on sides and top/bottom */
  text-align: left;
}

/* Specific spacing for the product title */
.product-thumb h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.1rem;
  line-height: 1.4;
}

/* Space out the price from the description */
.product-thumb .price {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #f1f2f6; /* Subtle divider for organization */
  font-size: 1.25rem;
  color: var(--secondary);
}
/* Increase space between the cards in the grid */
.row {
  row-gap: 30px; /* Space between rows of products */
}

@media (max-width: 767px) {
  .row {
    row-gap: 20px; /* Slightly tighter for mobile */
  }
}
#top {
  background: rgba(255, 255, 255, 0.8); /* Glass effect */
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 6px 0;
  font-size: 13px;
  position: sticky;
  top: 0;
  z-index: 2000;
}

#top .nav .list-inline-item a {
  color: var(--text-muted);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s;
}

#top .nav .list-inline-item a:hover {
  color: var(--primary);
}
#menu {
  background: #ffffff;
  padding: 6px;
  border-radius: var(--radius); /* Super rounded modern corners */
  box-shadow: 0 10px 40px rgba(0,0,0,0.04);
  border: 1px solid #f1f2f6;
  margin-top: 15px;
}

#menu .navbar-nav > li > a {
  color: var(--secondary) !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  border-radius: var(--radius);
  margin: 0 4px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover "Cell" Animation */
#menu .navbar-nav > li > a:hover {
  background: var(--bg-light);
  color: var(--primary) !important;
  transform: scale(1.02);
}

/* Dropdown Glassmorphism */
#menu .dropdown-menu {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius);
  padding: 15px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}
/* Sidebar Header */
#column-left h3, #column-right h3 {
  background: var(--secondary); /* Dark Steel */
  color: #fff;
  padding: 18px 20px;
  border-radius: var(--radius);
  font-size: 15px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Sidebar List Items as "Cards" */
.list-group-item {
  margin-top: 4px;
  border: 1px solid transparent !important;
  border-radius: var(--radius); !important;
  background: #fff;
  transition: 0.3s;
}

.list-group-item:hover {
  border-color: var(--primary) !important;
  background: #fdfdfd;
  box-shadow: 0 4px 12px rgba(9, 132, 227, 0.08);
}

/* The Active Category Indicator */
.list-group-item.active {
  background: linear-gradient(135deg, var(--primary) 0%, #00d2ff 100%) !important;
  border: none !important;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(9, 132, 227, 0.3);
}
/* 2026 Premium Utility Bar */
#top {
  background: #ffffff;
  /* Top and bottom padding for vertical centering */
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 14px;
  line-height: 1.5;
  min-height: 50px; /* Ensures a consistent height */
  display: flex;
  align-items: center; /* Vertically centers content */
  position: relative;
  z-index: 1040;
}

/* Align links and icons inside the top bar */
#top .nav .list-inline {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 20px; /* Space between utility links */
}

#top .nav .list-inline-item a {
  color: var(--text-muted);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

#top .nav .list-inline-item a:hover {
  color: var(--primary);
}

/* Mobile Adjustment: Ensure it doesn't get too tall on small screens */
@media (max-width: 767px) {
  #top {
    padding: 10px 0;
    text-align: center;
  }
  #top .nav .list-inline {
    justify-content: center;
    gap: 12px;
  }
}
/* Fix for Icon Stacking on Phone Number */
#top .nav .list-inline-item > a,
#top .nav .list-inline-item > span {
  display: inline-flex !important; /* Forces icon and text onto one line */
  align-items: center;            /* Perfectly centers them vertically */
  gap: 8px;                       /* Professional spacing between icon and number */
  white-space: nowrap;            /* Prevents the number from wrapping to a new line */
}

/* Ensure the icon itself doesn't have forced block behavior */
#top .nav .list-inline-item i {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-size: 1.1em; /* Makes icon slightly more prominent */
}

/* Mobile Tweak: Ensure they stay side-by-side even on small screens */
@media (max-width: 767px) {
  #top .nav .list-inline {
    flex-wrap: nowrap;
    justify-content: center;
  }
}
/* FORCE OVERRIDE BOOTSTRAP DEFAULTS */

/* 1. Fix the Nav Bar Background */
.bg-primary,
#menu.navbar.bg-primary {
  background-color: var(--primary) !important; /* Forces your modern blue */
  background-image: none !important;           /* Removes Bootstrap gradients */
  border: none !important;
  box-shadow: var(--shadow) !important;
}

/* 2. Fix the Mobile Toggler Button */
.navbar-toggler {
  border: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* 3. Modernize the Links (Ensure they aren't forced to default blue) */
#menu .navbar-nav > li > a {
  color: #ffffff !important; /* Modern white text on blue bar */
  font-weight: 600;
  padding: 15px 25px;
  transition: all 0.3s ease;
}

#menu .navbar-nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: var(--radius);
  color: #ffffff !important;
}

/* 4. Fix Search Button (if it's also being overwritten) */
.btn-primary,
#search .btn-lg {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn-primary:hover {
  background-color: var(--primary) !important;
  transform: translateY(-2px);
}
/* MODERN PAGINATION STYLING */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px; /* Professional spacing between page numbers */
  margin: 40px 0;
  padding: 0;
  list-style: none;
}

.pagination li a,
.pagination li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px; /* Larger touch target for mobile */
  height: 44px;
  border-radius: 50%; /* Perfect circles */
  background-color: #ffffff;
  border: 1px solid #edf2f7;
  color: var(--secondary);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

/* The Active/Current Page */
.pagination li.active span,
.pagination li.active a {
  background-color: var(--primary) !important;
  color: #ffffff !important;
  border-color: var(--primary);
  box-shadow: 0 8px 15px rgba(9, 132, 227, 0.25);
  transform: scale(1.1); /* Slightly larger active indicator */
}

/* Hover Effects */
.pagination li a:hover:not(.active) {
  background-color: #f8f9fa;
  color: var(--primary);
  border-color: var(--primary);
  transform: translateY(-3px); /* Subtle lift effect */
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

/* "Next" and "Previous" Arrows */
.pagination li:first-child a,
.pagination li:last-child a {
  font-size: 18px;
  background-color: #f1f2f6;
}

/* Text Result (e.g., "Showing 1 to 15 of 50") */
.pagination-results {
  text-align: center;
  color: var(--text-muted);
  font-size: 14px;
  margin-top: 10px;
}
/* MODERN FILTER & SORT BAR */
#display-control,
.row.mb-3.align-items-center { /* Common OC4 selectors for the sort bar */
  background: #ffffff;
  padding: 15px 25px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid #edf2f7;
  margin-bottom: 30px !important;
}

/* Style the Dropdowns inside the Filter Bar */
#input-sort, #input-limit {
  border: 1px solid #dfe6e9;
  border-radius: var(--radius);
  padding: 8px 12px;
  font-size: 14px;
  color: var(--secondary);
  background-color: #f8f9fa;
  cursor: pointer;
  transition: 0.2s;
}

#input-sort:focus, #input-limit:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(9, 132, 227, 0.1);
  outline: none;
}

/* Style the List/Grid Toggle Buttons */
.btn-group #button-list,
.btn-group #button-grid {
  background-color: #f1f2f6;
  border: none;
  color: var(--text-muted);
  padding: 10px 15px;
  transition: all 0.2s;
}

.btn-group #button-list.active,
.btn-group #button-grid.active {
  background-color: var(--primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(9, 132, 227, 0.2);
}

/* PRODUCT PAGE STRUCTURE */
.product-info {
  display: grid;
  grid-template-columns: 1fr 400px; /* Large gallery, compact info panel */
  gap: 40px;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .product-info { grid-template-columns: 1fr; }
}

/* 2. MODERN IMAGE GALLERY */
.product-image-main {
  background: #fff;
  border-radius: var(--radius);
  padding: 30px;
  border: 1px solid #edf2f7;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.product-image-main img {
  width: 100%;
  transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  cursor: zoom-in;
}

.product-image-main:hover img {
  transform: scale(1.08); /* Modern subtle zoom */
}

/* Thumbnail Strip */
.thumbnails {
  display: flex;
  gap: 15px;
  margin-top: 20px;
  overflow-x: auto;
  padding-bottom: 10px;
}

.thumbnails img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: var(--radius);
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.2s;
}

.thumbnails img:hover, .thumbnails img.active {
  border-color: var(--primary);
  transform: translateY(-3px);
}
/* ACTION PANEL */
.product-action-panel {
  position: sticky;
  top: 100px; /* Floats below the sticky top bar */
  background: #fff;
  padding: 30px;
  border-radius: var(--radius);
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
  border: 1px solid #edf2f7;
}

.product-price-large {
  font-size: 32px;
  font-weight: 800;
  color: var(--secondary);
  margin-bottom: 20px;
  display: block;
}

/* Modern Quantity Input */
.quantity-wrapper {
  display: flex;
  align-items: center;
  background: var(--bg-light);
  border-radius: 12px;
  padding: 5px;
  margin-bottom: 20px;
  width: fit-content;
}

/* BIG PRIMARY CALL TO ACTION */
#button-cart {
  width: 100%;
  padding: 10px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: var(--primary) !important;
  color: #fff;
  border-radius: var(--radius);
  box-shadow: 0 10px 25px rgba(9, 132, 227, 0.3);
}

#button-cart:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(9, 132, 227, 0.4);
}
/* TRUST BADGES */
.trust-badges {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 25px;
  border-top: 1px solid #f1f2f6;
  padding-top: 20px;
}

.badge-item {
  font-size: 13px;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 8px;
}

.badge-item i {
  color: var(--accent); /* Action Green */
  font-size: 16px;
}
/* MODERN SEGMENTED TAB CONTROL */
.nav-tabs {
  display: inline-flex;
  background: #f1f2f6; /* Light track color */
  padding: 6px;
  border-radius: var(--radius);
  border: none !important;
  margin-bottom: 2px;
  width: auto; /* Fits content */
  min-width: 300px;
}

.nav-tabs .nav-item {
  margin-bottom: 0;
  flex: 1;
}

.nav-tabs .nav-link {
  border: none !important;
  border-radius: var(--radius); !important;
  color: var(--text-muted) !important;
  font-weight: 600;
  padding: 10px 25px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  white-space: nowrap;
}

/* THE ACTIVE SLIDE EFFECT */
.nav-tabs .nav-link.active {
  background-color: #ffffff !important;
  color: var(--primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: scale(1.02);
}

.nav-tabs .nav-link:hover:not(.active) {
  color: var(--secondary) !important;
  background-color: rgba(255, 255, 255, 0.5);
}

/* TAB CONTENT AREA */
.tab-content {
  background: #ffffff;
  padding: 30px;
  border-radius: var(--radius);
  border: 1px solid #edf2f7;
  box-shadow: var(--shadow);
  line-height: 1.8;
  color: var(--text-main);
}

/* Mobile: Stack them or allow horizontal scroll */
@media (max-width: 767px) {
  .nav-tabs {
    display: flex;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* MODERN DATA TABLE */
.table-bordered {
  border: none;
}

.table-bordered thead th {
  background-color: #f8f9fa;
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: var(--text-muted);
  padding: 15px;
}

.table-bordered td {
  border: none;
  border-bottom: 1px solid #f1f2f6;
  padding: 15px;
  vertical-align: middle;
}

/* Zebra striping for readability */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(241, 242, 246, 0.3);
}
#form-review .form-control {
  border-radius: var(--radius);
  border: 1px solid #dfe6e9;
  padding: 12px;
}

.rating {
  margin-bottom: 15px;
  color: #ffca28; /* Automotive Gold/Yellow for stars */
  font-size: 18px;
}
/* MODERN CHECKOUT & CART TABLE */
.table-responsive {
  border: none !important;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: #fff;
}

.table-responsive .table {
  margin-bottom: 0;
}

.table-responsive thead {
  background-color: var(--bg-light);
  border: none;
}

.table-responsive thead th {
  padding: 20px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  border: none;
}

.table-responsive tbody td {
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #f1f2f6;
}

/* Rounded Product Thumbnails in Cart */
.table-responsive img {
  border-radius: 8px;
  border: 1px solid #edf2f7;
}
/* STICKY CART TOTALS */
#checkout-total, .cart-total-box {
  background: #ffffff;
  padding: 30px;
  border-radius: var(--radius);
  border: 2px solid var(--primary); /* Highlight the final action area */
  box-shadow: 0 15px 35px rgba(9, 132, 227, 0.1);
}

.cart-total-box .table tr td:last-child {
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  color: var(--secondary);
}

/* The Grand Total Row */
.cart-total-box .table tr:last-child td {
  font-size: 24px;
  color: var(--primary);
  border-top: 2px solid #f1f2f6;
  padding-top: 15px;
}
/* FORCE TABS TO CLEAR PRODUCT OPTIONS & IMAGES */
.nav-tabs,
#content .nav-tabs {
  clear: both !important; /* Forces the tabs to move below the columns */
  display: flex !important;
  width: 100% !important;
  margin-top: 3px !important;
}

.tab-content {
  clear: both !important;
  width: 100% !important;
}

/* Fix for OpenCart 4 Grid specifically */
.row > .col-sm-8,
.row > .col-sm-4 {
  margin-bottom: 20px;
}
/* --- MODERN BUTTON GROUP ACTION BAR --- */
.product-thumb .button-group {
  display: flex !important;           /* Forces buttons into a horizontal row */
  background-color: #f8f9fa;          /* Light contrast from the card */
  border-top: 1px solid #edf2f7;      /* Clean divider */
  padding: 8px !important;            /* Internal breathing room */
  gap: 6px;                           /* Spacing between the buttons */
  justify-content: center;
}

/* BASE BUTTON STYLE */
.product-thumb .button-group button {
  background-color: #ffffff !important;
  border: 1px solid #dfe6e9 !important;
  border-radius: var(--radius); !important;      /* Modern rounded corners */
  height: 44px;                       /* Perfect touch target for mobile */
  color: var(--secondary) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;                            /* Makes Wishlist/Compare equal width */
  box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* PRIMARY "ADD TO CART" (First Button) */
.product-thumb .button-group button:first-child {
  flex: 2.5;                          /* Makes Cart button significantly wider */
  background-color: var(--accent) !important; /* Your Mint Green #00b894 */
  border-color: var(--accent) !important;
  color: #ffffff !important;          /* White icon for high contrast */
  font-size: 16px;
}

/* HOVER EFFECTS */
.product-thumb .button-group button:hover {
  transform: translateY(-2px);        /* Subtle lift */
  box-shadow: 0 6px 12px rgba(0,0,0,0.08) !important;
  background-color: #f1f2f6 !important;
  color: var(--primary) !important;   /* Action Blue on hover */
}

/* CART HOVER SPECIFIC */
.product-thumb .button-group button:first-child:hover {
  background-color: #00a383 !important; /* Slightly darker mint */
  color: #ffffff !important;
}

/* TOOLTIP FIX: Ensures the font-awesome icons are centered */
.product-thumb .button-group button i {
  margin: 0;
  padding: 0;
}
#logo img {
  max-width: 320px;
  max-height: 100px;
  padding: 10px 0;
  /* Glow filter removed for a cleaner look */
}
/* Vertical centering for search and cart */
@media (min-width: 768px) {
  #search {
    margin-top: 25px; /* Adjust this value as needed */
  }
  #header-cart {
    margin-top: 25px; /* Match search or adjust for cart specifically */
  }
}
/* MODERN BREADCRUMB STYLING */
.breadcrumb {
  background-color: transparent !important; /* Removes the dated grey box */
  padding: 15px 0 !important;               /* Vertical padding for spacing */
  margin-bottom: 20px !important;
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 14px;
}

.breadcrumb i {
  color: var(--primary); /* Uses your Action Blue #0984e3 */
  margin-right: 8px;
}

.breadcrumb-item a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

.breadcrumb-item a:hover {
  color: var(--primary);
}

/* Modern Separator */
.breadcrumb-item + .breadcrumb-item::before {
  content: "→" !important; /* Cleaner modern arrow */
  padding: 0 12px;
  color: #dfe6e9;
}

/* Remove old OpenCart breadcrumb borders if they exist */
.breadcrumb {
  border: none !important;
  border-bottom: 1px solid #edf2f7 !important; /* Optional: subtle bottom divider */
}
/* 2026 MEGA FOOTER STYLING */
footer {
  background-color: #1e272e !important; /* Deep Slate */
  color: #dcdde1 !important;
  padding: 80px 0 40px !important;
  margin-top: 60px;
  border-top: 4px solid var(--primary); /* Modern brand accent line */
}

/* Footer Section Headings */
footer h5 {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 25px !important;
  position: relative;
}

/* Subtle underline for headings */
footer h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 30px;
  height: 2px;
  background-color: var(--primary);
}

/* Modernized Link List */
footer ul.list-unstyled li {
  margin-bottom: 2px;
}

footer ul.list-unstyled li a {
  color: #a4b0be !important;
  font-size: 15px;
  transition: all 0.3s ease;
  display: inline-block;
}

footer ul.list-unstyled li a:hover {
  color: #ffffff !important;
  transform: translateX(5px); /* Subtle interaction on hover */
}

/* Social Media & Trust Area */
.footer-bottom {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.social-icons a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  transition: 0.3s;
  color: #fff;
}

.social-icons a:hover {
  background: var(--primary);
  transform: translateY(-5px);
}