/*
Theme Name: Luxe WooCommerce
Theme URI: https://example.com/luxe-woocommerce
Author: Senior WP Developer
Author URI: https://example.com
Description: A fully functional, professional, and responsive Custom WordPress Theme specifically designed for WooCommerce.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: luxe-woo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset & Basic Utility */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fix for WooCommerce product gallery in Tailwind */
.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 2rem;
}
.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #111827;
    font-weight: 600;
}

/* Flash Messages */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 0.375rem;
    background-color: #f3f4f6;
    border-left: 4px solid #3b82f6;
    list-style: none;
}
.woocommerce-error {
    border-color: #ef4444;
}
.woocommerce-message {
    border-color: #10b981;
}

/* Button overrides for WooCommerce default buttons to match Tailwind */
.button, button.button.alt, a.button.alt, input.button.alt {
    background-color: #111827 !important;
    color: #ffffff !important;
    border-radius: 0.375rem !important;
    padding: 0.75rem 1.5rem !important;
    font-weight: 500 !important;
    transition: background-color 0.2s !important;
}
.button:hover, button.button.alt:hover, a.button.alt:hover, input.button.alt:hover {
    background-color: #000000 !important;
}