/* ============================================================
   LAYR — WooCommerce-mapping
   Holder WooCommerce-logikken, men giver markup'en LAYR-look.
   ============================================================ */

/* Skjul WooCommerce' egen sidebar/standard-temaramme */
.woocommerce-breadcrumb{ display:none; }

/* ---- Notices ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.wc-block-components-notice-banner{
  background:var(--paper-2); border:1px solid var(--line); border-left:3px solid var(--sage-deep);
  border-radius:var(--r); padding:15px 18px; font-size:14.5px; color:var(--ink);
  list-style:none; margin:0 0 24px; display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.woocommerce-error{ border-left-color:#b5644f; }
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button{
  margin-left:auto; background:var(--ink); color:var(--paper);
  border:none; border-radius:var(--r); padding:9px 18px; font-size:13.5px; font-weight:500; cursor:pointer;
}

/* ---- Demo / store notice ---- */
.woocommerce-store-notice{ background:var(--ink); color:var(--paper); text-align:center; padding:10px; font-size:13px; }

/* ---- Form fields (checkout, account, etc.) ---- */
.woocommerce form .form-row label,
.woocommerce-account .woocommerce label{ font-size:12.5px; letter-spacing:0.04em; color:var(--ink-soft); display:block; margin-bottom:6px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection,
.woocommerce-account input.input-text,
.woocommerce-account input[type=password]{
  font-family:inherit; font-size:15px; padding:13px 15px;
  border:1px solid var(--line-2); border-radius:var(--r);
  background:var(--paper); color:var(--ink); width:100%;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{ outline:none; border-color:var(--sage-deep); }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:normal; }

/* ---- Generic WC buttons -> LAYR buttons ---- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-size:14.5px; font-weight:500; letter-spacing:0.03em;
  padding:14px 28px; border-radius:var(--r); border:1px solid transparent;
  background:var(--ink); color:var(--paper); transition:all .2s ease; line-height:1; text-transform:none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{ background:#403e37; color:var(--paper); transform:translateY(-1px); }
.woocommerce a.button.outline, .woocommerce .button.wc-backward{
  background:transparent; border-color:var(--line-2); color:var(--ink);
}
/* WC's disabled-knap (button.alt:disabled[disabled], specificitet 0,5,1) er
   WooCommerce-lilla #7f54b3 — den slår vores normale regel. Bookmark-cropper'en
   disabler add-to-cart-knappen via JS indtil et billede er uploadet; hold den
   i LAYR-sort men tydeligt inaktiv. */
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled]{
  background:var(--ink); color:var(--paper); opacity:.4; cursor:not-allowed; transform:none;
}
.woocommerce .button.wc-backward:hover{ border-color:var(--ink); background:transparent; color:var(--ink); transform:none; }

/* ---- Quantity input ---- */
.woocommerce .quantity .qty{
  width:60px; padding:12px 6px; border:1px solid var(--line-2); border-radius:var(--r);
  background:var(--paper); color:var(--ink); font-family:inherit; font-size:15px; text-align:center;
}

/* ============================================================
   SINGLE PRODUCT — supplerer .pdp-styling
   ============================================================ */
.single-product div.product .summary{ margin:0; }
.single-product .product_title{ display:none; } /* vi viser egen H1 i .pdp-info */

/* WooCommerce variations-formular -> LAYR look (knapper bygges af shop.js) */
.single-product .variations{ border:0; margin:0 0 8px; width:100%; }
.single-product .variations td, .single-product .variations th{ padding:0 0 6px; border:0; }
.single-product .variations .label{ display:none; } /* vi bruger .opt .lab i stedet */
.single-product .variations select{
  font-family:inherit; font-size:15px; padding:12px 14px;
  border:1px solid var(--line-2); border-radius:var(--r); background:var(--paper); color:var(--ink); width:100%;
}
.single-product .variations_button{ display:flex; gap:12px; align-items:stretch; margin:18px 0 0; }
.single-product .woocommerce-variation-add-to-cart .quantity{ flex:none; }
.single-product .single_add_to_cart_button{ flex:1; }
.single-product .woocommerce-variation-price{ font-family:var(--serif); font-size:26px; margin:8px 0 4px; }
.single-product .reset_variations{ font-size:13px; color:var(--ink-faint); }

/* Segmenterede vælgere bygget af shop.js */
.layr-swatch-group{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:4px; }
.layr-size-group{ display:flex; gap:10px; flex-wrap:wrap; }

/* Buy-row: simpel produkt */
.single-product .pdp-info form.cart:not(.variations_form){ display:flex; flex-wrap:wrap; gap:12px; align-items:stretch; margin:30px 0 22px; }
.single-product .pdp-info form.cart .quantity{ flex:none; }
.single-product .pdp-info form.cart .single_add_to_cart_button{ flex:1; }
/* Plugin-injiceret UI (fx bookmark-cropper via woocommerce_before_add_to_cart_button)
   ligger inde i form.cart — giv den sin egen fulde linje, så antal + knap bryder
   ned på linjen under i stedet for at blive klemt sammen ved siden af. */
.single-product .pdp-info form.cart .bookmarkcrop,
.single-product .pdp-info form.cart .print3d{ flex:0 0 100%; }
/* Buy-row: variabelt produkt */
.single-product .woocommerce-variation-add-to-cart{ display:flex; gap:12px; align-items:stretch; margin-top:18px; }
.single-product .woocommerce-variation-add-to-cart .quantity{ flex:none; }
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button{ flex:1; }
.single-product .stock{ font-size:13px; color:var(--ink-faint); margin:8px 0; }
.single-product .out-of-stock{ color:#b5644f; }

/* WooCommerce-tabs -> LAYR tab-look (jf. design/.tabnav: rent understregnings-tab).
   ⚠️ WC' egen tab-CSS er mere specifik (.woocommerce div.product …) og tegner de
   afrundede "fane-bokse" via li-border + border-radius + li::before/::after. Vi
   præfikser derfor med samme rod for at vinde specificiteten OG neutraliserer
   eksplicit alle boks-/pseudo-elementer, ellers bliver fanerne ved med at se ud
   som WC-standard (grå afrundede kasser). */
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex; gap:34px; border-bottom:1px solid var(--line);
  margin:0 0 0 0; padding:0; list-style:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after{ display:none; content:none; border:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  margin:0; padding:0; background:transparent; border:0; border-radius:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
  display:none; content:none; border:0; box-shadow:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display:inline-block; padding:22px 0; font-size:15px; font-weight:400;
  color:var(--ink-faint); border-bottom:2px solid transparent; margin-bottom:-1px;
  text-shadow:none; transition:color .2s, border-color .2s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{ color:var(--ink-soft); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--ink); border-color:var(--ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a::after{ display:none; content:none; }
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel{ padding-top:34px; max-width:720px; margin:0; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2{ display:none; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p{ color:var(--ink-soft); }
.woocommerce div.product .woocommerce-tabs table.shop_attributes{ width:100%; border-collapse:collapse; border:0; }
.woocommerce div.product .woocommerce-tabs table.shop_attributes th,
.woocommerce div.product .woocommerce-tabs table.shop_attributes td{ padding:14px 0; border-bottom:1px solid var(--line); font-size:14.5px; vertical-align:top; text-align:left; font-weight:400; background:none; }
.woocommerce div.product .woocommerce-tabs table.shop_attributes th{ color:var(--ink-faint); width:180px; font-weight:400; }
.woocommerce div.product .woocommerce-tabs table.shop_attributes td{ color:var(--ink-soft); }

/* Related / upsells */
.related.products > h2, .upsells.products > h2{
  font-family:var(--serif); font-weight:300; font-size:clamp(26px,3vw,38px); margin-bottom:28px;
}
.related.products ul.products, .upsells.products ul.products{
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(20px,2.4vw,38px); list-style:none; margin:0; padding:0;
}
@media (max-width:980px){ .related.products ul.products, .upsells.products ul.products{ grid-template-columns:repeat(2,1fr); } }

/* Nulstil WooCommerce' default float/width/margin på produkt-celler — ellers
   klemmer WC's egen .products li.product{ width:30.75%; float:left } hvert kort
   ned til ~30% af sin grid-celle (bittesmå billeder, klemt tekst). */
.woocommerce ul.grid-shop.products li.product,
.woocommerce .related.products ul.products li.product,
.woocommerce .upsells.products ul.products li.product{
  width:auto; float:none; margin:0; clear:none;
}

/* WC' clearfix-pseudoelementer (.woocommerce ul.products::before/::after{content:" ";
   display:table}) bliver til grid-celler i vores display:grid-lister og skubber det
   første produkt ned i kolonne 2 (og efterlader en tom celle). Fjern dem. */
.woocommerce ul.grid-shop.products::before,
.woocommerce ul.grid-shop.products::after,
.woocommerce .related.products ul.products::before,
.woocommerce .related.products ul.products::after,
.woocommerce .upsells.products ul.products::before,
.woocommerce .upsells.products ul.products::after{ content:none; display:none; }

/* WC's default .products li.product a img{ height:auto; margin:0 0 1em }
   (specificitet 0,3,4) overskriver .layr-photo{ height:100% } — så fotoet
   fylder kun sin egen højde og rammens creme-baggrund ses nedenunder. Tving
   billedet til at dække hele 4/5-rammen. */
.woocommerce ul.products li.product .vase-frame img.layr-photo{
  width:100%; height:100%; margin:0; object-fit:cover;
}

/* WC's default .summary{ width:48%; float:right } (specificitet 0,3,2) klemmer
   vores PDP-info-kolonne (.pdp-info har klassen .summary) til 48% af sin
   grid-celle — titel/pris/knap wrapper grimt. Nulstil i grid-konteksten. */
.woocommerce div.product .pdp-grid .pdp-info.summary{
  width:auto; float:none; margin:0;
}

/* LAYR 3d-print-estimator markerer upload-produktets <body> med .print3d-single
   og skjuler WC's eget galleri. Vores PDP bruger sit eget .gallery — skjul det
   og lad info/upload-kolonnen fylde fuld bredde på netop dét produkt. */
body.print3d-single .pdp-grid{ grid-template-columns:1fr; }
body.print3d-single .pdp-grid .gallery{ display:none; }

/* WooCommerce default gallery (fallback hvis egen galleri ikke bruges) */
.woocommerce-product-gallery{ position:relative; }
.woocommerce-product-gallery img{ border-radius:var(--r); }

/* ============================================================
   CART (hvis WC' egen cart.php fallback bruges)
   ============================================================ */
.woocommerce-cart table.cart img{ width:72px; border-radius:var(--r-sm); }
.woocommerce table.shop_table{ border:1px solid var(--line); border-radius:var(--r); border-collapse:separate; }
.woocommerce table.shop_table th{ font-weight:600; font-size:12.5px; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink-faint); }
.cart_totals h2, .woocommerce-checkout #order_review_heading{ font-family:var(--serif); font-weight:400; font-size:22px; margin-bottom:18px; }

/* Checkout layout: behold WC's struktur men giv ro */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading{ font-family:var(--serif); font-weight:400; font-size:24px; margin-bottom:14px; }
.woocommerce-checkout #payment{ background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r-lg); }
.woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid var(--line); }
.woocommerce #payment #place_order, .woocommerce-checkout #payment #place_order{ width:100%; padding:17px 36px; font-size:15.5px; }

/* coupon */
.woocommerce-cart .coupon .input-text{ max-width:220px; }

/* Proceed to checkout-knap i summary */
.summary .wc-proceed-to-checkout{ margin-top:20px; padding:0; }
.summary .wc-proceed-to-checkout .checkout-button{ width:100%; padding:17px 36px; font-size:15.5px; }

/* Checkout: 2-kolonne layout der matcher .co-grid */
.woocommerce-checkout .layr-checkout-grid{ display:grid; grid-template-columns:1.5fr 1fr; gap:clamp(32px,4vw,64px); align-items:start; }
.woocommerce-checkout #customer_details{ width:auto; float:none; }
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{ width:auto; float:none; }
.woocommerce-checkout .layr-checkout-summary{ position:sticky; top:96px; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r-lg); padding:30px; }
.woocommerce-checkout .layr-checkout-summary #order_review_heading{ font-family:var(--serif); font-weight:400; font-size:22px; margin:0 0 18px; }
.woocommerce-checkout table.woocommerce-checkout-review-order-table{ border:0; }
.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{ border:0; border-bottom:1px solid var(--line); padding:10px 0; font-size:14.5px; }
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{ width:100%; float:none; }
@media (max-width:860px){ .woocommerce-checkout .layr-checkout-grid{ grid-template-columns:1fr; } .woocommerce-checkout .layr-checkout-summary{ position:static; } }

/* Result count + ordering i shop-toolbar */
.shop-toolbar .woocommerce-result-count{ margin:0; font-size:14px; color:var(--ink-soft); }
.shop-toolbar form.woocommerce-ordering{ margin:0; }

/* Pagination */
.woocommerce-pagination{ margin-top:48px; }
.woocommerce-pagination ul{ display:flex; gap:8px; list-style:none; margin:0; padding:0; border:0; justify-content:center; }
.woocommerce-pagination ul li{ border:0; }
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span{
  display:grid; place-items:center; min-width:42px; height:42px; padding:0 6px;
  border:1px solid var(--line-2); border-radius:var(--r); background:var(--paper); color:var(--ink-soft); font-size:14px;
}
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover{ background:var(--ink); color:var(--paper); border-color:var(--ink); }

/* Price filter widget i sidebaren */
.fgroup .price_slider_wrapper .price_slider{ margin:8px 0 14px; }
.fgroup .price_slider_amount{ font-size:13.5px; color:var(--ink-soft); display:flex; flex-direction:column; gap:10px; }
.fgroup .price_slider_amount .button{ order:2; padding:8px 16px; font-size:12.5px; align-self:flex-start; }
/* ⚠️ WC' egne regler (.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
   spec. 0,4,0) maler slideren WC-lilla (greb/range #7f54b3, track #35224c) og slår
   vores gamle .fgroup-regler (0,3,0) — derfor blev slideren ved med at være lilla.
   Vi matcher WC' rod og tilføjer .price_slider (samme element som .ui-slider) for at
   OVERGÅ specificiteten (0,5,0), så vi får sage range + ink-greb uanset load-rækkefølge. */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background:var(--line-2); border:0; border-radius:2px; }
.woocommerce .widget_price_filter .price_slider.ui-slider{ position:relative; height:4px; background:var(--line-2); border-radius:2px; margin-left:0; margin-right:0; }
.woocommerce .widget_price_filter .price_slider.ui-slider .ui-slider-range{ position:absolute; height:100%; background:var(--sage-deep); border-radius:2px; }
.woocommerce .widget_price_filter .price_slider.ui-slider .ui-slider-handle{ position:absolute; top:-6px; width:16px; height:16px; margin-left:-8px; background:var(--ink); border-radius:50%; cursor:pointer; }

/* ============================================================
   BLOK-KURV & -CHECKOUT  (WooCommerce Blocks — wc-block-*)
   ------------------------------------------------------------
   ⚠️ BLINDT FØRSTEUDKAST: skrevet UDEN adgang til den live-
   serverede blok-markup (Local var stoppet). Klassenavnene følger
   WooCommerce Blocks' stabile namespace, men struktur og variant-
   klasser kan afvige pr. WC-version — dette SKAL verificeres i
   browseren og itereres. WC' egne blok-styles er meget specifikke
   (jf. specificitets-noten i CLAUDE.md), så udvalgte regler bruger
   !important for at slå igennem ved første forsøg. Gælder kun hvis
   Kurv/Checkout-siderne bruger blokkene (ikke shortcodes).
   ============================================================ */

/* Sidebredde — blok-siderne renderes uden .wrap via page.php */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-order-confirmation{
  max-width:var(--maxw); margin-inline:auto; padding:clamp(32px,5vw,72px) var(--gutter);
}

/* Overskrifter -> serif */
.wp-block-woocommerce-cart h1, .wp-block-woocommerce-cart h2,
.wp-block-woocommerce-checkout h1, .wp-block-woocommerce-checkout h2,
.wp-block-woocommerce-order-confirmation h1, .wp-block-woocommerce-order-confirmation h2,
.wc-block-components-title{
  font-family:var(--serif); font-weight:400; letter-spacing:-0.015em; color:var(--ink);
}

/* Oversigts-sidebar som LAYR-kort */
.wc-block-components-sidebar{
  background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px;
}
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-totals-item{ background:transparent; }

/* 2-kolonne-layout. WC skifter til enkeltkolonne via en @container(max-width:699px)-
   query målt på blok-wrapperen (.wp-block-woocommerce-checkout/-cart har
   container-type:inline-size). Den måler forkert i vores wrapper og stakkede
   indhold + oversigt oven på hinanden. Vi tvinger derfor 2 kolonner på desktop
   uafhængigt af den. Begge bruger normal row: indhold/felter til venstre,
   ordreoversigt til højre (WC's eget row-reverse på checkout overstyres). */
@media (min-width:861px){
  .wc-block-components-sidebar-layout{ flex-wrap:nowrap !important; gap:clamp(28px,3.5vw,56px); align-items:flex-start; }
  .wp-block-woocommerce-cart .wc-block-components-sidebar-layout,
  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{ flex-direction:row !important; }
  .wc-block-components-sidebar-layout .wc-block-components-main{ width:auto !important; flex:1 1 0; min-width:0; padding-right:0 !important; }
  .wc-block-components-sidebar-layout .wc-block-components-sidebar{ width:auto !important; flex:0 0 34%; max-width:34%; position:sticky; top:96px; }
}

/* Totals-rækker */
.wc-block-components-totals-item{ padding:9px 0; font-size:14.5px; }
.wc-block-components-totals-item__label{ color:var(--ink-soft); }
.wc-block-components-totals-item__value{ color:var(--ink); }
.wc-block-components-totals-footer-item{
  font-family:var(--serif); font-size:20px; color:var(--ink);
  border-top:1px solid var(--line); padding-top:14px;
}
.wc-block-components-totals-wrapper{ border-top:1px solid var(--line); }

/* Knapper -> LAYR ink */
.wc-block-components-button:not(.wc-block-components-button--text){
  font-family:inherit; font-size:14.5px !important; font-weight:500 !important; letter-spacing:0.03em;
  border-radius:var(--r) !important; padding:14px 28px !important;
  background:var(--ink) !important; color:var(--paper) !important; border:1px solid transparent !important;
  transition:all .2s ease;
}
.wc-block-components-button:not(.wc-block-components-button--text):hover{
  background:#403e37 !important; transform:translateY(-1px);
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{ width:100%; padding:17px 36px !important; font-size:15.5px !important; }
.wc-block-components-button.wc-block-components-button--text{
  background:transparent !important; color:var(--ink) !important; padding:0 !important; text-decoration:underline;
}

/* Tekstfelter -> LAYR input */
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-select .wc-block-components-select__select{
  font-family:inherit !important; font-size:15px !important;
  border:1px solid var(--line-2) !important; border-radius:var(--r) !important;
  background:var(--paper) !important; color:var(--ink) !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-textarea:focus{ outline:none; border-color:var(--sage-deep) !important; box-shadow:none !important; }
.wc-block-components-text-input.is-active label{ color:var(--sage-deep); }

/* Antalsvælger -> LAYR pille */
.wc-block-components-quantity-selector{
  border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden; background:var(--paper);
}
.wc-block-components-quantity-selector__input{ color:var(--ink); font-size:15px; }
.wc-block-components-quantity-selector__button{ color:var(--ink-soft); }
.wc-block-components-quantity-selector__button:hover{ color:var(--ink); }

/* Kurv-linjer */
.wc-block-cart-items{ border:0; }
.wc-block-cart-items__row{ border-bottom:1px solid var(--line); }
.wc-block-cart-item__image img{ border-radius:var(--r); }
.wc-block-components-product-name{
  font-family:var(--serif) !important; font-size:18px; color:var(--ink) !important; text-decoration:none;
}
.wc-block-cart-item__remove-link{ font-size:13px; color:var(--ink-faint); }
.wc-block-cart-item__remove-link:hover{ color:#b5644f; }
.wc-block-components-product-price__value{ color:var(--ink); }

/* Kupon (arver input-stil; juster knap-padding) */
.wc-block-components-totals-coupon .wc-block-components-button{ padding:13px 20px !important; }

/* Checkout-steps */
.wc-block-components-checkout-step{
  border:0; padding:0 0 28px; margin:0 0 28px; border-bottom:1px solid var(--line);
}
.wc-block-components-checkout-step__title{
  font-family:var(--serif) !important; font-weight:400 !important; font-size:22px !important; color:var(--ink);
}
.wc-block-components-checkout-step__description{ color:var(--ink-faint); font-size:14px; }
.wc-block-components-checkout-step__heading-content{ color:var(--sage-deep); }

/* Radio-kort (levering / betaling) */
.wc-block-components-radio-control__option{
  border:1px solid var(--line-2); border-radius:var(--r); padding:16px 16px 16px 44px; margin:0 0 10px;
}
.wc-block-components-radio-control__option--checked{ border-color:var(--ink); background:var(--paper-2); }
.wc-block-components-radio-control__label{ color:var(--ink); font-size:15px; }

/* Ordreoversigt (checkout-sidebar) */
.wc-block-components-order-summary-item{ border-bottom:1px solid var(--line); padding:14px 0; }
.wc-block-components-order-summary-item__quantity{ color:var(--ink-faint); }

/* Blok-notices: fejl-variant (suppler den fælles .wc-block-components-notice-banner øverst) */
.wc-block-components-notice-banner.is-error{ border-left-color:#b5644f; }

/* Mobil/tablet: enkeltkolonne */
@media (max-width:860px){
  .wc-block-components-sidebar-layout{ flex-direction:column !important; flex-wrap:wrap; }
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar-layout .wc-block-components-sidebar{ width:100% !important; max-width:none; flex:1 1 100%; position:static; }
}