/* ==========================================================================
   PlantMyst — Extra WooCommerce Styles
   ========================================================================== */

/* Care difficulty badges */
.pm-care-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    border-radius: 20px;
    margin: 4px 0;
}

.pm-care-easy {
    background-color: #E8F5E9;
    color: #2E7D32;
}

.pm-care-moderate {
    background-color: #FFF8E1;
    color: #F57F17;
}

.pm-care-expert {
    background-color: #FCE4EC;
    color: #C62828;
}

/* Plant care instructions tab */
.pm-care-instructions {
    padding: var(--pm-spacing-md);
    background-color: var(--pm-cream);
    border-radius: var(--pm-radius);
    line-height: 1.8;
}

.pm-care-instructions h3 {
    color: var(--pm-green-dark);
    margin-bottom: var(--pm-spacing-xs);
}

.pm-care-instructions ul {
    list-style: none;
    padding: 0;
}

.pm-care-instructions ul li::before {
    content: "\1F33F";
    margin-right: 8px;
}

/* Product image overflow container */
.woocommerce ul.products li.product a img {
    overflow: hidden;
}

/* Mini cart widget */
.widget_shopping_cart .total {
    color: var(--pm-green-dark);
    font-weight: 700;
    border-top: 2px solid var(--pm-sage);
    padding-top: var(--pm-spacing-sm);
}

/* Quantity input */
.woocommerce .quantity .qty {
    border: 2px solid var(--pm-sage);
    border-radius: var(--pm-radius);
    padding: 8px 12px;
    font-family: var(--pm-font-body);
}

.woocommerce .quantity .qty:focus {
    border-color: var(--pm-green);
    outline: none;
    box-shadow: 0 0 0 3px rgba(74, 124, 89, 0.15);
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
    font-size: 0.85rem;
    color: var(--pm-gray);
    padding: var(--pm-spacing-sm) 0;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--pm-green);
}

/* Product categories on shop page */
.woocommerce ul.products li.product-category h2 {
    font-family: var(--pm-font-heading);
    background-color: rgba(45, 90, 61, 0.85);
    color: var(--pm-white);
    padding: var(--pm-spacing-sm);
}

/* Empty cart */
.woocommerce-cart .cart-empty {
    text-align: center;
    padding: var(--pm-spacing-xl);
    font-size: 1.2rem;
}

.woocommerce-cart .return-to-shop {
    text-align: center;
}

/* Order tracking */
.woocommerce-order-details {
    background-color: var(--pm-cream);
    border-radius: var(--pm-radius-lg);
    padding: var(--pm-spacing-lg);
}

/* Coupon form */
.woocommerce-cart .coupon .input-text {
    border: 2px solid var(--pm-sage);
    border-radius: var(--pm-radius);
    padding: 10px 14px;
}

/* Product search widget */
.woocommerce-product-search .search-field {
    border: 2px solid var(--pm-sage);
    border-radius: var(--pm-radius);
    padding: 10px 14px;
    font-family: var(--pm-font-body);
    width: 100%;
}

.woocommerce-product-search .search-field:focus {
    border-color: var(--pm-green);
    outline: none;
}

/* Price filter widget */
.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--pm-sage);
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--pm-green);
    border-color: var(--pm-green);
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--pm-green-light);
}