/* Products page: match homepage/giftboxes theming */
body.products {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
}

/* Navbar same as home */
body.products .navbar {
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}
body.products .nav-menu a { color: #DCC9A7 !important; }
body.products .nav-menu a:hover { color: var(--gold) !important; }
body.products .lang-btn, body.products #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Section background to image */
body.products .products-grid-section {
  position: relative;
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
}
body.products .products-grid-section::before { display: none !important; }

/* Cards transparent, text beige, buttons transparent with beige */
body.products .product-card { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; }
/* Ensure all common text nodes inside product cards are beige */
body.products .product-card .product-content h4,
body.products .product-card .product-content h3,
body.products .product-card .product-content .description,
body.products .product-card .product-content .product-description,
body.products .product-card .product-content .product-details,
body.products .product-card .product-content .product-details span,
body.products .product-card .product-content .product-rating,
body.products .product-card .product-content .product-rating i,
body.products .product-card .product-content .product-rating span,
body.products .product-card .product-content .product-price,
body.products .product-card .product-content .product-price .current-price,
body.products .product-card .product-content .product-price .original-price { color: var(--gold) !important; }
body.products .product-card .product-actions .btn-primary,
body.products .product-card .product-actions .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.products .product-card .product-actions .btn-primary:hover,
body.products .product-card .product-actions .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }

/* Page hero text to beige for consistency */
body.products .page-hero { background: transparent !important; }
body.products .page-hero h1,
body.products .page-hero p { color: var(--gold) !important; }

/* Filters: revert to default styles from main.css (no overrides) */

/* Nudge center filter buttons to the right so they don't sit too far left */
body.products .products-filter .filter-center { margin-right: 70px !important; right: 0 !important; }
/* Products page filter/sort buttons: transparent bg, beige text + border */
body.products .products-filter .filter-btn,
body.products .products-filter .sort-btn,
body.products .products-filter .gender-dropdown-btn {
  background: transparent !important;
  color: #DCC9A7 !important;
  border: 2px solid #DCC9A7 !important;
  box-shadow: none !important;
}
/* Dropdown panels and links: transparent with beige text */
body.products .products-filter .gender-dropdown-content,
body.products .products-filter .subcategory-dropdown {
  background: rgba(0,0,0,0.25) !important; /* slight tint for readability */
  border: 1px solid rgba(220,201,167,0.55) !important;
  backdrop-filter: blur(4px);
}
body.products .products-filter .gender-option > a,
body.products .products-filter .subcategory-dropdown a { color: #DCC9A7 !important; }
body.products .products-filter .gender-option > a:hover,
body.products .products-filter .subcategory-dropdown a:hover,
body.products .products-filter .subcategory-dropdown a.selected {
  background: rgba(220,201,167,0.12) !important;
  color: #DCC9A7 !important;
}
/* Products page filter/sort buttons: transparent bg, beige text + border */
body.products .products-filter .filter-btn,
body.products .products-filter .sort-btn {
  background: transparent !important;
  color: #DCC9A7 !important;
  border: 2px solid #DCC9A7 !important;
  box-shadow: none !important;
}
/* Keep hover subtle; maintain beige text */
body.products .products-filter .filter-btn:hover,
body.products .products-filter .sort-btn:hover,
body.products .products-filter .filter-btn.active {
  background: rgba(220, 201, 167, 0.12) !important;
  color: #DCC9A7 !important;
  border-color: #DCC9A7 !important;
}
/* Footer: match homepage footer styling */
body.products .footer {
  background: #DCC9A7 !important;
  color: #000000 !important;
}
body.products .footer h3,
body.products .footer a,
body.products .footer p { color: #000000 !important; }
body.products .footer .footer-section h3::after { background: #000000 !important; }

/* Pagination: transparent background, beige text/border */
body.products .pagination-btn {
  background: transparent !important;
  color: #DCC9A7 !important;
  border: 2px solid #DCC9A7 !important;
  box-shadow: none !important;
}
body.products .pagination-btn:hover,
body.products .pagination-btn.active {
  background: rgba(220,201,167,0.12) !important;
  color: #DCC9A7 !important;
  border-color: #DCC9A7 !important;
}
