/* Fix for Button Hover Colors - Prevent Black Hover */

/* Override Bootstrap's default button hover that might be causing black color */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    color: inherit !important;
    background-color: inherit !important;
    border-color: inherit !important;
}

/* Specific fix for Add to Cart button */
.btn-card:hover,
.btn-card:focus,
.btn-card:active,
.btn-card.active {
    background: linear-gradient(135deg, var(--deep-burgundy) 0%, var(--burgundy) 100%) !important;
    color: var(--cream) !important;
    border-color: var(--light-cream) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(74, 26, 46, 0.5) !important;
    text-decoration: none !important;
}

/* Specific fix for View All Products button */
.btn-card.btn-lg:hover,
.btn-card.btn-lg:focus,
.btn-card.btn-lg:active,
.btn-card.btn-lg.active {
    background: linear-gradient(135deg, var(--burgundy) 0%, var(--deep-burgundy) 100%) !important;
    color: var(--cream) !important;
    border-color: var(--cream) !important;
    transform: translateY(-4px) scale(1.05) !important;
    box-shadow: 0 15px 40px rgba(139, 38, 53, 0.5) !important;
    text-decoration: none !important;
}

/* Prevent any black color overrides */
.btn:hover,
.btn:focus {
    color: inherit !important;
}

/* Make sure no Bootstrap black hover gets applied */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background: linear-gradient(135deg, var(--deep-burgundy) 0%, var(--burgundy) 100%) !important;
    border-color: var(--light-cream) !important;
    color: var(--cream) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(74, 26, 46, 0.5) !important;
}

/* Fix cart button hovers specifically */
.products-section .btn-card:hover,
.products-section .btn-card:focus {
    background: linear-gradient(135deg, var(--deep-burgundy) 0%, var(--burgundy) 100%) !important;
    color: var(--cream) !important;
    border-color: var(--light-cream) !important;
}

/* Force override any potential Bootstrap black colors */
.btn:not(.btn-outline-*):hover {
    color: inherit !important;
}