/* Testata, footer e indicatori ripresi dalla bozza. */
.klaar-commerce-shell header { display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:20px; }
.klaar-commerce-shell .logo { width:145px;height:auto; }
.klaar-commerce-shell nav { display:flex;gap:30px;font-size:13px; }
.klaar-commerce-shell nav a:hover { color:var(--green); }
.klaar-commerce-shell .menu { display:none;border:0;background:none; }
body.klaar-commerce-preview .eyebrow { font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--green);margin:0 0 25px; }
.klaar-commerce-shell footer { background:var(--ink);color:#f6f4eb;padding:45px 5% 22px; }
.klaar-commerce-shell .footer-top { display:flex;justify-content:space-between;gap:30px;padding-bottom:35px; }
.klaar-commerce-shell .footer-brand { font-size:32px;letter-spacing:.14em; }
.klaar-commerce-shell .footer-brand small { display:block;font-size:10px;letter-spacing:.28em;margin-top:8px; }
.klaar-commerce-shell .footer-links { display:flex;gap:30px;font-size:13px; }
.klaar-commerce-shell .footnote { border-top:1px solid #505348;padding-top:20px;font-size:11px;color:#bbc0b3;display:flex;justify-content:space-between;gap:20px; }
.klaar-commerce-shell .mobile-nav { display:none; }
@media(max-width:760px) {
    .klaar-commerce-shell header { padding:20px 6%; }
    .klaar-commerce-shell nav { display:none; }
    .klaar-commerce-shell .menu { display:block; }
    .klaar-commerce-shell .mobile-nav.open { display:flex;flex-direction:column;padding:20px 6%;gap:22px; }
    .klaar-commerce-shell .footer-top, .klaar-commerce-shell .footer-links, .klaar-commerce-shell .footnote { flex-direction:column; }
    .klaar-commerce-shell .footer-links { gap:18px; }
}
.klaar-commerce-shell .skip { position:fixed;top:-100px;left:20px;background:#fff;z-index:20;padding:15px; }
.klaar-commerce-shell .skip:focus { top:10px; }
.klaar-commerce-shell .bag { font-size:12px;white-space:nowrap; }
.klaar-commerce-shell .bag span { display:inline-grid;place-items:center;background:var(--green);color:white;width:22px;height:22px;border-radius:50%;margin-left:5px; }
body.klaar-commerce-preview .breadcrumbs { font-size:11px;color:#74796b;margin:0 0 38px;display:flex;gap:12px;flex-wrap:wrap; }
body.klaar-commerce-preview .page-intro { display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px; }
body.klaar-commerce-preview .page-intro p { color:#646b5c;max-width:420px; }
body.klaar-commerce-preview .page-intro h1 { font-size:58px;margin-bottom:10px; }
@media(max-width:760px) {
    body.klaar-commerce-preview .page-intro { display:block; }
    body.klaar-commerce-preview .page-intro h1 { font-size:45px; }
    .klaar-commerce-shell .bag { margin-left:auto;font-size:11px; }
    .klaar-commerce-shell .logo { width:115px; }
}
.klaar-commerce-shell .screen-reader { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.klaar-commerce-shell .shop-header { display:grid;grid-template-columns:155px minmax(250px,1fr) 175px;column-gap:35px;row-gap:17px;padding:23px 5%; }
.klaar-commerce-shell .brand { grid-column:1;grid-row:1 / 3; }
.klaar-commerce-shell .header-nav { grid-column:2;grid-row:1;justify-content:center;gap:26px; }
.klaar-commerce-shell .header-search { grid-column:2;grid-row:2;display:flex;border-bottom:1px solid #aeb6a1;min-width:0;align-items:center; }
.klaar-commerce-shell .header-search input { width:100%;min-width:0;padding:9px 2px;border:0;background:none;font:inherit;font-size:12px;outline-offset:4px;color:var(--ink); }
.klaar-commerce-shell .header-search button { padding:7px;border:0;background:none;display:grid;place-items:center; }
.klaar-commerce-shell .header-search svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5; }
.klaar-commerce-shell .header-actions { grid-column:3;grid-row:1 / 3;display:flex;flex-direction:column;gap:17px;align-items:flex-end; }
.klaar-commerce-shell .login-link { display:flex;align-items:center;gap:8px;font-size:12px; }
.klaar-commerce-shell .login-link svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5; }
.klaar-commerce-shell .shopping-links { display:flex;gap:22px;align-items:center; }
.klaar-commerce-shell .saved-link { display:flex;align-items:center;gap:4px;font-size:11px; }
.klaar-commerce-shell .saved-link svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4; }
.klaar-commerce-shell .saved-link.has-saved svg { fill:#eab240;stroke:#5e4d26; }
.klaar-commerce-shell .bag span { background:#f1b73d;color:#292c27;font-weight:700; }
@media(max-width:1000px) {
    .klaar-commerce-shell .shop-header { column-gap:20px;grid-template-columns:130px minmax(220px,1fr) 150px; }
    .klaar-commerce-shell .header-nav { gap:16px;font-size:12px; }
    .klaar-commerce-shell .shopping-links { gap:15px; }
}
@media(max-width:760px) {
    .klaar-commerce-shell .shop-header { grid-template-columns:minmax(100px,1fr) auto auto;gap:18px 17px;padding:18px 6%; }
    .klaar-commerce-shell .brand { grid-row:1;grid-column:1; }
    .klaar-commerce-shell .header-nav { display:none; }
    .klaar-commerce-shell .header-actions { grid-column:2;grid-row:1;gap:10px; }
    .klaar-commerce-shell .header-search { grid-row:2;grid-column:1/-1; }
    .klaar-commerce-shell .shop-header>.menu { grid-column:3;grid-row:1;font-size:0;padding:8px 0 8px 5px; }
    .klaar-commerce-shell .shop-header>.menu::after { content:'☰';font-size:23px; }
    .klaar-commerce-shell .login-link { font-size:11px; }
    .klaar-commerce-shell .login-link svg { width:14px;height:14px; }
    .klaar-commerce-shell .shopping-links { gap:12px; }
    .klaar-commerce-shell .bag { margin:0;font-size:11px; }
    .klaar-commerce-shell .saved-link svg { width:20px;height:20px; }
    .klaar-commerce-shell .header-search input { font-size:12px; }
}
body.klaar-commerce-preview .page-back { display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px 8px 0;margin:0 0 18px;border:0;background:transparent;color:var(--green);font:inherit;font-size:13px;cursor:pointer; }
body.klaar-commerce-preview .page-back svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s; }
body.klaar-commerce-preview .page-back:hover { color:var(--ink); }
body.klaar-commerce-preview .page-back:hover svg { transform:translateX(-3px); }
body.klaar-commerce-preview .page-back:focus-visible { outline:2px solid var(--green);outline-offset:4px; }
@media(prefers-reduced-motion:reduce) {
    body.klaar-commerce-preview .page-back svg { transition:none; }
}
.klaar-commerce-shell .brand-intro { max-width:800px;margin:0 auto 65px;text-align:center; }
.klaar-commerce-shell .brand-intro p { color:#65715a; }
.klaar-commerce-shell .complete-footer { padding-top:50px; }
.klaar-commerce-shell .footer-heading { display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #505348;padding-bottom:35px;gap:25px; }
.klaar-commerce-shell .footer-heading>p { color:#bfc5b7;font-size:13px; }
.klaar-commerce-shell .footer-logo-lockup { display:flex;align-items:center;gap:16px; }
.klaar-commerce-shell .footer-logo-mark { width:46px;height:58px;overflow:hidden;display:block; }
.klaar-commerce-shell .footer-logo-mark img { width:300px;max-width:none;height:auto;display:block; }
.klaar-commerce-shell .footer-wordmark { display:flex;gap:10px;font-size:27px;letter-spacing:.06em;line-height:1; }
.klaar-commerce-shell .footer-wordmark b { font-weight:400; }
.klaar-commerce-shell .footer-logo-lockup small { display:block;margin-top:14px;font-size:9px;letter-spacing:.22em;color:#c4c9bb; }
.klaar-commerce-shell .footer-columns { display:grid;grid-template-columns:1fr 1.05fr 1fr 1.2fr;gap:34px;padding:40px 0; }
.klaar-commerce-shell .footer-columns h2 { color:#f6f4eb;font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.02em;margin:0 0 22px; }
.klaar-commerce-shell .footer-columns p { font-size:12px;line-height:1.9;color:#c4c9bb;margin:0 0 20px; }
.klaar-commerce-shell .footer-columns section>a { display:block;font-size:12px;color:#d7ddcf;margin:0 0 15px;line-height:1.65; }
.klaar-commerce-shell .footer-columns a:hover { text-decoration:underline; }
.klaar-commerce-shell .footer-columns section>small { display:block;color:#bbc3af;font-size:10px;line-height:1.7; }
.klaar-commerce-shell .payment-methods { display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px; }
.klaar-commerce-shell .payment-methods span { border:1px solid #858c7a;padding:5px 7px;font-size:9px;color:#e6eadf; }
.klaar-commerce-shell .footer-social { display:flex;gap:17px;font-size:11px;color:#c7cfba; }
.klaar-commerce-shell .footer-columns .newsletter-link { display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #929c85;color:#fff; }
.klaar-commerce-shell .complete-footer .footnote { line-height:1.8; }
.klaar-commerce-shell .complete-footer section { min-width:0; }
@media(max-width:1000px) {
    .klaar-commerce-shell .footer-columns { grid-template-columns:1fr 1fr; }
}
@media(max-width:760px) {
    .klaar-commerce-shell .footer-heading { flex-direction:column;align-items:flex-start; }
    .klaar-commerce-shell .footer-columns { grid-template-columns:1fr 1fr;gap:35px 25px; }
    .klaar-commerce-shell .footer-wordmark { font-size:24px;gap:8px; }
    .klaar-commerce-shell .footer-heading>p { margin:0; }
}
@media(max-width:430px) {
    .klaar-commerce-shell .footer-columns { grid-template-columns:1fr; }
}
.klaar-commerce-shell .utility-bar { display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 5%;font-size:11px;border-bottom:1px solid var(--line);color:#616b57; }
.klaar-commerce-shell .utility-contacts, .klaar-commerce-shell .utility-social { display:flex;gap:22px;align-items:center; }
.klaar-commerce-shell .utility-social a { display:inline-flex;align-items:center;gap:7px; }
.klaar-commerce-shell .utility-social svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6; }
.klaar-commerce-shell .utility-social .social-dot { fill:currentColor;stroke:none; }
.klaar-commerce-shell .utility-social .facebook-mark { fill:currentColor;stroke:none; }
.klaar-commerce-shell .utility-bar a:hover { color:var(--ink); }
@media(max-width:760px) {
    .klaar-commerce-shell .utility-bar { padding:9px 6%;flex-wrap:wrap;justify-content:center;font-size:10px;gap:8px 18px; }
    .klaar-commerce-shell .utility-contacts, .klaar-commerce-shell .utility-social { gap:15px; }
}
.klaar-commerce-shell .actual-footer-logo { display:flex;flex-direction:column;align-items:flex-start;gap:13px; }
.klaar-commerce-shell .footer-logo-panel { display:block;background:transparent;padding:0; }
.klaar-commerce-shell .footer-actual-logo { display:block;width:210px;max-width:100%;height:auto;filter:brightness(0) invert(1); }
.klaar-commerce-shell .actual-footer-logo>small { margin:0 0 0 2px;font-size:9px;letter-spacing:.22em;color:#c4c9bb; }
@media(max-width:760px) {
    .klaar-commerce-shell .footer-actual-logo { width:185px; }
}
.klaar-commerce-shell .footer-logo-panel { position:relative; }
.klaar-commerce-shell .footer-logo-symbol { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 79.5% 0 0);pointer-events:none; }
.klaar-commerce-shell .shopping-links .bag { display:inline-flex;align-items:center;gap:7px; }
.klaar-commerce-shell .bag .cart-icon { width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.klaar-commerce-shell .shopping-links .bag #cart-count { margin-left:0; }
body.klaar-commerce-preview .checkout-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:10px 0 35px;padding:0;border-bottom:1px solid var(--line); }
body.klaar-commerce-preview .checkout-steps li { display:flex;align-items:center;gap:13px;padding:18px 0;color:#8b9183;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px; }
body.klaar-commerce-preview .checkout-steps li>span { display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:11px; }
body.klaar-commerce-preview .checkout-steps li.active { border-bottom-color:var(--green);color:var(--ink); }
body.klaar-commerce-preview .checkout-steps li.active>span, body.klaar-commerce-preview .checkout-steps li.complete>span { background:var(--green);color:var(--paper);border-color:var(--green); }
.klaar-commerce-shell .payment-methods-demo { padding:0;border:0;display:grid;gap:12px;margin:25px 0; }
@media(max-width:500px) {
    body.klaar-commerce-preview .checkout-steps li { font-size:11px;gap:7px; }
    body.klaar-commerce-preview .checkout-steps li>span { width:26px;height:26px;font-size:10px; }
}

/* Layout WooCommerce, limitato alle pagine abilitate del restyling. */
body.klaar-commerce-preview {
    --ink: #292c27;
    --paper: #f7f5ef;
    --green: #58654b;
    --line: #d7d9ce;
    --sage: #e9ecdf;
    --purchase-accent: #f77426;
    background: var(--paper) !important; /* The active child theme forces body/#page white. */
    color: var(--ink);
    font: 14px/1.6 Arial, sans-serif;
}
body.klaar-commerce-preview [hidden] { display: none !important; }
.klaar-commerce-preview .klaar-commerce-shell,
.klaar-commerce-preview .klaar-commerce-shell * { box-sizing: border-box; }
.klaar-commerce-preview .klaar-commerce-shell a { color: inherit; text-decoration: none; }
.klaar-commerce-preview .klaar-commerce-shell .header-search { margin: 0; }
.klaar-commerce-preview .klaar-commerce-shell .header-search input { min-height: 0; box-shadow: none; }
.klaar-commerce-preview .klaar-commerce-shell .header-search button,
.klaar-commerce-preview .klaar-commerce-shell .menu { color: inherit; box-shadow: none; }
.klaar-commerce-preview .klaar-commerce-shell .shopping-links .screen-reader { width: 1px; height: 1px; }
.klaar-commerce-preview .klaar-commerce-shell p { line-height: 1.7; }
.klaar-commerce-preview .klaar-commerce-shell .complete-footer { margin: 0; }
.klaar-commerce-preview .klaar-commerce-header { background: var(--paper); }
.klaar-commerce-preview:has(.klaar-commerce-header) #masthead,
.klaar-commerce-preview:has(.klaar-commerce-footer) #colophon,
.klaar-commerce-preview .entry-header,
.klaar-commerce-preview .entry-title,
.klaar-commerce-preview .page-title,
.klaar-commerce-preview #order_review_heading { display: none; }
.klaar-commerce-preview #page,
.klaar-commerce-preview #site-content-contain,
.klaar-commerce-preview #content,
.klaar-commerce-preview #primary,
.klaar-commerce-preview #main,
.klaar-commerce-preview .site-content-contain > .wrap,
.klaar-commerce-preview .site-content-contain > .container,
.klaar-commerce-preview article,
.klaar-commerce-preview .entry-content {
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--paper) !important; /* Same scoped override for the native page containers. */
    border: 0;
    box-shadow: none;
}
.klaar-commerce-preview .entry-content > .woocommerce {
    width: min(90%, 1296px);
    margin: 0 auto;
    padding: 42px 0 75px;
    background: var(--paper);
}
.klaar-commerce-preview .entry-content > .woocommerce :is(h1, h2, h3) {
    color: var(--ink);
    font-family: Georgia, serif;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}
.klaar-commerce-preview .entry-content > .woocommerce h1 {
    font-size: clamp(42px, 4.8vw, 74px);
    letter-spacing: -.04em;
    line-height: 1.04;
    margin: 0 0 10px;
}
.klaar-commerce-preview .entry-content > .woocommerce h1 em { color: var(--green); font-weight: 400; }
.klaar-commerce-preview .entry-content > .woocommerce a { color: var(--green); }
.klaar-commerce-preview .page-back { text-decoration: none; }

.klaar-checkout-preview form.checkout.woocommerce-checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr);
    gap: 55px;
    align-items: start;
    margin: 0;
    padding: 0;
    background: var(--paper);
}
.klaar-checkout-preview #customer_details,
.klaar-checkout-preview #order_review {
    float: none;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 32px;
    border: 1px solid var(--line);
    background: var(--paper);
    box-shadow: none;
}
.klaar-checkout-preview form.checkout > #customer_details { grid-column: 1; grid-row: 1; }
.klaar-checkout-preview form.checkout > #order_review { grid-column: 2; grid-row: 1; }
.klaar-checkout-preview form.checkout > :is(.woocommerce-NoticeGroup, .woocommerce-notices-wrapper, .woocommerce-error) {
    grid-column: 1 / -1;
    order: 1;
    margin: 0;
}
.klaar-checkout-preview form.checkout > :is(.woocommerce-NoticeGroup, .woocommerce-notices-wrapper):empty { display: none; }
.klaar-checkout-preview #order_review { padding: 30px; border: 0; background: var(--sage); }
.klaar-checkout-preview #customer_details :is(.col-1, .col-2, .woocommerce-billing-fields, .woocommerce-shipping-fields) {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: var(--paper);
}
.klaar-checkout-preview .klaar-shipping-title,
.klaar-checkout-preview #order_review h2 { font-size: 36px; line-height: 1.15; margin: 0 0 24px; }
.klaar-checkout-preview .woocommerce-billing-fields > h3:first-child { display: none; }
.klaar-checkout-preview .woocommerce-additional-fields h3 {
    margin: 28px 0 15px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    font-size: 25px;
}
.klaar-checkout-preview .klaar-shipping-kicker,
.klaar-checkout-preview #order_review .eyebrow { margin: 0 0 15px; }
.klaar-checkout-preview #customer_details :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .klaar-shipping-contact) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}
.klaar-checkout-preview #customer_details .klaar-shipping-contact { margin-top: 18px; }
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) .form-row { float: none; width: auto; margin: 0; padding: 0; min-width: 0; }
.klaar-checkout-preview #customer_details :is(.form-row-wide, .address-field) { grid-column: 1 / -1; }
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) label { color: var(--ink); font-size: 12px; line-height: 1.5; }
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) .optional { color: #73786b; font-size: 11px; }
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) :is(.input-text, textarea, select, .select2-selection--single) {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 46px;
    margin: 6px 0 0;
    padding: 12px 14px;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid #bfc4b6;
    border-radius: 0;
    box-shadow: none;
    font: 15px/1.4 Arial, sans-serif;
}
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) .select2-selection__rendered { padding: 0 15px 0 0; line-height: 1.4; }
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) .select2-selection__arrow { top: 6px; height: 40px; }
.klaar-checkout-preview #customer_details textarea { min-height: 94px; resize: vertical; }
.klaar-checkout-preview :is(#customer_details, .klaar-invoice-panel) :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--green); }
.klaar-checkout-preview form.checkout:has(#klaar_invoice_choice) #payment .mycheckbox:has(input[name="checkout_checkbox"]) { display: none; }
.klaar-checkout-preview .klaar-invoice-panel { margin-top: 24px; padding-top: 20px; border-top: 1px solid #ccd3bf; }
.klaar-checkout-preview .klaar-invoice-panel h3 { margin: 0 0 12px; font-size: 25px; }
.klaar-checkout-preview .klaar-invoice-choice { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.klaar-checkout-preview .klaar-invoice-choice input { margin: 0; }
.klaar-checkout-preview #klaar-invoice-fields > .form-row { margin-top: 14px; }
.klaar-checkout-preview #klaar-invoice-fields .klaar-billing-address {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 16px;
    margin-top: 14px;
    border: 1px solid #ccd3bf;
    background: var(--paper);
}
.klaar-checkout-preview :is(#customer_details, #klaar-invoice-fields) .woocommerce-invalid :is(.input-text, .select2-selection--single) { border-color: #a34d39; }
.klaar-checkout-preview #order_review :is(table, thead, tbody, tfoot, tr, td, th, ul, li) {
    background: transparent;
    color: var(--ink);
    box-shadow: none;
}
.klaar-checkout-preview #order_review table { width: 100%; margin: 0 0 18px; border: 0; border-collapse: collapse; }
.klaar-checkout-preview #order_review table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}
.klaar-checkout-preview #order_review table :is(th, td) {
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid #ccd3bf;
    font-size: 13px;
    vertical-align: top;
}
.klaar-checkout-preview #order_review .product-name { padding-right: 10px; }
.klaar-checkout-preview #order_review td.product-total,
.klaar-checkout-preview #order_review tfoot td { text-align: right; }
.klaar-checkout-preview #order_review .product-total .amount { white-space: nowrap; }
.klaar-checkout-preview #order_review .amount,
.klaar-checkout-preview #order_review .amount :is(bdi, .woocommerce-Price-currencySymbol) {
    color: var(--ink) !important;
    font-size: inherit;
}
.klaar-checkout-preview #order_review .order-total :is(td, th) { font-size: 17px; }
.klaar-checkout-preview #order_review .order-total :is(th, td, .amount, .amount bdi, .woocommerce-Price-currencySymbol) {
    color: var(--purchase-accent) !important;
}
.klaar-checkout-product { display: flex; align-items: flex-start; gap: 12px; }
.klaar-checkout-product img { width: 55px; height: 55px; object-fit: contain; mix-blend-mode: multiply; }
.klaar-checkout-preview .product-name .variation { font-size: 11px; overflow-wrap: anywhere; }
.klaar-checkout-preview #order_review .woocommerce-remove-coupon { display: none; }
.klaar-checkout-preview .klaar-payment-head { margin: 28px 0 12px; padding-top: 24px; border-top: 1px solid #ccd3bf; }
.klaar-checkout-preview #payment { background: var(--sage); border: 0; border-radius: 0; }
.klaar-checkout-preview #payment .payment_box { background: var(--paper); color: var(--ink); }
.klaar-checkout-preview #payment .payment_box::before { border-bottom-color: var(--paper); }
.klaar-checkout-preview #payment :is(ul.payment_methods, .place-order) { padding: 12px 0; }
.klaar-checkout-preview #place_order {
    float: none;
    width: 100%;
    margin-top: 12px;
    padding: 15px;
    border: 0;
    border-radius: 0;
    color: var(--ink);
    background: var(--purchase-accent);
}
.klaar-order-received-preview .woocommerce-order { max-width: 1000px; margin: 0 auto; }
.klaar-order-received-preview :is(.woocommerce-order-overview, .woocommerce-customer-details, .woocommerce-order-details) {
    box-sizing: border-box;
    margin: 25px 0;
    padding: 28px;
    border: 1px solid var(--line);
    background: var(--sage);
}
.klaar-order-received-preview .woocommerce-order-overview,
.klaar-order-received-preview .woocommerce-customer-details .woocommerce-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 26px;
    align-items: start;
}
/* WooCommerce clearfix pseudo-elements must not occupy cells in these grids. */
body.klaar-order-received-preview .woocommerce ul.woocommerce-order-overview::before,
body.klaar-order-received-preview .woocommerce ul.woocommerce-order-overview::after,
.klaar-order-received-preview .woocommerce-customer-details .woocommerce-columns::before,
.klaar-order-received-preview .woocommerce-customer-details .woocommerce-columns::after { content: none; display: none; }
.klaar-order-received-preview .woocommerce-order-overview { list-style: none; }
.klaar-order-received-preview :is(.woocommerce-order-overview li, .woocommerce-customer-details .woocommerce-column) {
    min-width: 0;
    overflow-wrap: anywhere;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}
.klaar-order-received-preview .woocommerce-customer-details address { margin: 0; padding: 0; border: 0; overflow-wrap: anywhere; }
.klaar-order-received-preview .woocommerce-order-details :is(table, th, td) { background: var(--sage); color: var(--ink); }
.klaar-order-received-preview .woocommerce-order-overview__total :is(.amount, .amount bdi, .woocommerce-Price-currencySymbol) {
    color: var(--purchase-accent) !important;
}
.klaar-order-received-preview .woocommerce-order-details .amount,
.klaar-order-received-preview .woocommerce-order-details .amount :is(bdi, .woocommerce-Price-currencySymbol) {
    color: var(--ink) !important;
}
.klaar-order-received-preview .woocommerce-order-details tfoot tr:last-child :is(.amount, .amount bdi, .woocommerce-Price-currencySymbol) {
    color: var(--purchase-accent) !important;
}
.klaar-order-received-preview .woocommerce-order-details .wc-item-meta {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}
.klaar-order-received-preview .woocommerce-order-details .wc-item-meta li {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    overflow-wrap: anywhere;
}
.klaar-order-received-preview .woocommerce-order-details table.shop_table .wc-item-meta .wc-item-meta-label {
    float: none;
    display: inline;
    margin-right: .25em;
}
.klaar-order-received-preview .woocommerce-order-details .wc-item-meta li p { display: inline; margin: 0; }

@media (max-width: 1000px) {
    .klaar-checkout-preview form.checkout.woocommerce-checkout { gap: 28px; }
    .klaar-checkout-preview :is(#customer_details, #order_review) { padding: 24px; }
}
@media (max-width: 800px) {
    .klaar-checkout-preview form.checkout.woocommerce-checkout { grid-template-columns: minmax(0, 1fr); }
    .klaar-checkout-preview form.checkout > #order_review { grid-column: 1; grid-row: 2; }
}
@media (max-width: 500px) {
    .klaar-checkout-preview #customer_details :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .klaar-shipping-contact),
    .klaar-order-received-preview :is(.woocommerce-order-overview, .woocommerce-customer-details .woocommerce-columns) {
        grid-template-columns: minmax(0, 1fr);
    }
    .klaar-checkout-preview :is(#customer_details, #order_review) { padding: 22px 18px; }
    .klaar-commerce-preview .entry-content > .woocommerce { padding-top: 28px; }
    .klaar-order-received-preview :is(.woocommerce-order-overview, .woocommerce-customer-details, .woocommerce-order-details) { padding: 18px; }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table {
        display: block;
        width: 100%;
        margin: 0;
        border: 0;
    }
    /* Keep column headers available to screen readers while stacking each product. */
    .klaar-order-received-preview .woocommerce-order-details table.shop_table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
    }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table :is(tbody, tfoot) { display: block; width: 100%; }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table tbody tr {
        display: block;
        padding: 16px 0;
        border-bottom: 1px solid var(--line);
    }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table tbody td {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        border: 0;
        overflow-wrap: anywhere;
    }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table tbody td.product-total {
        padding-top: 12px;
        text-align: right;
        font-size: 18px;
    }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table :is(.amount, .amount bdi) { font-size: inherit; }
    .klaar-order-received-preview .woocommerce-order-details .klaar-checkout-product > span { min-width: 0; }
    .klaar-order-received-preview .woocommerce-order-details .klaar-checkout-product img { flex: 0 0 55px; }
    .klaar-order-received-preview .woocommerce-order-details .wc-item-meta { font-size: 13px; line-height: 1.6; }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table tfoot tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid var(--line);
    }
    .klaar-order-received-preview .woocommerce-order-details table.shop_table tfoot :is(th, td) {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        font-size: 13px;
        line-height: 1.6;
        overflow-wrap: anywhere;
    }
}

/* Shared header, footer and checkout links. */
body.klaar-commerce-preview svg.klaar-ui-arrow{width:1em;height:1em;display:inline-block;flex-shrink:0;vertical-align:-.125em}

/* Native public pages retain their own content title below the shared header. */
body.klaar-public-native .entry-header,
body.klaar-public-native .entry-title,
body.klaar-public-native .page-title { display:block; }