/*
Theme Name: Agara
Theme URI: https://example.com/agara
Author: aurora ember-cyber
Author URI: https://example.com
Description: An analog template to NextMerce. A clean, minimal e-commerce theme built with Tailwind CSS.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: agara
Tags: e-commerce, custom-background, two-columns, left-sidebar
*/

/* --- WooCommerce NextMerce Layout Resets --- */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 1.5rem !important;
}
.woocommerce ul.products::before, .woocommerce ul.products::after {
    display: none !important;
}
.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: #fff;
    transition: all 0.3s ease;
    text-align: left !important;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: #d1d5db !important;
}
.woocommerce ul.products li.product img {
    border-radius: 0.5rem;
    background: #f9fafb;
    margin-bottom: 1rem !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #1f2937 !important;
    margin-bottom: 0.25rem !important;
    padding: 0 0.5rem;
}
.woocommerce ul.products li.product .price {
    color: #2563eb !important; /* Tailwind Blue-600 */
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    padding: 0 0.5rem;
}
.woocommerce ul.products li.product .button {
    margin-top: 1rem !important;
    width: 100%;
    background-color: #111827 !important;
    color: #fff !important;
    border-radius: 9999px !important;
    font-weight: 500 !important;
    text-align: center;
    transition: background-color 0.3s !important;
}
.woocommerce ul.products li.product .button:hover {
    background-color: #2563eb !important; /* Primary hover */
}