/* ===================================
   Color Theme Override - Vibrant Red (#e41d3c)
   Replace Green (#3b5d50) with Red
   =================================== */

:root {
  --primary-color: #e41d3c;        /* Vibrant Red - Main color */
  --primary-hover: #c01730;        /* Darker Red - Hover state */
  --primary-light: #ff2d4f;        /* Lighter Red - Accents */
  --primary-rgb: 228, 29, 60;      /* RGB for transparency */
}

/* ===================================
   CRITICAL: Override ALL Green Colors
   =================================== */

/* Replace all instances of #3b5d50 (green) with red */
* {
  --bs-primary: #e41d3c !important;
}

/* Navigation */
.custom-navbar {
  background: #e41d3c !important;
}

/* Hero Section */
.hero {
  background: #e41d3c !important;
}

/* ALL BUTTONS - Force Red Background */
.btn,
.btn-primary,
.btn-secondary,
button,
input[type="submit"],
input[type="button"],
.product-item .icon-cross,
a.btn,
button.btn {
  background: #e41d3c !important;
  background-color: #e41d3c !important;
  border-color: #e41d3c !important;
  color: #ffffff !important;
}

/* ALL BUTTONS HOVER - Force White Background */
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.product-item .icon-cross:hover,
a.btn:hover,
button.btn:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #e41d3c !important;
  color: #e41d3c !important;
}

/* Navigation */
.custom-navbar {
  background: var(--primary-color) !important;
}

/* Hero Section */
.hero {
  background: var(--primary-color);
}

/* Buttons */
.btn.btn-primary {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.btn.btn-primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

/* Links and Text */
.text-primary {
  color: var(--primary-color) !important;
}

/* Footer */
.footer-section .links-wrap ul li a {
  color: var(--primary-color);
}

.footer-section .custom-social li a {
  background: #dce5e4;
  color: var(--primary-color);
}

.footer-section .custom-social li a:hover {
  background: var(--primary-color);
  color: #ffffff;
}

.footer-section .subscription-form .form-control:focus {
  border-color: var(--primary-color);
}

.footer-section .btn-primary {
  background: var(--primary-color);
}

/* Sticky Header */
.sticky-header {
  background: var(--primary-color);
}

/* Product Cards */
.product-section .product-item:focus-visible {
  outline: 3px solid var(--primary-color);
}

/* Category Cards */
.category-card:focus-visible {
  outline: 3px solid var(--primary-color);
}

.category-card:hover .category-card-title {
  color: var(--primary-color);
}

.category-card-title {
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}

/* View All Links */
.view-all-link:focus-visible {
  outline: 3px solid var(--primary-color);
}

/* Dropdown */
.category-dropdown-item:focus {
  background: var(--primary-color);
}

/* Sidebar */
.category-list li a:hover,
.category-list li.active a {
  background: var(--primary-color);
}

.category-list li a:focus-visible {
  outline: 2px solid var(--primary-color);
}

/* Hero Sections */
.section-hero-green .btn-hero-shop:hover {
  color: var(--primary-color);
}

.section-hero-gold .btn-hero-shop,
.section-hero-light .btn-hero-shop {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

/* Material Filter */
.material-dropdown {
  border: 2px solid var(--primary-color);
}

.material-dropdown:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.1);
}

.material-dropdown:hover {
  border-color: var(--primary-hover);
  box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.15);
}

.material-header {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
}

.material-products-group .btn-outline-primary {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}

.material-products-group .btn-outline-primary:hover {
  background: var(--primary-color);
  box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.3);
}

/* Carousel Controls */
.modern-carousel-prev:hover,
.modern-carousel-next:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

/* Quick View */
.btn-quick-view:hover {
  background: var(--primary-color);
}

/* Modal */
.quick-view-modal .modal-product-price {
  color: var(--primary-color);
}

.quick-view-modal .btn-add-to-cart {
  background: var(--primary-color);
}

/* Cart */
.site-blocks-table tbody tr:first-child td {
  border-top: 1px solid var(--primary-color) !important;
}

.thankyou-icon {
  color: var(--primary-color);
}

/* Toast */
.toast-close:focus {
  outline: 2px solid var(--primary-color);
}

/* Loading Spinner */
.product-item.adding-to-cart::after {
  border-top-color: var(--primary-color);
}

/* Shop Sidebar */
.shop-sidebar-title {
  border-bottom: 2px solid var(--primary-color);
}

.filter-section {
  border-left: 4px solid var(--primary-color);
}

/* Testimonials */
.testimonial-slider-wrap #testimonial-nav > span:hover {
  background: var(--primary-color);
}

.testimonial-slider-wrap .tns-nav button:hover:before,
.testimonial-slider-wrap .tns-nav button.tns-nav-active:before {
  background-color: var(--primary-color);
}

/* Custom List */
.custom-list li:before {
  border: 2px solid var(--primary-color);
}

/* Scroll to Top Button */
.scroll-to-top {
  background: var(--primary-color);
}

/* Product Badge */
.product-badge {
  background: var(--primary-color);
}

/* Category Badge */
.category-badge {
  background: var(--primary-color);
}

/* Active States */
.active-filter {
  background: var(--primary-color);
  border-left: 3px solid var(--primary-color);
}

/* Hover Effects */
.hover-primary:hover {
  color: var(--primary-color) !important;
}

/* Border Colors */
.border-primary {
  border-color: var(--primary-color) !important;
}

/* Background Colors */
.bg-primary {
  background-color: var(--primary-color) !important;
}

/* Additional Elements */
.contact-info-icon {
  background: var(--primary-color);
}

.blog-post-meta a:hover {
  color: var(--primary-color);
}

.pagination .active {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

/* Form Focus States */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25) !important;
}

/* Checkbox and Radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}


/* ===================================
   All Buttons - Red Background with White Hover
   =================================== */

/* Primary Buttons */
.btn,
.btn-primary,
.btn-secondary,
button[type="submit"],
input[type="submit"] {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Outline Buttons */
.btn-outline-primary,
.btn-outline-secondary,
.btn-white-outline {
  background: transparent !important;
  border: 2px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-white-outline:hover {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Add to Cart Buttons */
.icon-cross,
.btn-add-to-cart,
.add-to-cart-btn {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.icon-cross:hover,
.btn-add-to-cart:hover,
.add-to-cart-btn:hover {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* View All / Shop Now Buttons */
.view-all-link,
.btn-shop-now,
.more {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
  padding: 12px 30px !important;
  border-radius: 30px !important;
  display: inline-block !important;
  text-decoration: none !important;
}

.view-all-link:hover,
.btn-shop-now:hover,
.more:hover {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Hero Section Buttons */
.hero .btn,
.hero .btn-secondary,
.hero .btn-white-outline {
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

/* Subscribe Button */
.subscription-form button,
.subscription-form .btn {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.subscription-form button:hover,
.subscription-form .btn:hover {
  background: #ffffff !important;
  color: var(--primary-color) !important;
}

/* Checkout Buttons */
.btn-checkout,
.btn-update-cart,
.btn-continue-shopping {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn-checkout:hover,
.btn-update-cart:hover,
.btn-continue-shopping:hover {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Contact Form Button */
.contact-form button,
.contact-form .btn {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.contact-form button:hover,
.contact-form .btn:hover {
  background: #ffffff !important;
  color: var(--primary-color) !important;
}

/* Login/Register Buttons */
.btn-login,
.btn-register {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn-login:hover,
.btn-register:hover {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Remove yellow/amber color completely */
.btn-secondary {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-secondary:hover {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Ensure no yellow backgrounds anywhere */
.bg-warning,
.bg-amber,
.bg-yellow {
  background-color: var(--primary-color) !important;
}

/* Button Focus States */
.btn:focus,
.btn-primary:focus,
.btn-secondary:focus {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5) !important;
}


/* ===================================
   SPECIFIC: Add to Cart Buttons Override
   =================================== */

/* Modern Add to Cart Button */
.modern-add-to-cart {
  background: #e41d3c !important;
  background-color: #e41d3c !important;
  border-color: #e41d3c !important;
  color: #ffffff !important;
}

.modern-add-to-cart:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #e41d3c !important;
  color: #e41d3c !important;
}

/* Standard Add to Cart Button */
.btn-add-to-cart {
  background: #e41d3c !important;
  background-color: #e41d3c !important;
  border-color: #e41d3c !important;
  color: #ffffff !important;
}

.btn-add-to-cart:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #e41d3c !important;
  color: #e41d3c !important;
}

/* AJAX Add to Cart */
.ajax-add-to-cart {
  background: #e41d3c !important;
  background-color: #e41d3c !important;
  border-color: #e41d3c !important;
  color: #ffffff !important;
}

.ajax-add-to-cart:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #e41d3c !important;
  color: #e41d3c !important;
}

/* Remove ALL yellow colors (#f9bf29) */
*[style*="#f9bf29"],
*[style*="background: #f9bf29"],
*[style*="background-color: #f9bf29"] {
  background: #e41d3c !important;
  background-color: #e41d3c !important;
}