/* ==========================================================================
   WheelsHome — Cart & Checkout. Reskins WooCommerce's own default markup
   (classic [woocommerce_cart]/[woocommerce_checkout] shortcode output) —
   nothing here changes structure/behaviour, only appearance, so coupons,
   shipping calculation, cross-sells and payment gateways all keep working
   exactly as WooCommerce ships them.

   If this store's Cart/Checkout pages use the newer WooCommerce Blocks
   (content is `<!-- wp:woocommerce/cart -->` / `<!-- wp:woocommerce/checkout -->`
   instead of the [woocommerce_cart]/[woocommerce_checkout] shortcode), the
   class names below won't match — see the .wc-block-* section at the
   bottom for a best-effort pass, and the theme README for how to tell
   which one this store uses.
   ========================================================================== */

/* ---------- DEFENSIVE BACKGROUND ---------- */
/* Blocksy's own WooCommerce compatibility CSS assumes a light theme by
   default; without this, its content-area background can show through as
   a jarring white/light panel behind the (correctly dark-styled) cart and
   checkout markup. */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account{background:var(--bg) !important;}
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-account .entry-content{background:transparent !important;}

/* ---------- SHARED TABLE LOOK (cart table + checkout order review) ------- */
.shop_table{width:100%;border-collapse:collapse;margin-bottom:26px;}
.shop_table th,.shop_table td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px;color:#ddd;}
.shop_table thead th{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.05em;font-weight:800;}
.shop_table td.product-thumbnail img{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid var(--line);}
.shop_table td.product-name a{font-weight:700;color:#fff;}
.shop_table .amount{color:#fff;font-weight:700;}
.shop_table td.product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--panel);color:var(--ember2);font-size:16px;font-weight:800;}
.shop_table td.product-remove a.remove:hover{background:var(--ember);color:#0a0a0a;}
.shop_table tr.cart-subtotal th,.shop_table tr.order-total th,.shop_table tr.shipping th{font-weight:700;color:#ddd;}
.shop_table tr.order-total .amount{font-family:'Bebas Neue';font-size:22px;color:#fff;}

/* ---------- CART PAGE ---------- */
.woocommerce-cart-form{margin-bottom:20px;}
.woocommerce-cart-form .quantity .qty{width:64px;height:44px;border:1px solid var(--line-strong);border-radius:12px;background:#0d0d10;color:#fff;text-align:center;font-weight:700;}
.woocommerce-cart-form table td.actions{padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:0;}
.woocommerce-cart-form .coupon{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.woocommerce-cart-form .coupon label{color:var(--muted);font-size:13px;}
.woocommerce-cart-form #coupon_code{height:44px;border:1px solid var(--line-strong);border-radius:999px;background:#0d0d10;color:#fff;padding:0 16px;font-size:13px;}
.woocommerce-cart-form button[name="apply_coupon"],
.woocommerce-cart-form button[name="update_cart"]{height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);color:#fff;font-weight:800;text-transform:uppercase;font-size:11.5px;letter-spacing:.03em;cursor:pointer;}
.woocommerce-cart-form button[name="apply_coupon"]:hover,
.woocommerce-cart-form button[name="update_cart"]:hover{border-color:#fff;background:var(--panel2);}

.cart-collaterals{display:flex;justify-content:flex-end;}
.cart_totals{width:100%;max-width:420px;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px;}
.cart_totals h2{font-family:'Bebas Neue';font-size:22px;margin-bottom:16px;color:#fff;}
.cart_totals .shop_table th,.cart_totals .shop_table td{border-bottom:1px solid var(--line);}
.wc-proceed-to-checkout{margin-top:16px;}
.wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;height:54px;border-radius:999px;background:linear-gradient(120deg,var(--ember),#ff8a3d);color:#0a0a0a;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.03em;width:100%;}

/* ---------- CHECKOUT PAGE ---------- */
.woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px;}
.woocommerce-checkout .form-row{margin-bottom:16px;}
.woocommerce-checkout label{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:6px;}
.woocommerce-checkout .required{color:var(--ember);}
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{width:100%;height:50px;border:1px solid var(--line-strong);border-radius:14px;background:#0d0d10;color:#fff;padding:0 16px;font-size:14px;}
.woocommerce-checkout textarea{height:auto;padding:12px 16px;min-height:100px;}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3{font-family:'Bebas Neue';font-size:24px;letter-spacing:.01em;margin:0 0 18px;color:#fff;}
.woocommerce-checkout #order_review{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px;}

#payment{border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-top:20px;overflow:hidden;}
#payment ul.wc_payment_methods{list-style:none;}
#payment .wc_payment_method{border-bottom:1px solid var(--line);padding:16px 20px;}
#payment .wc_payment_method:last-child{border-bottom:0;}
#payment .payment_box{margin-top:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px;}
#payment label[for^="payment_method"]{display:inline;text-transform:none;font-weight:700;color:#fff;font-size:14px;}
#payment input[type="radio"]{accent-color:var(--ember);margin-right:8px;}
/* Some gateways (e.g. Nets/DIBS Easy — see body.dibs-selected) render their
   own hosted card/express-payment UI via JS/iframe for PCI compliance;
   that inner widget keeps its own (often white) styling and can't be
   reskinned from here by design — no CSS/JS on this side can reach inside
   a cross-origin iframe, full stop. Rather than spotlight it (a glow just
   draws MORE attention to the seam), give it the exact same quiet dark
   card treatment as #payment/#order_review right above it — same border,
   background, radius, padding — so it reads as one more section on the
   page, and let the white rectangle inside be as small and plain as
   possible instead of dramatized.
   Confirmed real markup (checked directly against the live page, not
   guessed): the gateway's JS mounts its iframe into
   <div id="dibs-iframe"><div id="dibs-complete-checkout">, sitting
   outside the normal #payment/.payment_box wrapper entirely — style
   #dibs-iframe directly rather than assuming WooCommerce's usual gateway
   box structure applies here. */
#dibs-iframe{margin-top:20px;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--panel);}
#dibs-iframe:before{content:"Sikker betaling";display:block;margin-bottom:14px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
#dibs-complete-checkout{background:#ffffff;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.2);}
#dibs-complete-checkout iframe{border-radius:10px;}

.woocommerce-terms-and-conditions-wrapper{margin:20px 0;font-size:13px;color:var(--muted);}
.woocommerce-terms-and-conditions-wrapper a{color:var(--ember2);}

#place_order{width:100%;height:58px;border:0;border-radius:999px;background:linear-gradient(120deg,var(--ember),#ff8a3d);color:#0a0a0a;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.03em;cursor:pointer;margin-top:20px;}

.woocommerce-form-login{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:20px;margin-bottom:24px;}
.woocommerce-form-login .form-row{margin-bottom:14px;}

/* ---------- BEST-EFFORT: WooCommerce Blocks (Cart/Checkout blocks) ------- */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{--wc-blocks-color-primary:#ff5a1f;color:var(--text);}
.wc-block-components-panel,
.wc-block-cart-items,
.wc-block-components-totals-wrapper,
.wc-block-components-order-summary{background:var(--panel);border-color:var(--line) !important;color:var(--text);}
.wc-block-components-button:not(.is-link){background:linear-gradient(120deg,var(--ember),#ff8a3d) !important;color:#0a0a0a !important;border-radius:999px !important;font-weight:800;text-transform:uppercase;}

@media(max-width:960px){
  .woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{grid-template-columns:1fr;}
  .cart_totals{max-width:none;}
  .shop_table thead{display:none;}
  .shop_table td{display:block;border-bottom:0;padding:6px 0;}
  .shop_table tr{display:block;border-bottom:1px solid var(--line);padding:14px 0;}
}