/* MINTFOX WooCommerce Styles */

/* ── GENERAL ── */
.woocommerce-breadcrumb { font-size: 11px; letter-spacing: 0.1em; color: var(--mid-grey); padding: 16px 56px; background: var(--warm-white); border-bottom: 1px solid var(--light-grey); }
.woocommerce-breadcrumb a { color: var(--mid-grey); transition: color var(--transition); }
.woocommerce-breadcrumb a:hover { color: var(--mint); }

/* ── NOTICES ── */
.woocommerce-message, .woocommerce-info, .woocommerce-error { background: var(--mint-pale) !important; border-top-color: var(--mint) !important; font-size: 13px !important; color: var(--obsidian) !important; margin: 0 56px 24px !important; }

/* ── CHECKOUT ── */
.woocommerce-checkout { padding: 60px 56px; }
.woocommerce-checkout h3 { font-family: var(--font-display); font-size: 28px; font-weight: 300; margin-bottom: 24px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border: 1px solid var(--light-grey) !important; border-radius: 0 !important; padding: 10px 14px !important; font-family: var(--font-body) !important; font-size: 14px !important; font-weight: 300 !important; background: var(--warm-white) !important; color: var(--obsidian) !important; }
.woocommerce form .form-row input.input-text:focus { border-color: var(--mint) !important; outline: none !important; box-shadow: none !important; }
.woocommerce #payment { background: var(--warm-white) !important; border-radius: 0 !important; }
.woocommerce #payment ul.payment_methods { border-bottom: 1px solid var(--light-grey) !important; }
.woocommerce #payment div.place-order { padding: 20px !important; }
.woocommerce #place_order { background: var(--mint) !important; color: var(--obsidian) !important; border: 1px solid var(--mint) !important; border-radius: 0 !important; font-family: var(--font-body) !important; font-size: 11px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; padding: 16px 40px !important; font-weight: 500 !important; transition: all var(--transition) !important; width: 100% !important; }
.woocommerce #place_order:hover { background: transparent !important; color: var(--mint) !important; }

/* ── CART ── */
.woocommerce-cart { padding: 60px 56px; }
.woocommerce table.shop_table { border: none !important; border-radius: 0 !important; }
.woocommerce table.shop_table th { background: var(--obsidian) !important; color: rgba(255,255,255,0.7) !important; font-family: var(--font-body) !important; font-size: 10px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; font-weight: 400 !important; border: none !important; padding: 14px 16px !important; }
.woocommerce table.shop_table td { border-bottom: 1px solid var(--light-grey) !important; padding: 16px !important; vertical-align: middle !important; }
.woocommerce .cart-collaterals .cart_totals { background: var(--off-white); padding: 32px; }
.woocommerce .cart-collaterals .cart_totals h2 { font-family: var(--font-display); font-size: 28px; font-weight: 300; margin-bottom: 20px; }
.woocommerce a.button, .woocommerce button.button { background: var(--mint) !important; color: var(--obsidian) !important; border-radius: 0 !important; font-family: var(--font-body) !important; font-size: 10.5px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; padding: 12px 28px !important; border: 1px solid var(--mint) !important; transition: all var(--transition) !important; }
.woocommerce a.button:hover, .woocommerce button.button:hover { background: transparent !important; color: var(--mint) !important; }

/* ── MY ACCOUNT ── */
.woocommerce-account { padding: 60px 56px; }
.woocommerce-account .woocommerce-MyAccount-navigation { background: var(--obsidian); padding: 24px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: rgba(255,255,255,0.6); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; display: block; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.06); transition: color var(--transition); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: var(--mint); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--mint); }

/* ── ADD TO CART BUTTON ── */
.single_add_to_cart_button { background: var(--mint) !important; color: var(--obsidian) !important; border: 1px solid var(--mint) !important; border-radius: 0 !important; font-family: var(--font-body) !important; font-size: 11px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; padding: 16px 40px !important; font-weight: 500 !important; transition: all var(--transition) !important; }
.single_add_to_cart_button:hover { background: transparent !important; color: var(--mint) !important; }

/* ── PRODUCT VARIATIONS ── */
.woocommerce div.product form.cart .variations { margin-bottom: 24px; }
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding: 8px 0; vertical-align: middle; border: none; }
.woocommerce div.product form.cart .variations label { font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mid-grey); font-family: var(--font-body); }
.woocommerce div.product form.cart .variations select { border: 1px solid var(--light-grey) !important; border-radius: 0 !important; padding: 10px 14px !important; font-family: var(--font-body) !important; font-size: 14px !important; background: var(--warm-white) !important; min-width: 200px; }

/* ── STAR RATINGS ── */
.woocommerce .star-rating { color: var(--gold) !important; }
.woocommerce .star-rating::before { color: var(--light-grey) !important; }
