/* Handlekurv, kasse og Min konto: WooCommerce sine klassiske maler i Hantek-drakt. Lastes bare på disse sidene. */

.woocommerce-page header.plain{padding-bottom:0!important}
.wrap.shop>.woocommerce{padding-block:clamp(8px,2vw,24px) 0}

/* meldinger */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#F5F5F7;border:0!important;outline:0;border-radius:16px;padding:16px 20px;margin:0 0 24px;list-style:none;font-size:15px}
.woocommerce-error{background:#fbe9e7}
.woocommerce-message a.button,.woocommerce-info a.button{margin-right:12px;text-decoration:underline;background:none!important;border:0!important;padding:0!important;height:auto!important;font:inherit!important;color:var(--fg)!important}

/* handlekurv */
.woocommerce-cart-form{margin-bottom:40px}
.woocommerce-cart .wrap.shop>.woocommerce{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(24px,4vw,64px);align-items:start}
.woocommerce-cart .cart-collaterals{display:contents}
.woocommerce-cart .cart-collaterals .cart_totals{grid-column:2;grid-row:2}
.woocommerce-cart .woocommerce-cart-form{grid-column:1;grid-row:2}
.woocommerce-cart .cross-sells{grid-column:1;grid-row:3}
@media(max-width:900px){.woocommerce-cart .wrap.shop>.woocommerce{grid-template-columns:1fr}.woocommerce-cart .cart-collaterals .cart_totals{grid-column:1;grid-row:3}.woocommerce-cart .cross-sells{grid-row:4}}
.woocommerce-cart .woocommerce-notices-wrapper{grid-column:1/-1}
table.shop_table{width:100%;border-collapse:collapse;border:0}
.woocommerce-cart-form table.shop_table{table-layout:fixed}
.woocommerce-cart-form table.shop_table td.product-subtotal{width:110px}
.woocommerce-cart-form table.shop_table td.product-quantity{width:90px}
.woocommerce-cart-form table.shop_table td.product-thumbnail{padding-right:18px}
.woocommerce-cart-form table.shop_table td.product-name{padding-left:18px}
.woocommerce-cart-form table.shop_table thead{display:none}
table.shop_table td{padding:18px 0;border:0;border-top:1px solid var(--hair);vertical-align:middle}
table.shop_table tr:first-child td{border-top:0}
table.shop_table td.product-remove{width:32px;min-width:32px;padding-right:8px}
table.shop_table td.product-remove a{font-size:20px;color:var(--fg-3);text-decoration:none;font-family:var(--f-m)}
table.shop_table td.product-thumbnail{width:96px;min-width:96px;padding-right:18px}
table.shop_table td.product-thumbnail img{width:96px!important;height:96px!important;max-width:none;border-radius:14px;object-fit:contain;background:linear-gradient(165deg,#f7f6f2,#ecebe6);padding:10%;box-sizing:border-box;display:block}
table.shop_table td.product-name{font-family:var(--f-d);font-weight:600;font-size:17px;width:auto}
table.shop_table td.product-name a{color:var(--fg);text-decoration:none}
table.shop_table td.product-name .variation{font-family:var(--f-b);font-weight:400;font-size:13.5px;color:var(--fg-2);margin:4px 0 0;display:block}
table.shop_table td.product-name .variation p,table.shop_table td.product-name .variation dt,table.shop_table td.product-name .variation dd{display:inline;margin:0}
table.shop_table td.product-name .variation dd::after{content:" · "}
table.shop_table td.product-name .variation dd:last-child::after{content:""}
table.shop_table td.product-price{display:none}
table.shop_table td.product-quantity{padding-right:18px}
table.shop_table td.product-quantity .quantity label{display:none}
table.shop_table td.product-quantity .quantity .qty{width:64px;height:40px;border:1px solid rgba(23,24,26,.12);border-radius:999px;text-align:center;font:inherit}
table.shop_table td.product-subtotal{font-family:var(--f-d);font-weight:600;font-size:16px;white-space:nowrap;text-align:right}
table.shop_table td.actions{padding-top:24px;border-top:1px solid var(--hair);display:table-cell}
table.shop_table td.actions .coupon{float:left}
table.shop_table td.actions>button.button{float:right}
table.shop_table td.actions::after{content:'';display:block;clear:both}
.hx-unused{justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
table.shop_table td.actions .coupon{display:flex;gap:8px;align-items:center}
table.shop_table td.actions .coupon label{display:none}
table.shop_table td.actions .coupon #coupon_code{height:40px;border:1px solid rgba(23,24,26,.12);border-radius:999px;padding:0 16px;font:inherit;font-size:14px;width:160px}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{height:44px;padding:0 20px;border:1px solid rgba(23,24,26,.12);border-radius:999px;background:#fff;color:var(--fg);font-family:var(--f-b);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.woocommerce button.button:disabled{opacity:.4;cursor:default}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce a.checkout-button,.woocommerce #place_order{background:#2672e3;color:#fff;border-color:#2672e3;height:48px;padding:0 24px;font-size:15px}
.cart-collaterals .cart_totals{position:sticky;top:86px;border-radius:var(--r);background:#F5F5F7;padding:clamp(20px,2.5vw,28px)}
.cart_totals h2{font-size:1.25rem;font-weight:600;margin:0 0 10px}
.cart_totals table{width:100%;border:0}
.cart_totals th,.cart_totals td{text-align:left;padding:6px 0;font-size:14.5px;color:var(--fg-2);border:0;font-weight:400}
.cart_totals td{text-align:right}
.cart_totals tr.order-total th,.cart_totals tr.order-total td{border-top:1px solid var(--hair);padding-top:14px;color:var(--fg);font-family:var(--f-d);font-size:22px;font-weight:600}
.wc-proceed-to-checkout{margin-top:18px}
.wc-proceed-to-checkout a.checkout-button{width:100%;justify-content:center;box-sizing:border-box}
.cross-sells{grid-column:1;margin-top:40px}
.cross-sells h2{font-size:1.5rem;font-weight:600;margin-bottom:16px}
.cross-sells ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.cross-sells ul.products li{display:flex;flex-direction:column}
.cross-sells ul.products li a img{width:100%;aspect-ratio:1/1.2;object-fit:contain;border-radius:var(--r);background:linear-gradient(165deg,#ffffff,#eeeef1);padding:12%;box-sizing:border-box}
.cross-sells ul.products li .woocommerce-loop-product__title{font-size:1.125rem;font-weight:600;margin-top:14px}
.cross-sells ul.products li .price{font-weight:600;margin-top:6px}
.cross-sells ul.products li a.button{margin-top:12px;align-self:flex-start}
.cart-empty.woocommerce-info{grid-column:1/-1}
.return-to-shop{grid-column:1/-1}

/* kasse */
.woocommerce-checkout .wrap.shop>.woocommerce{display:block}
form.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);align-items:start}
@media(max-width:900px){form.checkout{grid-template-columns:1fr}}
form.checkout #customer_details{display:grid;gap:32px}
form.checkout #customer_details .col-1,form.checkout #customer_details .col-2{float:none;width:auto}
form.checkout h3{font-size:1.25rem;font-weight:600;margin:0 0 14px}
form.checkout .form-row{margin:0 0 14px;padding:0}
form.checkout .form-row label{display:block;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}
form.checkout .form-row label .required{color:var(--fg-3);text-decoration:none}
form.checkout .input-text,form.checkout select,form.checkout textarea,.woocommerce .select2-container .select2-selection--single{width:100%;box-sizing:border-box;height:48px;background:#F5F5F7;border:1px solid rgba(23,24,26,.12);border-radius:12px;padding:0 14px;font:inherit;font-size:15px;color:var(--fg)}
form.checkout textarea{height:auto;padding:12px 14px}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:0}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:46px}
form.checkout .form-row-first,form.checkout .form-row-last{width:calc(50% - 7px);float:left}
form.checkout .form-row-last{float:right}
form.checkout .form-row-wide{clear:both}
form.checkout .woocommerce-additional-fields{clear:both}
#order_review_heading{display:none}
#order_review{position:sticky;top:86px;border-radius:var(--r);background:#F5F5F7;padding:clamp(20px,2.5vw,28px)}
#order_review table.shop_table th{display:table-cell;text-align:left;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);padding:0 0 10px;border:0;font-weight:400}
#order_review table.shop_table thead th:last-child{text-align:right}
#order_review table.shop_table td{padding:10px 0;font-size:14.5px}
#order_review table.shop_table td.product-total,#order_review table.shop_table tfoot td{text-align:right;font-weight:600}
#order_review table.shop_table tfoot th{font-weight:400;color:var(--fg-2);padding:8px 0;border:0}
#order_review table.shop_table tr.order-total th,#order_review table.shop_table tr.order-total td{text-transform:none;letter-spacing:0;border-top:1px solid var(--hair);padding-top:14px;color:var(--fg);font-family:var(--f-d);font-size:22px;font-weight:600}
#order_review .product-name .variation{display:block;font-size:13px;color:var(--fg-2);font-weight:400}
#order_review .product-name .variation dt,#order_review .product-name .variation dd,#order_review .product-name .variation p{display:inline;margin:0}
#payment{background:transparent;border-radius:0;margin-top:20px}
#payment ul.payment_methods{list-style:none;margin:0 0 16px;padding:0;border:0}
#payment ul.payment_methods li{padding:12px 0;border-top:1px solid var(--hair);font-size:15px}
#payment ul.payment_methods li label{margin-left:8px}
#payment div.payment_box{background:#fff;border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--fg-2);margin-top:8px}
#payment div.payment_box::before{display:none}
#payment .place-order{padding:0}
#payment #place_order{width:100%;justify-content:center;margin-top:8px;box-sizing:border-box}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--fg-3);margin:12px 0}
.woocommerce-terms-and-conditions-wrapper{font-size:14px}

/* ordrebekreftelse */
.woocommerce-order{max-width:760px}
.woocommerce-thankyou-order-received{font-family:var(--f-d);font-size:1.5rem;font-weight:600;margin-bottom:20px}
ul.woocommerce-order-overview{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
ul.woocommerce-order-overview li{background:#F5F5F7;border-radius:12px;padding:12px 14px;font-size:13px;color:var(--fg-2)}
ul.woocommerce-order-overview li strong{display:block;color:var(--fg);font-size:15px;margin-top:4px}
.woocommerce-order-details h2,.woocommerce-customer-details h2{font-size:1.25rem;font-weight:600;margin:24px 0 10px}
.woocommerce-order-details table.shop_table th{display:table-cell;text-align:left;border:0;padding:8px 0;font-size:13px;color:var(--fg-3)}
.woocommerce-order-details table.shop_table td{padding:8px 0;font-size:14.5px}
.woocommerce-customer-details address{font-style:normal;line-height:1.6;background:#F5F5F7;border-radius:12px;padding:14px 16px;display:inline-block}

/* min konto */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:inline-block;padding:9px 14px;border-radius:999px;background:#F5F5F7;color:var(--fg);text-decoration:none;font-weight:600;font-size:14px}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#17181a;color:#fff}
.woocommerce-form-login,.woocommerce-form-register{max-width:420px}
.woocommerce-form-login .form-row label,.woocommerce-form-register .form-row label{display:block;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:14px 0 6px}
.woocommerce-form-login .input-text,.woocommerce-form-register .input-text{width:100%;box-sizing:border-box;height:48px;background:#F5F5F7;border:1px solid rgba(23,24,26,.12);border-radius:12px;padding:0 14px;font:inherit}

/* Passer til i handlekurven */
.woocommerce-cart .cross-sells{margin:8px 0 40px}
.woocommerce-cart .cross-sells .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}
.woocommerce-cart .cross-sells .rc{text-decoration:none}
.woocommerce-cart .cross-sells .rc .im img{width:100%;height:100%;object-fit:contain;padding:12%}
@media(max-width:700px){.woocommerce-cart .cross-sells .row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-inline:calc(-1*var(--gut,16px));padding-inline:var(--gut,16px)}.woocommerce-cart .cross-sells .rc{flex:0 0 170px;scroll-snap-align:start}}

/* Handlekurv på mobil: hver vare som et lite rutenett i stedet for tabell */
@media(max-width:700px){
  .woocommerce-cart-form table.shop_table,.woocommerce-cart-form table.shop_table tbody{display:block;width:100%}
  .woocommerce-cart-form table.shop_table tr.cart_item{display:grid;grid-template-columns:22px 84px 1fr auto;column-gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--hair)}
  .woocommerce-cart-form table.shop_table tr.cart_item:first-child{border-top:0}
  .woocommerce-cart-form table.shop_table tr.cart_item td{display:block;border:0;padding:0;width:auto!important;min-width:0}
  .woocommerce-cart-form table.shop_table tr.cart_item td.product-price{display:none}
  .woocommerce-cart-form table.shop_table td.product-remove{grid-column:1;grid-row:1/3}
  .woocommerce-cart-form table.shop_table td.product-thumbnail{grid-column:2;grid-row:1/3}
  .woocommerce-cart-form table.shop_table td.product-thumbnail img{width:84px!important;height:84px!important}
  .woocommerce-cart-form table.shop_table td.product-name{grid-column:3;grid-row:1;font-size:16px;padding-left:0!important}
  .woocommerce-cart-form table.shop_table td.product-subtotal{grid-column:4;grid-row:1;align-self:start}
  .woocommerce-cart-form table.shop_table td.product-quantity{grid-column:3/5;grid-row:2;padding-top:10px!important}
  .woocommerce-cart-form table.shop_table tr:last-child{display:block}
  .woocommerce-cart-form table.shop_table td.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:auto!important;padding-top:20px}
  .woocommerce-cart-form table.shop_table td.actions .coupon,.woocommerce-cart-form table.shop_table td.actions>button.button{float:none}
  .woocommerce-cart-form table.shop_table td.actions .coupon #coupon_code{width:140px}
  .woocommerce-cart-form table.shop_table td.actions::after{display:none}
  .cart-collaterals .cart_totals{position:static}
}