/* Korg, kassa och Mitt konto: BARA CSS ovanpå Woo:s klassiska mallar (natt-2026-10-21/checkout, acct).
   Svea Checkout behåller sina mallar och iframes – här ramas de bara in. Inga ramar runt raderna i korgen,
   papperskorg uppe till vänster på radens bild, kompakt rad även på mobil. */

.page--shop .page__h{font-size:clamp(28px,3.2vw,38px)}
.woocommerce form .form-row{margin:0 0 12px}
.woocommerce form .form-row label{display:block;font-size:13.5px;font-weight:500;margin-bottom:4px}
.woocommerce form .form-row .required{color:var(--mut);text-decoration:none}
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea,.woocommerce-page select{width:100%;min-height:44px;border:1px solid #c9ced4;border-radius:8px;padding:0 12px;font:500 15px var(--body);background:#fff;color:var(--ink)}
.woocommerce textarea{padding:10px 12px;min-height:90px}
.woocommerce input.input-text:focus,.woocommerce select:focus,.woocommerce textarea:focus{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}
.woocommerce .button:disabled,.woocommerce .button[disabled]{opacity:.45;cursor:default}
.woocommerce .button.btn--ghost,.woocommerce button[name="update_cart"],.woocommerce button[name="apply_coupon"]{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}

/* ===== korgen ===== */
.woocommerce-cart .page__body{display:block}
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-cart-form{min-width:0}
.shop_table.cart{display:block;border:0;width:100%;border-collapse:collapse}
.shop_table.cart thead{display:none}
.shop_table.cart tbody{display:block}
.shop_table.cart tr.cart_item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto auto;grid-template-areas:"img name qty sum" "img price qty sum";column-gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.shop_table.cart td{display:block;padding:0;border:0}
.shop_table.cart td::before{display:none}
.shop_table.cart .product-thumbnail{grid-area:img;width:76px;height:76px;background:#fff;border-radius:8px;overflow:hidden}
.shop_table.cart .product-thumbnail img{width:76px;height:76px;object-fit:contain}
.shop_table.cart .product-name{grid-area:name;font-weight:600;font-size:14.5px;line-height:1.3}
.shop_table.cart .product-name a{text-decoration:none}
.shop_table.cart .product-name a:hover{text-decoration:underline}
.shop_table.cart .product-price{grid-area:price;font-size:13px;color:var(--mut)}
.shop_table.cart .product-price del,.shop_table.cart .product-subtotal del{color:var(--mut);font-size:.9em;font-weight:500}
.shop_table.cart .product-price ins,.shop_table.cart .product-subtotal ins{text-decoration:none}
.shop_table.cart .product-quantity{grid-area:qty}
.shop_table.cart .product-quantity .qty{width:64px;height:40px;border:1px solid #c9ced4;border-radius:999px;text-align:center;font:600 15px var(--body)}
.shop_table.cart .product-subtotal{grid-area:sum;font:800 15px var(--display);text-align:right;min-width:90px;white-space:nowrap}
/* papperskorgen uppe till vänster på bilden */
.shop_table.cart .product-remove{position:absolute;left:-8px;top:8px;z-index:2}
.shop_table.cart a.remove{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(17,19,21,.18);font-size:0;color:transparent;text-decoration:none}
.shop_table.cart a.remove::before{content:'';position:absolute;inset:-8px}
.shop_table.cart a.remove::after{content:'';width:15px;height:15px;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E") center/contain no-repeat}
.shop_table.cart a.remove:hover{background:var(--ink)}.shop_table.cart a.remove:hover::after{background:#fff}
.shop_table.cart tr:not(.cart_item){display:block}
.shop_table.cart td.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 0}
.shop_table.cart td.actions .coupon{display:flex;gap:8px;flex:1;min-width:0;max-width:420px}
.shop_table.cart td.actions .coupon label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shop_table.cart td.actions .coupon .input-text{flex:1;min-width:0;border-radius:999px}
.cart-collaterals{position:sticky;top:16px}
.cart_totals{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}
.cart_totals h2{font-size:18px;margin:0 0 10px}
.cart_totals table{width:100%;border-collapse:collapse;font-size:14.5px}
.cart_totals th,.cart_totals td{padding:8px 0;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top;font-weight:500}
.cart_totals td{text-align:right}
.cart_totals .order-total th,.cart_totals .order-total td{font:800 18px var(--display);border-bottom:0;padding-top:12px}
.cart_totals .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.wc-proceed-to-checkout{margin-top:14px}
.wc-proceed-to-checkout .checkout-button{width:100%;min-height:50px;font-size:16px}
.cart-empty.woocommerce-info{grid-column:1/-1}
.return-to-shop{grid-column:1/-1}
/* "Glöm inte" – kompletteringar ur parningsdatan, utan rabatt */
.hg-forget{margin:22px 0 6px}
.hg-forget h2{font-size:18px;margin:0 0 4px}
.hg-forget p{margin:0 0 12px;color:var(--mut);font-size:13.5px}
.hg-forget .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
@media (max-width:560px){.hg-forget .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== kassan (Svea Checkout ramas in, mallarna rörs inte) ===== */
.woocommerce-checkout .woocommerce{max-width:1100px}
form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
form.checkout>.woocommerce-NoticeGroup,form.checkout>.woocommerce-notices-wrapper{grid-column:1/-1}
form.checkout #customer_details{grid-column:1}
form.checkout #order_review_heading{grid-column:2;grid-row:1;font-size:18px;margin:0}
form.checkout #order_review{grid-column:2;grid-row:1 / span 2;margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}
form.checkout .col2-set{display:grid;gap:18px}
form.checkout h3{font-size:18px;margin:0 0 12px}
.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:8px 0;border-bottom:1px solid var(--line2);text-align:left}
.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table th:last-child{text-align:right}
.woocommerce-checkout-review-order-table .order-total{font:800 17px var(--display)}
#payment ul.payment_methods{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
#payment ul.payment_methods li{border:1px solid var(--line);border-radius:8px;padding:10px 12px}
#payment .payment_box{font-size:13px;color:var(--mut);margin-top:6px}
#payment #place_order{width:100%;min-height:50px;font-size:16px}
.woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--mut)}
/* Svea Checkout: bara ramen */
#svea-checkout-container,.wc-svea-checkout-page,.svea-checkout-wrapper{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}

/* ===== Mitt konto ===== */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;font-weight:500}
.woocommerce-MyAccount-navigation a:hover{background:var(--soft)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff}
.woocommerce-MyAccount-content{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
.woocommerce-MyAccount-content table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce-MyAccount-content th,.woocommerce-MyAccount-content td{padding:10px 8px;border-bottom:1px solid var(--line2);text-align:left}
.woocommerce-orders-table .button{min-height:36px;padding:0 14px;font-size:13px}
/* inloggning + Bli kund sida vid sida (gäst) */
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
#customer_login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
#customer_login>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}
#customer_login h2{font-size:22px;margin:0 0 14px}
.woocommerce-form-login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-size:14px;margin:6px 0 12px}
.woocommerce-form-login .button,.woocommerce-form-register .button{width:100%;min-height:48px}
.woocommerce-LostPassword{font-size:13.5px}
.woocommerce-privacy-policy-text{font-size:12.5px;color:var(--mut)}

@media (max-width:900px){
  .woocommerce-cart .woocommerce{grid-template-columns:minmax(0,1fr);gap:16px}
  .cart-collaterals{position:static}
  form.checkout{grid-template-columns:minmax(0,1fr)}
  form.checkout #order_review_heading,form.checkout #order_review{grid-column:1;grid-row:auto;margin-top:0}
  .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr);gap:16px}
  .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px}
  .woocommerce-MyAccount-navigation a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;min-height:40px}
  #customer_login{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  /* kompakt rad som minikorgen: bild | namn+pris | antal+summa */
  .shop_table.cart tr.cart_item{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img name name" "img price sum" "img qty sum";column-gap:12px;row-gap:4px}
  .shop_table.cart .product-thumbnail,.shop_table.cart .product-thumbnail img{width:64px;height:64px}
  .shop_table.cart .product-subtotal{min-width:0;align-self:end}
  .shop_table.cart td.actions .coupon{max-width:none;width:100%}
  .shop_table.cart td.actions>.button{width:100%}
  .woocommerce-MyAccount-content{padding:14px}
}

/* Orderstatus i kontot: UNDANTAG från lugna regeln (Jonas 10-22) – små, mjukt tonade chip */
.woocommerce-orders-table__cell-order-status{white-space:nowrap}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-shipped .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-backorder .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status{font-size:0}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-shipped .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-backorder .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status::after{font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef0f2;color:#3e454d}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::after{content:"Levererad";background:#e6f4ea;color:#1e6b34}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::after{content:"Behandlas";background:#fdf3dc;color:#8a5a00}
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status::after{content:"Behandlas";background:#fdf3dc;color:#8a5a00}
.woocommerce-orders-table__row--status-shipped .woocommerce-orders-table__cell-order-status::after{content:"Skickad";background:#e7effc;color:#1d4f9a}
.woocommerce-orders-table__row--status-backorder .woocommerce-orders-table__cell-order-status::after{content:"Skickas senare";background:#efe9fb;color:#5b3a9a}
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status::after,.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status::after{content:"Avbruten";background:#eef0f2;color:#5b636c}
.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status::after{content:"Väntar på betalning"}
/* solidcos-support "Mina ärenden" i kontot ramas in som övrigt innehåll */
.woocommerce-MyAccount-content .scs-support{margin-top:4px}

/* Woo:s egna stilar är avstängda – det temat behöver av dem */
.woocommerce form.login,.woocommerce form.register{border:0;padding:0;margin:0}
.woocommerce .show-password-input{display:none}
.woocommerce-password-strength{font-size:12.5px;margin-top:4px;color:var(--mut)}
.woocommerce-form__label-for-checkbox{display:inline-flex;gap:8px;align-items:center}
.blockUI.blockOverlay{background:rgba(255,255,255,.6)!important;opacity:1!important}
.blockUI.blockOverlay::before{display:none}
.woocommerce .quantity .qty{width:64px;height:40px;border:1px solid #c9ced4;border-radius:999px;text-align:center;font:600 15px var(--body)}
.select2-container .select2-selection--single{height:44px;border:1px solid #c9ced4;border-radius:8px;display:flex;align-items:center}
.select2-container .select2-selection--single .select2-selection__arrow{height:42px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce table.shop_table{border-collapse:collapse}
.woocommerce .col2-set{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.woocommerce .woocommerce-billing-fields__field-wrapper,.woocommerce .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
.woocommerce .form-row-wide,.woocommerce #billing_address_1_field,.woocommerce #billing_address_2_field{grid-column:1/-1}
@media (max-width:560px){.woocommerce .woocommerce-billing-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}}

/* Leveransbesked per rad + lugnt meddelande när korgen blandar direkt/senare */
.hg-ship{display:block;margin-top:3px;font:500 12.5px var(--body);color:var(--mut)}
.hg-shipnote{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#f3f5f7;border:1px solid var(--line);font-size:13px;line-height:1.45;color:#3e454d}
.hg-shipnote p{margin:0}
.hg-shipnote__opt{margin-top:8px}
tr.hg-shipnote-row td{padding:10px 0 4px;border:0}
tr.hg-shipnote-row .hg-shipnote{margin:0}

/* Subsystemläge (hg-core: body.hg-subsys, bara kassan): kassan låst till betalning, som child-temats $from_subsys.
   Sidhuvud (inkl. kampanjrutor/meny), adminlist, kupong, borttag, antalsreglage och Klaviyo-valet döljs. Leveransbeskedet visas. */
body.hg-subsys .hdr,
body.hg-subsys #hg-drawer,
body.hg-subsys .vh--focus,
body.hg-subsys #wpadminbar,
body.hg-subsys .woocommerce-form-coupon-toggle,
body.hg-subsys form.checkout_coupon,
body.hg-subsys .woocommerce-checkout-coupon-table,
body.hg-subsys .hg-coupon-section,
body.hg-subsys #kl_newsletter_checkbox_field,
body.hg-subsys .hg-ck-header,
body.hg-subsys .hg-progress,
body.hg-subsys .hg-forget,
body.hg-subsys .cross-sells{display:none!important}
mark,.woocommerce mark{background:none;color:inherit;font-weight:600}