/**
 * EliteGarden Client-Specific CSS Overrides
 * 
 * This file is loaded AFTER all core CSS, allowing you to override
 * any core styles with client-specific branding.
 * 
 * @client EliteGarden
 */

/* =============================================================================
 * ELITEGARDEN-SPECIFIC OVERRIDES
 * ============================================================================= */

/* Example: Nature-themed product cards */
.woocommerce ul.products li.product {
    border-radius: var(--border-radius);
    overflow: hidden;
}

/* Example: Organic product badge */
.elitegarden-organic-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--primary-color);
    color: var(--text-color-inverse);
    padding: 5px 12px;
    border-radius: var(--border-radius);
    font-size: 12px;
    font-weight: 600;
}

/* Example: Seasonal sale styling */
.elitegarden-seasonal-sale {
    position: relative;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    color: white;
    padding: 20px;
    border-radius: var(--border-radius-lg);
}

/* Example: Garden tips section */
.elitegarden-garden-tips {
    background: var(--primary-color-faded);
    border-left: 4px solid var(--primary-color);
    padding: 20px;
    margin: 20px 0;
}

.grid-product-details,
.carousel-product-details {
    padding: 0.5rem 0.25rem 0.25rem 0.3rem;
}

/* =============================================================================
 * GRID PRODUCT OVERRIDES - EliteGarden Style
 * ============================================================================= */

/* Remove border from whole card, keep border only on thumbnail */
.grid-product-item,
.grid-product-item:hover,
.carousel-product-item {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Add border around thumbnail only */
.grid-product-thumbnail,
.carousel-product-thumbnail {
    border-radius: 0 !important;
    border: 1px solid #f1f1f1;
}

.grid-product-thumbnail img,
.carousel-product-thumbnail img,
.carousel-product-item,
.carousel-product-thumbnail {
    border-radius: 0 !important;
}

/* Add border top to actions section */
.grid-product-actions {
    border-top: none;
    margin-top: 0.5rem;
    padding: 0;
}

.grid-product-actions .add-to-cart-button-grid{
    /* border-radius: 4px !important; */
    display: none !important;
}