/* ==========================================================================
   WooCommerce in the Comic Pop design system.
   WooCommerce's own general/layout/smallscreen stylesheets are disabled (inc/woocommerce.php); this file
   styles the markup WooCommerce still owns on cart, checkout, order-received and My Account, using the
   design tokens from base.css. Loaded last so it can rely on every design component above it.
   ========================================================================== */

/* ---------- Notices ---------- */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-error,.woocommerce-message,.woocommerce-info,.woocommerce-noreviews{list-style:none;margin:0 0 16px;padding:14px 16px;border:2px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--pop-sm);background:var(--mango-soft);color:var(--ink);font-weight:600;font-size:.92rem;line-height:1.45}
.woocommerce-error{background:var(--berry-soft)}
.woocommerce-message{background:var(--mint)}
.woocommerce-error li,.woocommerce-message li,.woocommerce-info li{margin:0}
.woocommerce-error a,.woocommerce-message a,.woocommerce-info a{font-weight:800;text-decoration:underline}
.woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:12px}
.summary-card .woocommerce-error,.summary-card .woocommerce-message,.summary-card .woocommerce-info{font-size:.85rem}

/* ---------- Form rows rendered by woocommerce_form_field() (they also carry the design's .field class) ---------- */
.form-row{margin:0}
.form-row .woocommerce-input-wrapper{display:block}
.fields-2 .ye-wide,.fields-2 .form-row-wide{grid-column:1/-1}
.field abbr.required{color:var(--berry);text-decoration:none;border:0}
.field .optional{text-transform:none;letter-spacing:0;font-weight:600;color:var(--muted-2)}
.field select{appearance:auto;-webkit-appearance:auto;background:#fff;color:var(--ink)}
.field strong{display:block;padding:13px 0;font-weight:800}
.form-row.woocommerce-invalid input,.form-row.woocommerce-invalid select{border-color:var(--berry)}
.form-row .description{font-size:.8rem;color:var(--muted)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- Checkout ---------- */
form.checkout.cart-layout{align-items:start}
.ye-checkout-main h3{margin:4px 0 12px}
#customer_details{display:grid;gap:18px}
.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-size:1.1rem}
#ship-to-different-address{margin:0}
#ship-to-different-address label{display:flex;gap:10px;align-items:center;font-weight:700;cursor:pointer}
#ship-to-different-address input{accent-color:var(--primary);width:18px;height:18px}
.shipping_address{margin-top:12px}
.woocommerce-additional-fields__field-wrapper textarea{min-height:92px}
.woocommerce-form-coupon-toggle .woocommerce-info{background:#fff}
form.checkout_coupon{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:0 0 18px;padding:16px;border:2px dashed var(--line-strong);border-radius:var(--r-md)}
form.checkout_coupon p{margin:0}
form.checkout_coupon input{padding:11px 14px;border:2px solid var(--ink);border-radius:14px}
form.checkout_coupon .button{padding:11px 18px;border-radius:var(--r-pill);border:2px solid var(--ink);background:#fff;font-weight:800;cursor:pointer}

/* Order summary table (review-order.php) inside the design's summary card */
.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse;font-size:.95rem}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:9px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-weight:700}
.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table th:last-child{text-align:right}
.woocommerce-checkout-review-order-table thead th{font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.woocommerce-checkout-review-order-table .product-name{font-weight:700;padding-right:12px}
.woocommerce-checkout-review-order-table .product-quantity{color:var(--muted);font-weight:800}
.woocommerce-checkout-review-order-table dl.variation{margin:4px 0 0;font-size:.8rem;color:var(--muted);font-weight:600}
.woocommerce-checkout-review-order-table dl.variation dt,.woocommerce-checkout-review-order-table dl.variation dd{display:inline;margin:0}
.woocommerce-checkout-review-order-table dl.variation p{display:inline;margin:0}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{font-family:var(--font-display);font-weight:600;font-size:1.2rem;border:0;padding-top:14px}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods{list-style:none;margin:0;padding:0;display:grid;gap:6px;text-align:right}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods label{font-weight:700}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods input{accent-color:var(--primary)}
.woocommerce-checkout-review-order-table .cart-discount td{color:var(--primary)}

/* Payment box */
#payment{display:grid;gap:14px}
#payment ul.payment_methods{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#payment ul.payment_methods li{border:2px solid var(--ink);border-radius:var(--r-md);padding:12px 14px;background:#fff;box-shadow:var(--pop-sm)}
#payment ul.payment_methods li > input{accent-color:var(--primary);margin-right:8px}
#payment ul.payment_methods li > label{font-weight:800;cursor:pointer}
#payment ul.payment_methods li img{display:inline-block;max-height:22px;vertical-align:middle;margin-left:6px}
#payment .payment_box{margin-top:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--lilac);font-size:.9rem;color:var(--ink)}
#payment .payment_box p{margin:0 0 8px}
#payment .payment_box p:last-child{margin-bottom:0}
#payment .payment_box fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}
#payment .payment_box input.input-text,#payment .payment_box .wc-credit-card-form input{width:100%;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:#fff}
#payment .form-row.place-order{display:grid;gap:4px}
#payment .woocommerce-terms-and-conditions-wrapper{font-size:.82rem;color:var(--muted)}
#payment .woocommerce-privacy-policy-text p{margin:0}
#place_order{width:100%;justify-content:center;margin-top:6px}
.blockUI.blockOverlay{border-radius:var(--r-md)}

/* ---------- Cart page extras (coupon form, busy state) ---------- */
.ye-coupon{margin:14px 0 0;display:grid;gap:6px}
.ye-coupon-label{font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.ye-coupon-row{display:flex;gap:8px}
.ye-coupon-row input{flex:1;min-width:0;padding:10px 13px;border:2px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 rgba(23,38,30,.12);text-transform:uppercase}
.ye-coupon-list{display:flex;gap:6px;flex-wrap:wrap}
.ye-coupon-list:empty{display:none}
.ye-discount small{font-weight:700;color:var(--muted)}
.ye-notices:empty{display:none}
body.ye-cart-busy .cart-line,body.ye-cart-busy [data-add]{opacity:.6;pointer-events:none}
.btn.disabled{opacity:.55;pointer-events:none}

/* ---------- My Account ---------- */
.ye-account{display:grid;gap:22px}
.ye-account .woocommerce{display:grid;grid-template-columns:220px 1fr;gap:28px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:var(--r-pill);border:2px solid var(--ink);font-weight:800;background:#fff}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff}
.woocommerce-MyAccount-content table{width:100%;border-collapse:collapse}
.woocommerce-MyAccount-content th,.woocommerce-MyAccount-content td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.ye-account form.login,.ye-account form.register,.ye-account form.lost_reset_password{display:grid;gap:14px;max-width:460px}
.ye-account .woocommerce-form-row{display:grid;gap:6px}
.ye-account .woocommerce-form-row label{font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.ye-account input.input-text{width:100%;padding:13px 15px;border:2px solid var(--ink);border-radius:14px}
.ye-account .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:var(--r-pill);border:2px solid var(--ink);background:var(--cta);color:#fff;font-weight:800;box-shadow:var(--pop-sm);cursor:pointer}
@media (max-width:760px){.ye-account .woocommerce{grid-template-columns:1fr}}