/* ══════════════════════════════════════════════════════════════════════════
   Milky Tallow — Checkout/Cart UX sprint (2026-07-02)
   Standalone on purpose: safe to iterate without touching the main stylesheet.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Order review table: single Subtotal only (drop the column-header row) ── */
.woocommerce-checkout-review-order-table thead{display:none!important}

/* ── Members banner (replaces WooCommerce's returning-customer notice) ── */
.mt-login-banner{
	display:flex;align-items:center;gap:18px;flex-wrap:wrap;
	padding:18px 22px;margin-bottom:18px;border-radius:20px;
	background:linear-gradient(135deg,#fdfbf7 0%,#f6efe0 100%);
	border:1px solid var(--line-soft);box-shadow:0 14px 34px -26px rgba(90,96,110,.5)}
.mt-login-banner-icon{
	flex:none;width:46px;height:46px;border-radius:999px;background:var(--grad);
	box-shadow:0 6px 16px -8px rgba(90,96,110,.65);
	background-repeat:no-repeat;background-position:center;background-size:20px 20px,cover;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FAF5EB' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"),linear-gradient(95deg,#6B7282,#809282)}
.mt-login-banner-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:220px}
.mt-login-banner-kicker{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.mt-login-banner-title{font-family:var(--font-display);font-size:.98rem;font-weight:600;color:var(--ink);line-height:1.4}
.mt-login-banner-btn{
	flex:none;display:inline-block;padding:12px 28px;border-radius:999px;
	background:var(--ink);color:var(--bg)!important;border:1px solid var(--ink);
	font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
	transition:background .25s,border-color .25s;white-space:nowrap}
.mt-login-banner-btn:hover{background:var(--amber);border-color:var(--amber);color:#fff!important;text-decoration:none}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a{
	display:inline-block;font-family:var(--font-mono);font-size:.68rem;font-weight:600;
	letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;border:1px solid var(--line);
	border-radius:999px;color:var(--ink)!important;background:var(--bg);
	transition:border-color .2s,color .2s;margin-left:auto;white-space:nowrap}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover{
	border-color:var(--amber);color:var(--amber)!important;text-decoration:none}

/* ── Login drawer: stacked, on-brand, clear of the content below ── */
.woocommerce-checkout form.login{
	border:1px solid var(--line-soft)!important;border-radius:var(--radius);
	background:#fdfbf7;margin:6px 0 44px!important;padding-bottom:28px;
	box-shadow:0 14px 34px -26px rgba(90,96,110,.4)}
.woocommerce-checkout form.login .form-row{display:block;float:none;width:100%}
.woocommerce-checkout form.login .woocommerce-form-login__rememberme{display:block;margin:4px 0 14px}
.woocommerce-checkout form.login .button,
.woocommerce-checkout form.login button[type=submit]{
	display:block;width:100%;margin:0;padding:14px 28px;border-radius:999px;
	font-family:var(--font-display);font-weight:600}
.woocommerce-checkout form.login .lost_password{margin-top:12px;text-align:center}

/* "New here? Create an account" inside the login drawer */
.mt-checkout-register{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
.mt-checkout-register-divider{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.mt-checkout-register-btn{display:inline-block;padding:10px 22px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)!important;transition:border-color .2s,color .2s}
.mt-checkout-register-btn:hover{border-color:var(--amber);color:var(--amber)!important;text-decoration:none}
.mt-checkout-register-note{font-size:.78rem;color:var(--soft)}

/* ── Inline coupon (above "Your order") ── */
.mt-coupon-inline{display:flex;gap:10px;margin:0 0 18px}
.mt-coupon-inline .mt-coupon-input{flex:1;min-width:0;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:.9rem;outline:none;transition:border-color .2s}
.mt-coupon-inline .mt-coupon-input:focus{border-color:var(--amber)}
.mt-coupon-inline .mt-coupon-apply{flex:0 0 auto;padding:12px 24px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .25s,border-color .25s}
.mt-coupon-inline .mt-coupon-apply:hover{background:var(--amber);border-color:var(--amber)}
.mt-coupon-inline .mt-coupon-apply:disabled{opacity:.55;cursor:wait}
.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none!important}
.woocommerce-checkout form.checkout_coupon{display:none!important}
.mt-coupon-notices{margin:0 0 14px}
.mt-coupon-notices:empty{display:none}
.mt-coupon-notices .woocommerce-error,.mt-coupon-notices .woocommerce-message{margin-bottom:0}

/* ── Express payments below Place order (rendered there natively via PPCP hooks) ── */
.woocommerce-checkout #payment .ppc-button-wrapper,
.woocommerce-checkout #payment [id^="ppc-button"]{width:100%;max-width:none;margin:14px 0 0}
.woocommerce-checkout #payment [id^="ppc-button"] .paypal-buttons{width:100%!important;min-width:0!important}
.woocommerce-checkout #payment #ppcp-messages{margin:10px 0 0!important;text-align:center}
/* Divider label above the express area (rendered once, server-side) */
.mt-express-divider{display:none;text-align:center;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin:14px 0 10px}
/* Only show the divider when something express actually follows it */
.mt-express-divider:has(~ [id^="ppc-button"]:not(:empty)),
.mt-express-divider:has(~ #ppcp-messages:not(:empty)),
.mt-express-divider:has(~ .ppc-button-wrapper:not(:empty)){display:block}
/* Stripe's top-of-checkout express area + OR separator: retired */
.woocommerce-checkout .mt-checkout-main #wc-stripe-express-checkout-element,
.woocommerce-checkout .mt-checkout-main .wc-stripe-payment-request-wrapper,
#wc-stripe-express-checkout-button-separator,
.wc-stripe-payment-request-button-separator,
p#wc-stripe-payment-request-button-separator{display:none!important}

/* ══ Notices, redesigned site-wide: success / info / error — no WooCommerce DNA ══ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-error li,
.woocommerce-noreviews,
p.no-comments{
	display:flex!important;align-items:center;gap:14px;flex-wrap:wrap;
	border:1px solid var(--line-soft)!important;border-left:1px solid var(--line-soft)!important;
	border-radius:16px!important;padding:14px 18px!important;margin-bottom:16px;
	font-size:.92rem;color:var(--ink)!important;
	box-shadow:0 10px 26px -22px rgba(90,96,110,.55)}
.woocommerce-error{list-style:none;padding:0!important;border:none!important;box-shadow:none;display:block!important;background:transparent!important}
.woocommerce-error li{margin:0 0 10px}
/* Type tints */
.woocommerce-message{background:linear-gradient(135deg,#f2f7f0 0%,#e9f2e6 100%)!important}
.woocommerce-info{background:linear-gradient(135deg,#fdfbf7 0%,#f6efe0 100%)!important}
.woocommerce-error li{background:linear-gradient(135deg,#fbf1ee 0%,#f7e6e0 100%)!important;border:1px solid #edd6cf!important}
/* Icon medallions */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error li::before{
	content:""!important;position:static!important;display:inline-flex!important;flex:none;
	width:38px;height:38px;border-radius:999px;
	background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px,cover!important;
	box-shadow:0 5px 14px -8px rgba(90,96,110,.6)}
.woocommerce-message::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"),linear-gradient(95deg,#4c7a58,#6d9a77)!important}
.woocommerce-info::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='11'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E"),linear-gradient(95deg,#6B7282,#809282)!important}
.woocommerce-error li::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E"),linear-gradient(95deg,#a8543f,#c07a5a)!important}
/* Chip-style action buttons/links inside notices */
.woocommerce-message .button,.woocommerce-message a.button,
.woocommerce-info .button,.woocommerce-info a.button{
	margin-left:auto;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
	padding:9px 20px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink)!important;
	transition:border-color .2s,color .2s;white-space:nowrap}
.woocommerce-message .button:hover,.woocommerce-info .button:hover{border-color:var(--amber);color:var(--amber)!important;text-decoration:none}

/* ── Order confirmation hero: headline → subtitle → points pill, all centered ── */
.woocommerce-order-received .woocommerce-thankyou-order-received{display:flex!important;flex-direction:column;align-items:center}
.woocommerce-order-received .woocommerce-thankyou-order-received::after{order:1}
.woocommerce-order-received .mtr-thankyou{order:2;margin:16px auto 6px}

/* ── Order confirmation: stars need headroom below the nav ── */
.woocommerce-order-received .woocommerce{margin-top:0!important}
.woocommerce-order-received .mt-oc-stars{padding:26px 0 8px;text-align:center}

/* ── Order confirmation: bring type up to the site's scale ── */
.woocommerce-order-received .woocommerce-order{font-size:1rem}
.woocommerce-order-received ul.order_details li,
.woocommerce-order-received .woocommerce-order-overview li{font-size:.7rem}
.woocommerce-order-received ul.order_details li strong,
.woocommerce-order-received .woocommerce-order-overview li strong{font-size:1.05rem}
.woocommerce-order-received .woocommerce-table td,
.woocommerce-order-received table td{font-size:.95rem}
.woocommerce-order-received .woocommerce-table th,
.woocommerce-order-received table thead th{font-size:.66rem;letter-spacing:.12em}
.woocommerce-order-received table tfoot th{font-size:.95rem}
.woocommerce-order-received address{font-size:.95rem;line-height:1.7}
.woocommerce-order-received .woocommerce-column__title{font-size:.7rem}

/* ── Order confirmation: no Actions/Invoice row (customers get the email) ── */
.woocommerce-order-received tr:has(.order-actions-button){display:none!important}
.woocommerce-order-received .order-actions-button{display:none!important}

/* ── Cart actions column: sectioned — rewards → primary actions → express ──
   Flex `order` re-arranges VISUALLY without moving DOM nodes (iframe-safe). */
.woocommerce-cart .wc-proceed-to-checkout{display:flex;flex-direction:column;gap:12px}
.woocommerce-cart .wc-proceed-to-checkout .mtr-cart-box{order:1;margin:0 0 6px}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{order:2;margin:0}
.woocommerce-cart .wc-proceed-to-checkout .mt-continue-shopping{order:3;margin:0}
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-payment-request-wrapper,
.woocommerce-cart .wc-proceed-to-checkout .wc-stripe-payment-request-wrapper,
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-express-checkout-element{order:5;margin:0}
.woocommerce-cart .wc-proceed-to-checkout .ppc-button-wrapper,
.woocommerce-cart .wc-proceed-to-checkout [id^="ppc-button"]{order:6;margin:0}
.woocommerce-cart .wc-proceed-to-checkout #ppcp-messages,
.woocommerce-cart .wc-proceed-to-checkout .ppcp-messages{order:7;margin:2px 0 0!important;text-align:center}
/* Section label above the express group */
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-payment-request-wrapper::before,
.woocommerce-cart .wc-proceed-to-checkout .wc-stripe-payment-request-wrapper::before,
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-express-checkout-element::before{content:"— or pay express —";display:block;text-align:center;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin:10px 0 12px}
/* Stripe's own OR separator on cart: redundant */
.woocommerce-cart .wc-stripe-payment-request-button-separator{display:none!important}

/* ── Mobile ── */
@media (max-width:720px){
	.mt-login-banner{gap:12px}
	.mt-login-banner-btn{width:100%;text-align:center}
	.mt-checkout-register{flex-direction:column;align-items:stretch;text-align:center}
	.mt-coupon-inline{flex-wrap:wrap}
	.mt-coupon-inline .mt-coupon-apply{width:100%}
	#mt-express-slot{gap:8px}
}