/* Brown Button Color Update - Using Existing Brown Variable */
/* Apply luxury brown color (#4A2812) to all buttons across the site */

/* Primary Buttons */
.btn-clonify,
.btn-primary,
.primary-btn,
button[type="submit"],
.submit-button,
.add-to-cart-btn,
.checkout-btn,
.buy-now-btn {
    background: #4A2812 !important;
    color: white !important;
    border: 1px solid #4A2812 !important;
    transition: all 0.3s ease !important;
}

.btn-clonify:hover,
.btn-primary:hover,
.primary-btn:hover,
button[type="submit"]:hover,
.submit-button:hover,
.add-to-cart-btn:hover,
.checkout-btn:hover,
.buy-now-btn:hover {
    background: #3D2817 !important;
    border-color: #3D2817 !important;
    transform: translateY(-2px);
}

/* Secondary Buttons - Brown outline */
.btn-secondary,
.secondary-btn {
    background: transparent !important;
    color: #4A2812 !important;
    border: 2px solid #4A2812 !important;
    transition: all 0.3s ease !important;
}

.btn-secondary:hover,
.secondary-btn:hover {
    background: #4A2812 !important;
    color: white !important;
}

/* CTA Buttons */
.cta-button,
.hero-cta,
.action-btn {
    background: #4A2812 !important;
    color: white !important;
    border: 1px solid #4A2812 !important;
}

.cta-button:hover,
.hero-cta:hover,
.action-btn:hover {
    background: #3D2817 !important;
    border-color: #3D2817 !important;
}

/* Cart and Checkout Buttons */
.cart-btn,
.proceed-to-checkout,
.continue-shopping,
.place-order-btn {
    background: #4A2812 !important;
    color: white !important;
    border: 1px solid #4A2812 !important;
}

.cart-btn:hover,
.proceed-to-checkout:hover,
.continue-shopping:hover,
.place-order-btn:hover {
    background: #3D2817 !important;
}

/* Product Page Buttons */
.product-btn,
.variant-btn,
.size-btn {
    border-color: #4A2812 !important;
}

.variant-btn.active,
.size-btn.active {
    background: #4A2812 !important;
    color: white !important;
}

/* Newsletter and Form Buttons */
.newsletter-btn,
.subscribe-btn,
.contact-submit {
    background: #4A2812 !important;
    color: white !important;
    border: 1px solid #4A2812 !important;
}

.newsletter-btn:hover,
.subscribe-btn:hover,
.contact-submit:hover {
    background: #3D2817 !important;
}

/* Footer Buttons */
.footer button,
.footer .btn {
    background: #4A2812 !important;
    color: white !important;
}

/* Navigation Buttons */
.nav-btn,
.menu-btn {
    color: #4A2812 !important;
}

.nav-btn:hover,
.menu-btn:hover {
    background: rgba(74, 40, 18, 0.1) !important;
}

/* Pagination and Controls */
.pagination button,
.carousel-control,
.slide-control {
    color: #4A2812 !important;
    border-color: #4A2812 !important;
}

.pagination button.active {
    background: #4A2812 !important;
    color: white !important;
}

/* Filter and Sort Buttons */
.filter-btn,
.sort-btn {
    border-color: #4A2812 !important;
    color: #4A2812 !important;
}

.filter-btn.active,
.sort-btn.active {
    background: #4A2812 !important;
    color: white !important;
}

/* Payment Page Buttons */
.refresh-btn {
    background: linear-gradient(135deg, #4A2812 0%, #3D2817 100%) !important;
}

.refresh-btn:hover {
    box-shadow: 0 6px 16px rgba(74, 40, 18, 0.4) !important;
}

/* Ensure good contrast */
.btn-clonify,
.btn-primary,
button[type="submit"],
.submit-button {
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Mobile touch feedback */
@media (hover: none) {
    .btn-clonify:active,
    .btn-primary:active,
    button[type="submit"]:active {
        transform: scale(0.98);
    }
}