/* Color Forward — WooCommerce content styling (checkout / account / notices).
 * Scoped to .cf-wc so WooCommerce functionality stays reliable while the
 * presentation follows the approved Color Forward tokens.
 */

/* Page-transition veil — matches motion tokens: 180ms fade, cobalt mark */
.cf-veil{position:fixed;inset:0;z-index:9999;background:#FFFAF5;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s cubic-bezier(.22,1,.36,1);pointer-events:none}
.cf-veil.in{opacity:1;pointer-events:all}
.cf-veil-mark{font-family:'Barlow Condensed',sans-serif;font-size:56px;font-weight:700;color:#273DC3;letter-spacing:.02em}
@media(prefers-reduced-motion:reduce){.cf-veil{transition:none}}

/* WooCommerce content inside the CF shell */
.cf-wc-content{font-family:'Manrope',sans-serif;color:#242327;max-width:960px}
.cf-wc-content .woocommerce{font-size:15px;line-height:1.6}
.cf-wc-content h1,.cf-wc-content h2,.cf-wc-content h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:1;color:#242327}
.cf-wc-content h2{font-size:26px;margin:28px 0 14px}
.cf-wc-content h3{font-size:20px;margin:22px 0 10px}
.cf-wc-content p{margin:0 0 14px}
.cf-wc-content a{color:#273DC3;text-decoration:none;border-bottom:1px solid transparent}
.cf-wc-content a:hover{border-bottom-color:#273DC3}

/* Forms */
.cf-wc-content label{display:block;font-size:13px;font-weight:600;margin:0 0 14px;color:#242327}
.cf-wc-content .input-text,.cf-wc-content input[type=text],.cf-wc-content input[type=email],.cf-wc-content input[type=tel],.cf-wc-content input[type=password],.cf-wc-content input[type=number],.cf-wc-content select,.cf-wc-content textarea{width:100%;box-sizing:border-box;border:1px solid #D5CEC7;border-radius:0;background:#FFFAF5;color:#242327;font:14px 'Manrope',sans-serif;padding:12px 14px;margin-top:6px;transition:border-color .18s cubic-bezier(.22,1,.36,1)}
.cf-wc-content input:focus,.cf-wc-content select:focus,.cf-wc-content textarea:focus{outline:2px solid #273DC3;outline-offset:0;border-color:#273DC3}
.cf-wc-content .form-row{margin:0 0 6px}
.cf-wc-content .form-row-first,.cf-wc-content .form-row-last{width:48%;display:inline-block;vertical-align:top}
.cf-wc-content .form-row-last{float:right}

/* Buttons — CF primary */
.cf-wc-content .button,.cf-wc-content button.button,.cf-wc-content a.button,.cf-wc-content .checkout-button,.cf-wc-content #place_order{display:inline-block;background:#273DC3!important;color:#FFFAF5!important;border:0;border-radius:0;font:700 14px 'Manrope',sans-serif;letter-spacing:.02em;padding:14px 26px;cursor:pointer;text-transform:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s}
.cf-wc-content .button:hover,.cf-wc-content #place_order:hover{background:#E14681!important;transform:translateY(-1px)}
.cf-wc-content .button.alt{background:#242327!important}
.cf-wc-content .button.alt:hover{background:#273DC3!important}

/* Notices */
.cf-wc-content .woocommerce-message,.cf-wc-content .woocommerce-info,.cf-wc-content .woocommerce-error{border:1px solid #D5CEC7;border-left:4px solid #273DC3;background:#F4EEE6;padding:14px 18px;margin:0 0 18px;font-size:14px;list-style:none}
.cf-wc-content .woocommerce-error{border-left-color:#A92032;color:#A92032}
.cf-wc-content .woocommerce-message{border-left-color:#216044}

/* Cart/Checkout tables */
.cf-wc-content table{border-collapse:collapse;width:100%;font-size:14px}
.cf-wc-content table th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#656168;padding:10px 12px;border-bottom:1px solid #8A838B}
.cf-wc-content table td{padding:12px;border-bottom:1px solid #D5CEC7;vertical-align:top}
.cf-wc-content .order-total strong,.cf-wc-content .order-total td{font-size:16px}

/* My Account navigation */
.cf-wc-content .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cf-wc-content .woocommerce-MyAccount-navigation a{display:inline-block;padding:9px 16px;border:1px solid #D5CEC7;color:#242327;font-size:13px;border-radius:999px}
.cf-wc-content .woocommerce-MyAccount-navigation .is-active a,.cf-wc-content .woocommerce-MyAccount-navigation a:hover{background:#273DC3;color:#FFFAF5;border-color:#273DC3}

/* Login/register split */
.cf-wc-content .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media(max-width:700px){.cf-wc-content .u-columns{grid-template-columns:1fr}.cf-wc-content .form-row-first,.cf-wc-content .form-row-last{width:100%;float:none}}

/* Order summary / review order */
.cf-wc-content #order_review{background:#F4EEE6;padding:24px}
.cf-wc-content .shop_table.woocommerce-checkout-review-order-table{background:#FFFAF5}
.cf-wc-content .wc_payment_methods{list-style:none;padding:0;margin:0 0 16px}
.cf-wc-content .wc_payment_method{padding:14px;border:1px solid #D5CEC7;margin-bottom:8px;background:#FFFAF5}
.cf-wc-content .payment_box{padding:8px 0 0;font-size:13px;color:#656168}

/* Quantity inputs */
.cf-wc-content .quantity input{width:64px;text-align:center}

/* Blocks checkout (WC 11 default) — inherit tokens */
.cf-wc-content .wc-block-checkout{font-family:'Manrope',sans-serif}
.cf-wc-content .wc-block-components-button{background:#273DC3!important;color:#FFFAF5!important}
.cf-wc-content .wc-block-components-text-input input{border:1px solid #D5CEC7;border-radius:0;font:14px 'Manrope',sans-serif;padding:12px}
.cf-wc-content .wc-block-components-text-input input:focus{border-color:#273DC3;box-shadow:none;outline:2px solid #273DC3}

/* Coupon */
.cf-wc-content .coupon input{max-width:220px;display:inline-block;margin-right:8px}

/* ── Cleanup pass 1: WC form polish + broken-glyph fixes ─────────────────── */

/* Coupon toggle — the WC notice icon renders as a missing-glyph box. */
.cf-wc-content .woocommerce-form-coupon-toggle .woocommerce-info::before,
.cf-wc-content .woocommerce-form-login-toggle .woocommerce-info::before{content:none;display:none}
.cf-wc-content .woocommerce-form-coupon-toggle .woocommerce-info,
.cf-wc-content .woocommerce-form-login-toggle .woocommerce-info{border-left:4px solid #273DC3}
.cf-wc-content .showcoupon{color:#273DC3;font-weight:700}
.cf-wc-content .checkout_coupon{border:1px solid #D5CEC7;padding:22px 24px;margin:0 0 24px}
.cf-wc-content .checkout_coupon .form-row{padding:0;margin:0}
.cf-wc-content .checkout_coupon .form-row-first{float:left;width:64%;margin-right:2%}
.cf-wc-content .checkout_coupon .form-row-last{float:left;width:34%}
@media(max-width:700px){.cf-wc-content .checkout_coupon .form-row-first,.cf-wc-content .checkout_coupon .form-row-last{float:none;width:100%;margin:0 0 10px}}

/* Password visibility toggle — icon font unavailable in CF shell; use text. */
.cf-wc-content .show-password-input{width:auto;height:auto;padding:4px 8px;font:600 11px 'Manrope',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#273DC3}
.cf-wc-content .show-password-input::before{content:'Show'}
.cf-wc-content .show-password-input.woocommerce-password-strength-bad::before{content:'Show'}

/* Billing / shipping / payment blocks */
.cf-wc-content .woocommerce-billing-fields h3,
.cf-wc-content .woocommerce-shipping-fields h3,
.cf-wc-content #order_review_heading{font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.01em;margin:26px 0 16px}
.cf-wc-content #ship-to-different-address label{font-weight:600;font-size:13px}
.cf-wc-content .woocommerce-checkout-review-order{background:#F4EEE6;padding:8px 24px 24px}
.cf-wc-content .wc_payment_methods .wc_payment_method label{font-weight:700;font-size:14px;margin:0}
.cf-wc-content .wc_payment_methods .payment_box{background:#F4EEE6;margin-top:10px;padding:14px 16px;font-size:13px;color:#656168}
.cf-wc-content .woocommerce-terms-and-conditions-wrapper{font-size:13px;color:#656168;margin:18px 0}
.cf-wc-content .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p{font-size:13px;margin:0 0 8px}
.cf-wc-content #place_order{width:100%;text-align:center;font-size:15px;padding:16px}
.cf-wc-content .woocommerce-checkout .form-row{padding:0;margin-bottom:8px}
.cf-wc-content .woocommerce-checkout .form-row label{margin-bottom:2px}
.cf-wc-content .woocommerce-additional-fields h3{font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;margin:26px 0 16px}

/* Account: login/register card alignment with CF */
.cf-wc-content .woocommerce-form-login,.cf-wc-content .woocommerce-form-register{border:1px solid #D5CEC7;padding:26px 28px;background:#FFFAF5}
.cf-wc-content .lost_password a{color:#273DC3}
.cf-wc-content .woocommerce-MyAccount-content p{font-size:14px}

/* ── Cleanup pass 3: customer-information pages (.cf-info) ──────────────── */

.cf-wc-content .cf-info{max-width:780px;padding-bottom:24px}
.cf-wc-content .cf-info h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(24px,3vw,30px);font-weight:600;text-transform:uppercase;letter-spacing:.01em;margin:44px 0 12px;color:#17161a}
.cf-wc-content .cf-info h3{font-family:'Manrope',sans-serif;font-size:15px;font-weight:800;margin:26px 0 6px;color:#17161a}
.cf-wc-content .cf-info p{font-size:15px;line-height:1.75;color:#4a4548;margin:0 0 14px;max-width:66ch}
.cf-wc-content .cf-info ul,.cf-wc-content .cf-info ol{margin:0 0 16px;padding-left:22px}
.cf-wc-content .cf-info li{font-size:15px;line-height:1.75;color:#4a4548;margin-bottom:7px}
.cf-wc-content .cf-info li::marker{color:#273DC3}
.cf-wc-content .cf-info a{color:#273DC3;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.cf-wc-content .cf-info strong{color:#17161a}
.cf-wc-content .cf-info .cf-note{background:#F4EEE6;border-left:4px solid #273DC3;padding:16px 20px;margin:20px 0;font-size:14px;line-height:1.7;color:#3a3638}
.cf-wc-content .cf-info .cf-note p{margin:0}
.cf-wc-content .cf-info .cf-note p+p{margin-top:8px}
.cf-wc-content .cf-info .cf-divider{height:1px;background:#E4DCD3;margin:36px 0 0}
.cf-wc-content .cf-info .cf-kv{display:grid;grid-template-columns:150px 1fr;gap:8px 18px;margin:14px 0 20px;font-size:15px}
.cf-wc-content .cf-info .cf-kv dt{font-weight:700;color:#17161a}
.cf-wc-content .cf-info .cf-kv dd{margin:0;color:#4a4548}
@media(max-width:560px){.cf-wc-content .cf-info .cf-kv{grid-template-columns:1fr;gap:2px}.cf-wc-content .cf-info .cf-kv dd{margin-bottom:10px}}
.cf-wc-content .cf-info .cf-steps{counter-reset:step;list-style:none;padding-left:0}
.cf-wc-content .cf-info .cf-steps li{counter-increment:step;position:relative;padding-left:40px;margin-bottom:14px}
.cf-wc-content .cf-info .cf-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:600;color:#273DC3}
.cf-wc-content .cf-info .cf-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cf-wc-content .cf-info .cf-links a{display:inline-block;border:1px solid #17161a;padding:10px 18px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:#17161a;transition:background .18s,color .18s}
.cf-wc-content .cf-info .cf-links a:hover{background:#17161a;color:#FFFDFC}

/* ── About-page overflow fix: legacy media sections exceed viewport ─────── */
/* Scoped to the two offending containers only — does not touch CF imagery. */
.cf-wc-content .udg-ab-b__media,
.cf-wc-content .udg-ab-c__media{max-width:100%;overflow:hidden}
.cf-wc-content .udg-ab-b__media img,
.cf-wc-content .udg-ab-c__media img{max-width:100%;height:auto}