/* ============================================
   EVVO THEME — WooCommerce Override Styles
   ============================================ */

/* ── Shop Page ── */
.woocommerce-page .evvo-shop-main { padding: var(--space-12) 0; }

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-wide);
}
.woocommerce .woocommerce-ordering select {
    padding: var(--space-2) var(--space-4);
    border: var(--border-thin); background: var(--evvo-white);
    font-family: var(--font-ui); font-size: var(--text-sm);
}

/* ── Product Loop ── */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
.woocommerce ul.products li.product {
    margin: 0 !important; padding: 0; width: 100% !important; float: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; text-decoration: none; }
.woocommerce ul.products li.product img {
    width: 100%; aspect-ratio: 3/4; object-fit: cover;
    margin: 0; transition: transform var(--duration-slow) var(--ease-out);
}
.woocommerce ul.products li.product:hover img { transform: scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-wider); text-transform: uppercase;
    text-align: center; padding: var(--space-3) 0 var(--space-1);
    font-weight: var(--weight-normal);
}
.woocommerce ul.products li.product .price {
    font-family: var(--font-display); font-size: var(--text-base);
    text-align: center; color: var(--evvo-black); margin-bottom: var(--space-3);
}
.woocommerce ul.products li.product .price del { color: var(--evvo-gray-400); }
.woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: var(--weight-semibold); }
.woocommerce ul.products li.product .onsale {
    background: var(--evvo-black); color: var(--evvo-white);
    border-radius: 0; font-family: var(--font-ui); font-size: var(--text-xs);
    padding: var(--space-1) var(--space-3); min-width: auto; min-height: auto;
    line-height: normal; font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-wide);
}

/* ── Single Product ── */
.woocommerce div.product {
    max-width: var(--container-max); margin: 0 auto; padding: var(--space-8) var(--space-6);
}
.woocommerce div.product div.images {
    width: 55% !important; float: left;
}
.woocommerce div.product div.summary {
    width: 40% !important; float: right; padding-left: var(--space-8);
}
.woocommerce div.product .product_title {
    font-family: var(--font-display); font-size: var(--text-3xl);
    font-weight: var(--weight-normal); letter-spacing: var(--tracking-wide);
    margin-bottom: var(--space-4);
}
.woocommerce div.product p.price {
    font-family: var(--font-display); font-size: var(--text-2xl);
    margin-bottom: var(--space-6);
}
.woocommerce div.product p.price del { color: var(--evvo-gray-400); }
.woocommerce div.product p.price ins { text-decoration: none; }

/* Variations */
.woocommerce div.product .variations {
    margin-bottom: var(--space-6); border: none;
}
.woocommerce div.product .variations td { padding: var(--space-2) 0; border: none; }
.woocommerce div.product .variations label {
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    font-weight: var(--weight-medium);
}
.woocommerce div.product .variations select {
    padding: var(--space-3) var(--space-4); border: var(--border-thin);
    font-family: var(--font-ui); font-size: var(--text-sm);
    min-width: 200px; background: var(--evvo-white);
}

/* Add to Cart Button */
.woocommerce div.product form.cart { margin-bottom: var(--space-8); }
.woocommerce div.product form.cart .button,
.woocommerce .single_add_to_cart_button {
    background: var(--evvo-black) !important; color: var(--evvo-white) !important;
    border: 2px solid var(--evvo-black) !important; border-radius: 0 !important;
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    padding: var(--space-4) var(--space-8) !important;
    font-weight: var(--weight-medium);
    transition: all var(--duration-normal) var(--ease-out);
    width: 100%;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce .single_add_to_cart_button:hover {
    background: transparent !important; color: var(--evvo-black) !important;
}

/* Quantity */
.woocommerce .quantity .qty {
    padding: var(--space-3) var(--space-4); border: var(--border-thin);
    font-family: var(--font-ui); font-size: var(--text-base);
    width: 80px; text-align: center;
}

/* Tabs → Accordions */
.woocommerce div.product .woocommerce-tabs {
    clear: both; padding-top: var(--space-8);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex; gap: var(--space-1); border-bottom: var(--border-thin);
    padding: 0; margin: 0 0 var(--space-6); list-style: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none; background: none; padding: 0; margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    padding: var(--space-4) var(--space-6); display: block;
    border-bottom: 2px solid transparent; color: var(--evvo-gray-500);
    font-weight: var(--weight-medium);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--evvo-black); border-bottom-color: var(--evvo-black);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-family: var(--font-display); font-size: var(--text-2xl);
    margin-bottom: var(--space-4); letter-spacing: var(--tracking-wide);
}

/* ── Cart Page ── */
.woocommerce-cart .woocommerce table.cart {
    border: none; border-collapse: collapse;
}
.woocommerce-cart .woocommerce table.cart th {
    font-family: var(--font-ui); font-size: var(--text-xs);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    border-bottom: var(--border-medium); padding: var(--space-4);
}
.woocommerce-cart .woocommerce table.cart td {
    padding: var(--space-4); border-bottom: var(--border-thin);
    font-family: var(--font-ui); font-size: var(--text-sm);
}
.woocommerce-cart .woocommerce table.cart img { width: 80px; }
.woocommerce a.remove {
    color: var(--evvo-gray-400) !important;
    font-size: var(--text-xl);
}
.woocommerce a.remove:hover { color: var(--evvo-red) !important; background: transparent; }

/* Cart Totals */
.woocommerce-cart .cart_totals {
    float: right; width: 40%;
}
.woocommerce-cart .cart_totals h2 {
    font-family: var(--font-display); font-size: var(--text-2xl);
    letter-spacing: var(--tracking-wide); margin-bottom: var(--space-4);
}
.woocommerce-cart .cart_totals table {
    border: none; font-family: var(--font-ui); font-size: var(--text-sm);
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding: var(--space-4); border-bottom: var(--border-thin);
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background: var(--evvo-black) !important; color: var(--evvo-white) !important;
    border-radius: 0 !important; font-family: var(--font-ui);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    padding: var(--space-5) !important; font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}

/* ── Checkout ── */
.woocommerce-checkout .woocommerce-form-row label,
.woocommerce-checkout .form-row label {
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-wide);
}
.woocommerce-checkout .woocommerce-form-row input,
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    padding: var(--space-3) var(--space-4) !important;
    border: var(--border-thin) !important; border-radius: 0 !important;
    font-family: var(--font-ui); font-size: var(--text-sm);
}
.woocommerce-checkout #place_order {
    background: var(--evvo-black) !important; color: var(--evvo-white) !important;
    border-radius: 0 !important; font-family: var(--font-ui);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    padding: var(--space-5) var(--space-8) !important;
    font-size: var(--text-sm); font-weight: var(--weight-medium);
    width: 100%;
}

/* ── My Account ── */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none; padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block; padding: var(--space-3) var(--space-4);
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-wide); border-bottom: var(--border-thin);
    transition: background var(--duration-fast);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: var(--evvo-gray-100); opacity: 1;
}

/* ── Mini Cart (Drawer) ── */
.woocommerce-mini-cart { list-style: none; padding: 0; }
.woocommerce-mini-cart-item {
    display: flex; align-items: center; gap: var(--space-4);
    padding: var(--space-4) 0; border-bottom: var(--border-thin);
}
.woocommerce-mini-cart-item img { width: 60px; height: 75px; object-fit: cover; }
.woocommerce-mini-cart-item .quantity { font-family: var(--font-ui); font-size: var(--text-sm); }
.woocommerce-mini-cart__total {
    padding: var(--space-4) 0; font-family: var(--font-ui);
    font-size: var(--text-lg); font-weight: var(--weight-semibold);
    border-top: var(--border-medium);
}
.woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-4); }
.woocommerce-mini-cart__buttons a {
    display: block; text-align: center; padding: var(--space-4);
    font-family: var(--font-ui); font-size: var(--text-sm);
    letter-spacing: var(--tracking-widest); text-transform: uppercase;
    font-weight: var(--weight-medium);
}
.woocommerce-mini-cart__buttons .wc-forward:first-child {
    border: 2px solid var(--evvo-black); color: var(--evvo-black);
}
.woocommerce-mini-cart__buttons .checkout {
    background: var(--evvo-black); color: var(--evvo-white) !important;
    border: 2px solid var(--evvo-black);
}

/* ── Breadcrumbs ── */
.woocommerce .woocommerce-breadcrumb {
    font-family: var(--font-ui); font-size: var(--text-xs);
    letter-spacing: var(--tracking-wider); text-transform: uppercase;
    color: var(--evvo-gray-500); margin-bottom: var(--space-6);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--evvo-gray-500); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--evvo-black); opacity: 1; }

/* ── Notices ── */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    border-top-color: var(--evvo-black) !important;
    font-family: var(--font-ui); font-size: var(--text-sm);
}
.woocommerce-message::before { color: var(--evvo-black) !important; }
