/*
Theme Name: Baseleir Custom Header
Template: kampina
*/

/* =========================
   GLOBAL LINK RESET
========================= */
a,
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove theme underline pseudo elements */
a:before,
a:after {
  display: none !important;
  content: none !important;
}

/* =========================
   TOP BLACK BAR
========================= */
.rei-topbar {
  background:#111;
  color:#fff;
  font-family: Arial, sans-serif;
  font-size:13px;
}

.rei-topbar-inner {
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:28px;
  padding:6px 20px;
}

.rei-topbar-inner a {
  color:#fff;
  font-weight:500;
}

/* =========================
   MAIN HEADER
========================= */
.rei-header {
  background:#f8f6f2;
  border-bottom:1px solid #e2e2e2;
  font-family: Arial, sans-serif;
}

/* Header main row */
.rei-header-main {
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
  gap:35px;
}

/* Logo */
.rei-logo img {
  height:130px;   /* slightly larger */
  width:auto;
}

/* =========================
   SEARCH BAR
========================= */
.rei-search {
  flex:1;
}

.rei-search form {
  position:relative;
}

.rei-search input {
  width:100%;
  padding:11px 42px 11px 14px;
  border:1px solid #bfbfbf;
  border-radius:3px;
  font-size:15px;
  background:#fff;
  box-shadow:none !important;
}

.rei-search button {
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  font-size:16px;
  color:#555;
  cursor:pointer;
}

/* =========================
   USER LINKS
========================= */
.rei-user-links {
  display:flex;
  gap:22px;
  font-size:14px;
  font-weight:600;
}

.rei-user-links a {
  color:#222;
}

.rei-user-links a:hover {
  color:#c45500;
}

.rei-user-links i {
  margin-right:6px;
}

/* =========================
   MAIN NAVIGATION
========================= */
.rei-navigation {
  background:#f8f6f2;
  border-top:1px solid #e2e2e2;
}

.rei-menu {
  max-width:1200px;
  margin:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:32px;
  list-style:none;
  padding:10px 20px;
}

/* Top-level nav links */
.rei-menu > li > a {
  color:#222;
  font-size:15px;
  font-weight:600;
  padding:10px 4px;
  display:inline-block;
}

/* Hover color like REI */
.rei-menu > li > a:hover {
  color:#c45500;
}

/* =========================
   MEGA MENU DROPDOWN
========================= */

/* Parent li relative */
.rei-menu > li {
  position:relative;
}

/* Hide submenu by default */
.rei-menu li ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#f8f6f2;
  min-width:220px;
  padding:10px 0;
  margin-top:6px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  border-top:2px solid #c45500;
  z-index:999;
}

/* Show submenu on hover */
.rei-menu li:hover > ul {
  display:block;
}

/* Submenu items */
.rei-menu li ul li {
  list-style:none;
}

/* Submenu links */
.rei-menu li ul li a {
  display:block;
  padding:7px 18px;
  font-size:14px;
  font-weight:500;
  color:#222;
  white-space:nowrap;
}

/* Submenu hover */
.rei-menu li ul li a:hover {
  background:#ece8e3;
  color:#c45500;
}

/* =========================
   REMOVE ANY THEME BULLETS
========================= */
.rei-menu,
.rei-menu ul {
  list-style:none !important;
}

/* =========================
   FINAL CLEANUP
========================= */
.rei-header a,
.rei-navigation a,
.rei-user-links a,
.rei-topbar a,
.rei-logo a {
  text-decoration:none !important;
  border:none !important;
}

/* Fix line-height */
.rei-menu li a {
  line-height:1.2 !important;
}

/* Ensure no leftover underline from theme */
.rei-header * {
  text-decoration:none !important;
}

/* ===== FINAL UNDERLINE KILL FIX ===== */

/* Remove border/underline from ALL top bar links */
.rei-topbar a,
.rei-topbar a:hover,
.rei-topbar a:focus,
.rei-topbar a:active {
  border-bottom: none !important;
  text-decoration: none !important;
}

/* Remove border/underline from MAIN navigation links */
.rei-menu > li > a,
.rei-menu > li > a:hover,
.rei-menu > li > a:focus,
.rei-menu > li > a:active {
  border-bottom: none !important;
  text-decoration: none !important;
}

/* Remove border/underline from USER links */
.rei-user-links a,
.rei-user-links a:hover,
.rei-user-links a:focus,
.rei-user-links a:active {
  border-bottom: none !important;
  text-decoration: none !important;
}

/* Remove any theme-added pseudo underline effects */
.rei-topbar a::after,
.rei-menu > li > a::after,
.rei-user-links a::after {
  content: none !important;
  display: none !important;
}

/* Prevent Kampina active menu border */
.rei-menu > li.current-menu-item > a,
.rei-menu > li.current_page_item > a {
  border-bottom: none !important;
}

/* ===== ABSOLUTE UNDERLINE & LINE KILL SWITCH ===== */

/* Kill any underline method used by theme */
.rei-header a,
.rei-header a:hover,
.rei-header a:focus,
.rei-header a:active,
.rei-navigation a,
.rei-navigation a:hover,
.rei-navigation a:focus,
.rei-navigation a:active,
.rei-topbar a,
.rei-topbar a:hover,
.rei-topbar a:focus,
.rei-topbar a:active,
.rei-user-links a,
.rei-user-links a:hover,
.rei-user-links a:focus,
.rei-user-links a:active {
  text-decoration: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Kill pseudo underline elements */
.rei-header a::before,
.rei-header a::after,
.rei-navigation a::before,
.rei-navigation a::after,
.rei-topbar a::before,
.rei-topbar a::after,
.rei-user-links a::before,
.rei-user-links a::after {
  content: none !important;
  display: none !important;
}

/* Kill Kampina active / hover underline classes */
.main-navigation a,
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Extra safety: remove focus outline line if theme adds it */
.rei-header a:focus {
  outline: none !important;
}

.rei-topbar {
  display:none;
}

/* === CATEGORY HERO SECTION === */

.baseleir-category-hero {
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
  padding-bottom: 15px;
}

.baseleir-category-hero h1 {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  margin: 0;
}

.baseleir-product-count {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

.baseleir-category-tabs {
  margin-top: 15px;
  display: flex;
  gap: 30px;
}

.baseleir-category-tabs .tab-btn {
  background: none;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  padding: 8px 0;
  position: relative;
  color: #333;
}

.baseleir-category-tabs .tab-btn.active {
  color: #2e5b82;
}

.baseleir-category-tabs .tab-btn.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background: #2e5b82;
}
/* ============================= */
/* REI STYLE PRODUCT GRID */
/* ============================= */

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 25px;
  padding: 10px 0 40px 0;
}

/* Product Card */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
  text-align: center;
  transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Product Image */
.woocommerce ul.products li.product img {
  width: 100%;
  height: 230px;
  object-fit: contain;
  margin-bottom: 12px;
}

/* Product Title */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  font-size: 15px;
  font-weight: 600;
  color: #222;
  margin: 0 0 8px 0;
  line-height: 1.3;
}

/* Price */
.woocommerce ul.products li.product .price {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

/* Remove default buttons */
.woocommerce ul.products li.product .button {
  display: none !important;
}

/* Page background match header */
.woocommerce-page .site-main {
  background: #f8f6f2;
  padding: 20px 0;
}

.woocommerce-products-header__title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* ===================================================== */
/* FORCE FULL WIDTH SHOP LAYOUT */
/* ===================================================== */

.woocommerce-page .site-main,
.woocommerce-page .content-area {
  width: 100% !important;
  max-width: 1200px !important;
  margin: auto !important;
  padding: 20px !important;
  background: #f8f6f2;
}

/* Remove Kampina default product list styling */
.woocommerce ul.products,
.woocommerce-page ul.products {
  margin: 0 !important;
  padding: 20px 0 !important;
  list-style: none !important;
}

/* ===================================================== */
/* REI STYLE PRODUCT GRID */
/* ===================================================== */

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 28px !important;
}

/* Product Card */
.woocommerce ul.products li.product {
  background: #ffffff !important;
  border: 1px solid #ededed !important;
  padding: 18px !important;
  text-align: center !important;
  border-radius: 2px !important;
  transition: all 0.2s ease !important;
}

/* Hover shadow like REI */
.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px);
}

/* Product Image */
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 240px !important;
  object-fit: contain !important;
  margin-bottom: 14px !important;
}

/* Product Title */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}

/* Price */
.woocommerce ul.products li.product .price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #000 !important;
}

/* Remove default add to cart button (REI shows on hover later if needed) */
.woocommerce ul.products li.product .button {
  display: none !important;
}

/* Category Title */
.woocommerce-products-header__title {
  font-size: 26px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  color: #111 !important;
}

/* Remove tabs like Products | Expert Advice */
.woocommerce .woocommerce-tabs {
  display: none !important;
}

/* ===================================================== */
/* HIDE PAYPAL BLACK BANNER */
/* ===================================================== */

.woocommerce .woocommerce-notices-wrapper,
.woocommerce .paypal-message {
  display: none !important;
}

/* ===============================
   REI-STYLE PRODUCT CATEGORY GRID
=================================*/

.woocommerce-products-header {
  display:none; /* remove default ugly header */
}

/* Category Hero already handled by PHP earlier */

/* Remove PayPal big banner spacing dominance */
.woocommerce .wc_payment_methods,
.woocommerce .wc_payment_method,
.woocommerce .paypal-button {
  max-width:1200px;
  margin:20px auto;
}

/* Product grid wrapper */
.woocommerce ul.products {
  max-width:1200px;
  margin:40px auto !important;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:30px;
  padding:0 20px;
}

/* Product card */
.woocommerce ul.products li.product {
  background:#fff;
  border:1px solid #eee;
  padding:15px;
  text-align:center;
  transition:all 0.25s ease;
}

/* Hover effect like REI */
.woocommerce ul.products li.product:hover {
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
  transform:translateY(-4px);
}

/* Product image fix */
.woocommerce ul.products li.product img {
  max-width:100%;
  height:240px;
  object-fit:contain;
  margin-bottom:12px;
}

/* Product title */
.woocommerce ul.products li.product h2 {
  font-size:15px;
  font-weight:600;
  color:#222;
  margin:5px 0 8px;
}

/* Price */
.woocommerce ul.products li.product .price {
  font-size:14px;
  font-weight:700;
  color:#111;
}

/* Remove default "Add to cart" button for clean catalog look */
.woocommerce ul.products li.product .button {
  display:none;
}

/* Remove ugly result count + ordering */
.woocommerce-result-count,
.woocommerce-ordering {
  display:none;
}

/* Clean page background */
.woocommerce-page {
  background:#fff;
}

/* ===============================
   REI STYLE SINGLE PRODUCT PAGE
================================ */

/* Main product wrapper */
.woocommerce div.product {
  max-width:1200px;
  margin:40px auto;
  padding:0 20px;
}

/* Layout: image left, summary right */
.woocommerce div.product .woocommerce-product-gallery {
  width:50%;
  float:left;
}

.woocommerce div.product .summary {
  width:45%;
  float:right;
}

/* Fix huge product images */
.woocommerce div.product .woocommerce-product-gallery img {
  width:100%;
  max-height:500px;
  object-fit:contain;
}

/* Product title */
.woocommerce div.product .product_title {
  font-size:26px;
  font-weight:700;
  margin-bottom:10px;
  color:#111;
}

/* Price */
.woocommerce div.product p.price {
  font-size:18px;
  font-weight:700;
  color:#111;
  margin-bottom:15px;
}

/* Quantity + Add to cart row */
.woocommerce div.product form.cart {
  display:flex;
  gap:15px;
  align-items:center;
  margin-top:10px;
}

/* Add to cart button */
.woocommerce div.product form.cart button {
  background:#c45500;
  color:#fff;
  padding:14px 26px;
  border:none;
  font-weight:600;
  cursor:pointer;
  border-radius:3px;
  transition:0.2s;
}

.woocommerce div.product form.cart button:hover {
  background:#a84300;
}

/* Tabs styling (Description / Reviews) */
.woocommerce div.product .woocommerce-tabs {
  clear:both;
  margin-top:50px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom:1px solid #ddd;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background:none;
  border:none;
  margin-right:20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight:600;
  color:#222;
  padding-bottom:8px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  border-bottom:3px solid #c45500;
}

/* Reviews form clean */
.woocommerce #review_form {
  max-width:600px;
}

/* Remove PayPal giant banner spacing */
.woocommerce .paypal-button,
.woocommerce .wc-payment-method {
  max-width:100%;
}

/* Mobile fix */
@media(max-width:900px){
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .summary {
    width:100%;
    float:none;
  }
}
/* === FORCE SINGLE PRODUCT LAYOUT OVERRIDE === */

.woocommerce div.product {
  max-width:1200px !important;
  margin:40px auto !important;
  padding:0 20px !important;
  display:block !important;
}

/* Left image column */
.woocommerce div.product .woocommerce-product-gallery {
  width:50% !important;
  float:left !important;
  clear:none !important;
}

/* Right summary column */
.woocommerce div.product .summary {
  width:45% !important;
  float:right !important;
  clear:none !important;
  text-align:left !important;
}

/* Fix giant images */
.woocommerce div.product .woocommerce-product-gallery img {
  width:100% !important;
  max-height:480px !important;
  object-fit:contain !important;
}

/* Title */
.woocommerce div.product .product_title {
  font-size:26px !important;
  font-weight:700 !important;
  color:#111 !important;
}

/* Price */
.woocommerce div.product p.price {
  font-size:18px !important;
  font-weight:700 !important;
  color:#111 !important;
}

/* Cart row */
.woocommerce div.product form.cart {
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
}

/* Add to cart button */
.woocommerce div.product form.cart button {
  background:#c45500 !important;
  color:#fff !important;
  padding:14px 26px !important;
  border:none !important;
  border-radius:3px !important;
  font-weight:600 !important;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs {
  clear:both !important;
  margin-top:50px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight:600 !important;
  text-decoration:none !important;
  border:none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  border-bottom:3px solid #c45500 !important;
}

/* Remove Kampina weird floats */
.woocommerce .entry-content,
.woocommerce .summary {
  float:none !important;
}

/* Mobile */
@media(max-width:900px){
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .summary {
    width:100% !important;
    float:none !important;
  }
}
/* ================================
   BASELEIR PRODUCT PAGE – PRO STYLE
================================ */

/* Main wrapper */
.baseleir-single-product-wrapper {
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

/* Top section: gallery + summary */
.baseleir-product-top {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

/* LEFT: Images */
.baseleir-product-images {
  flex: 1;
  max-width: 520px;
}

.woocommerce-product-gallery img {
  width: 100% !important;
  height: auto !important;
  border-radius: 6px;
}

/* Thumbnail row */
.woocommerce-product-gallery__wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* RIGHT: Summary */
.baseleir-product-summary {
  flex: 1;
  max-width: 520px;
}

.baseleir-product-summary h1 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111;
}

.baseleir-product-summary .price {
  font-size: 22px;
  font-weight: 600;
  color: #c45500;
  margin-bottom: 15px;
}

.baseleir-product-summary p {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}

/* Quantity + Add to cart */
.quantity input {
  width: 60px;
  height: 38px;
  text-align: center;
}

.single_add_to_cart_button {
  background: #c45500 !important;
  color: #fff !important;
  padding: 12px 26px !important;
  border-radius: 3px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  margin-left: 10px;
}

.single_add_to_cart_button:hover {
  background: #a84300 !important;
}

/* PayPal Button */
.woocommerce-variation-add-to-cart {
  margin-top: 15px;
}

/* Tabs below */
.baseleir-product-tabs {
  margin-top: 50px;
  border-top: 1px solid #e2e2e2;
  padding-top: 30px;
}

.woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #ddd;
  padding-left: 0;
}

.woocommerce-tabs ul.tabs li {
  border: none;
  background: none;
  margin-right: 20px;
}

.woocommerce-tabs ul.tabs li a {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  padding-bottom: 8px;
}

.woocommerce-tabs ul.tabs li.active a {
  border-bottom: 3px solid #c45500;
}

/* Reviews area */
#reviews {
  margin-top: 25px;
}

/* Remove weird theme margins */
.woocommerce div.product {
  margin: 0 !important;
}

/* Mobile responsive */
@media(max-width: 900px) {
  .baseleir-product-top {
    flex-direction: column;
  }

  .baseleir-product-images,
  .baseleir-product-summary {
    max-width: 100%;
  }
}
/* ================================
   BASELEIR CATEGORY / SHOP GRID
================================ */

/* Page container */
.woocommerce ul.products {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding: 40px 20px;
}

/* Individual product card */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #eee;
  padding: 18px;
  text-align: center;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* Hover effect */
.woocommerce ul.products li.product:hover {
  border-color: #c45500;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

/* Product image */
.woocommerce ul.products li.product img {
  max-width: 100%;
  height: 220px;
  object-fit: contain;
  margin-bottom: 12px;
}

/* Product title */
.woocommerce ul.products li.product h2 {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  margin-bottom: 6px;
}

/* Price */
.woocommerce ul.products li.product .price {
  font-size: 15px;
  font-weight: 600;
  color: #c45500;
}

/* Remove default buttons */
.woocommerce ul.products li.product .button {
  display: none !important;
}

/* Responsive grid */
@media(max-width: 1100px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width: 800px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 500px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* =========================
   SHOP PAGE PRODUCT GRID
========================= */

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 6px;
  text-align: left;
  transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

.woocommerce ul.products li.product img {
  max-height: 220px;
  object-fit: contain;
  margin-bottom: 10px;
}

.woocommerce ul.products li.product h2 {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  min-height: 40px;
}

.woocommerce ul.products li.product .price {
  font-size: 14px;
  font-weight: 600;
  color: #c45500;
}
/* ====================================================
   BASELEIR – PRO SHOP & CATEGORY GRID STYLING
   (Does NOT affect single product page)
==================================================== */

/* Apply only on shop & category pages */
.woocommerce.archive ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 28px;
  margin-top: 30px;
}

/* Product Card */
.woocommerce.archive ul.products li.product {
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 18px;
  text-align: left;
  transition: all 0.25s ease;
}

/* Hover effect */
.woocommerce.archive ul.products li.product:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

/* Product Image */
.woocommerce.archive ul.products li.product img {
  max-height: 230px;
  width: 100%;
  object-fit: contain;
  margin-bottom: 12px;
}

/* Product Title */
.woocommerce.archive ul.products li.product h2 {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  margin-bottom: 6px;
  min-height: 38px;
}

/* Price */
.woocommerce.archive ul.products li.product .price {
  font-size: 15px;
  font-weight: 700;
  color: #c45500;
}

/* Add to Cart Button */
.woocommerce.archive ul.products li.product .button {
  margin-top: 10px;
  background: #111;
  color: #fff;
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.woocommerce.archive ul.products li.product .button:hover {
  background: #c45500;
}

/* Category / Shop Page Title */
.woocommerce-products-header h1 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}
/* === REMOVE EXTRA TOP SPACE ON SHOP & CATEGORY === */

.woocommerce.archive .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.woocommerce.archive ul.products {
  margin-top: 0 !important;
  padding-top: 20px !important; /* small clean spacing */
}

/* Remove default page title spacing if present */
.woocommerce-products-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* === FIX PRODUCT GRID LEFT/RIGHT ALIGNMENT === */

.woocommerce.archive ul.products {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Ensure equal spacing inside grid */
.woocommerce ul.products li.product {
  margin-left: 0 !important;
}

/* Center grid inside container */
.woocommerce.archive .site-main {
  display: flex;
  justify-content: center;
}

.woocommerce.archive ul.products {
  max-width: 1200px; /* keeps grid centered like big brands */
  width: 100%;
}

/* === FORCE TRUE CENTERED PRODUCT GRID === */

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 3 columns desktop */
  gap: 26px;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}

/* === BIG BRAND PERFECT GRID FIX === */

/* Reset WooCommerce default float layout completely */
.woocommerce ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 26px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Remove WooCommerce column widths */
.woocommerce ul.products li.product {
  float: none !important;
  width: calc(33.333% - 26px) !important;
  margin: 0 !important;
}

/* Remove theme row wrappers that break alignment */
.woocommerce-page .products {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tablet */
@media (max-width: 900px) {
  .woocommerce ul.products li.product {
    width: calc(50% - 26px) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .woocommerce ul.products li.product {
    width: 100% !important;
  }
}