/* checkout.css (flex layouts updated) */







.checkout-two-column {
  display: flex;
  margin: 0;
  padding: 0;
}

.checkout-left,
.checkout-right {
  flex: 1;
  min-width: 0;
}

.checkout-left {
  padding-right: 30px;
  border-right: 1px solid rgba(90, 100, 74, 0.2);
}

.checkout-right {
  padding-left: 30px;
}

@media (min-width: 768px) {
  .checkout-two-column {
    align-items: flex-start;
  }

  .checkout-left,
  .checkout-right {
    align-self: flex-start;
  }

  .checkout-left {
    position: static;
    top: auto;
    bottom: auto;
  }

  .checkout-right {
    position: sticky;
    top: 30px;
  }
}


/* optional: keep labels & inputs full-width */
.checkout-left .form-row,
.checkout-right .woocommerce-checkout-review-order {
  width: 100%;
}




.section-title, .title-title {
      font-family: "Fraunces", serif;
  font-style: italic;
  font-optical-sizing: none;
  font-size:32px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #2C241E;
  font-weight: 300;
  margin: 0 0 20px 0;
}

.section-title{
padding-top: 15px;
}


.metoder-title{
      font-family: "Fraunces", serif;
  font-style: italic;
  font-optical-sizing: none;
  font-size:26px;
  line-height: 1;
      letter-spacing: -0.03em;
  color: #2C241E;
  font-weight: 300;
  margin: 0 0 20px 0;
  padding-top: 15px;
}


@media (min-width: 768px) {
  /* Make the billing wrapper a flex container */
  .checkout-left .woocommerce-billing-fields__field-wrapper, 
  .checkout-left .woocommerce-shipping-fields__field-wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px; 
  }

  /* First name, Last name, City & Postnummer all half-width */
  .checkout-left #billing_first_name_field,
  .checkout-left #billing_last_name_field,
  .checkout-left #billing_city_field,
  .checkout-left #billing_postcode_field,
  .checkout-left #shipping_first_name_field,
  .checkout-left #shipping_last_name_field,
  .checkout-left #shipping_city_field,
  .checkout-left #shipping_postcode_field{
    flex: 1 1 calc(50% - 15px);
    box-sizing: border-box;
  }
}


.checkout-left input,
.checkout-left select,
.checkout-left textarea {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2C241E;
  border: 1px solid #EAE1D7;
  border-radius: 30px;
  padding: 15px 15px;
  transition: border-color 0.2s ease;
}


.checkout-left input:focus,
.checkout-left select:focus,
.checkout-left textarea:focus {
  border: 1px solid #2C241E;
}



/* container */
.floating-label {
  position: relative;
  margin: 0;

}

/* push input content down so label can sit on top */
.floating-label input,
.floating-label textarea,
.floating-label select {
  padding: 22px 15px 12px;

  width: 100%;
}


.floating-label input:focus,
.floating-label textarea:focus,
.floating-label select:focus {
  color: #2C241E;
  outline: none;

}



.floating-label label {
  position: absolute;
  top: 50%;
  left: 16px;                
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1;
  color: #8a8075;
  pointer-events: none;
  transition: all 0.2s ease;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* 2) When focused or filled, float it to the top */
.floating-label.has-focus label,
.floating-label.has-value label,
.floating-label.has-value:not(.has-focus) label{
  top: 10px;
  transform: translateY(0);
  font-size: 12px;
  color: #8a8075;
}




form[name="checkout"] label abbr.required,
form[name="checkout"] label .required {
  display: none;
}


form.checkout .form-row.woocommerce-invalid-required-field input,
form.checkout .form-row.woocommerce-invalid-required-field select,
form.checkout .form-row.woocommerce-invalid-required-field textarea {
  border-color: #EF0000 !important;
}


.floating-label .woocommerce-input-wrapper {
  display: block; 
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2C241E;
  border: 1px solid #EAE1D7;
  border-radius: 30px;
  padding: 22px 15px 12px;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  transition: border-color 0.2s ease;
}

/* on focus (you may need to detect focus via JS if it’s a readonly input) */
.floating-label.has-focus .woocommerce-input-wrapper,
.floating-label.has-value:focus-within .woocommerce-input-wrapper {
  border-color: #2C241E;
}

/* ensure the <strong> text inside inherits */
.floating-label .woocommerce-input-wrapper strong {
  color: inherit;
  font-weight: 400;
  font-size: inherit;
}


.woocommerce-billing-fields.ws-billing-fields--secondary {
  display: none;
}

.woocommerce-billing-fields.ws-billing-fields--standalone {
  display: block;
}

/* 2b) Shipping always forced visible */
.shipping_address {
  display: block !important;
}









#ship-to-different-address span{
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #2C241E;
  line-height: 1;
  margin: 0 0 15px 0;
}



#ship-to-different-address-checkbox {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border: 1px solid #EAE1D7;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  position: relative;
  margin-right: 5px;
  transition: border-color 0.2s, background-color 0.2s;
}


#ship-to-different-address-checkbox:hover,
#ship-to-different-address-checkbox:focus {
  border-color: #2C241E;
  outline: none;
}


#ship-to-different-address-checkbox::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 10px;
  border: solid #5A644A;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg) scale(0);
  transition: transform 0.15s ease;
}

/* Aflukket tilstand */
#ship-to-different-address-checkbox:checked {
  border-color: #2C241E;
}

#ship-to-different-address-checkbox:checked::after {
  transform: translate(-50%, -60%) rotate(45deg) scale(1);
}



















/* 1) Make each option a flex container */
.shipping-option--clickable {
  display: flex;
  color: #2C241E;
  align-items: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #EAE1D7;
  border-radius: 30px;
  background-color: white;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}





/* Highlight border when the option is selected */
.shipping-option--clickable.is-selected {
  border-color: #2C241E;
}




/* 4) Ensure the method name and price split apart */
.shipping-option--clickable .amount {
  font-weight: 600;
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-left: auto;
}


.checkout-shipping-methods .shipping-list li {
  list-style: none;      /* no marker */
  margin: 0;             /* no extra space */
  padding: 0;            /* no default padding */
  display: block;        /* ensure full-width */
}






.shipping-option--clickable input[type="radio"] {
  /* remove default styling */
  -webkit-appearance: none;
  appearance: none;
  padding: 10px;
  width: 5px;
  height: 5px;
  border: 2px solid #EAE1D7;
  border-radius: 30px;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

/* the inner dot */
.shipping-option--clickable input[type="radio"]::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 50%; height: 50%;
  background-color: #5A644A;     /* your chosen checked‐state color */
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease;
}

/* when checked, grow the dot */
.shipping-option--clickable input[type="radio"]:checked::before {
  transform: translate(-50%, -50%) scale(1);
}


/* keep the outer ring colored when checked */
.shipping-option--clickable input[type="radio"]:checked {
  border: 2px solid #5A644A !important;
}







.payment-note {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  color: #2C241E;
  line-height: 1;
  margin: 0 0 20px 0;
}



#payment .payment_box {
  background: white !important;
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  color: #2C241E !important;
  line-height: 1 !important;
  border: 1px solid #EAE1D7 !important;
  border-radius: 30px !important;
  padding: 20px !important;
  cursor: pointer !important;
}



#payment .payment_box.is-selected {
  border-color: #2C241E!important;
}






.payment_box::before {
  content: none !important;
}

#payment label {
  display: none !important;
}


#payment input[type="radio"] {
  display: none !important;
}

#payment .payment_box {
  display: block !important;
  transition: border-color 0.2s ease;
}


.woocommerce-checkout-payment {
  display: flex;
  flex-direction: column;
  gap: 10px;
}




.payment_box.payment_method_reepay_checkout p,
.payment_box.payment_method_reepay_mobilepay p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
}

/* skjul Reepays default billeder, så kun dine egne SVG’er vises */
#payment .payment_box.payment_method_reepay_checkout p img,
#payment .payment_box.payment_method_reepay_mobilepay p img,
#payment img[src*="reepay-checkout-gateway/assets/images/svg/card.logo.svg"],
#payment img[src*="mobilepay"]{
  display: none !important;
}

#payment .payment_box .card-logos,
#payment .payment_box .mp-logo{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}


.woocommerce-checkout .form-row.place-order{
    padding:0 !important;
      display: flex;
  flex-direction: column;
  gap: 0;
}



.woocommerce-terms-and-conditions-wrapper {
  display: none !important;
}


.woocommerce-checkout .form-row.place-order .button {
  width: 100%;
  text-align: center;
  padding: 15px 40px;
  font-size: 20px;
      letter-spacing: -0.03em;
  line-height: 1;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  background-color: #5A644A;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  margin-top: 20px;
}




.woocommerce-checkout .form-row.place-order .button:hover {
  background-color: #5A644A;
}


.woocommerce-checkout-payment {
  background: transparent !important;
  margin:0 !important;
  padding: 0 !important;
  box-shadow: none !important; /* in case your theme adds a shadow */
}






/* hide any WooCommerce notices group on checkout */
.woocommerce-NoticeGroup-checkout,
.woocommerce-notices-wrapper {
  display: none !important;
}

/* Style your inline messages */
form.checkout p.checkout-inline-error-message {
  display: block !important;
  color: #EF0000;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  line-height: 1;
  margin: 5px 0;
}





/* hide the original shipping block in the right column */
.checkout-two-column .checkout-right .shipping {
  display: none;
}




.woocommerce-checkout .blockUI.blockOverlay {
  background-color: transparent !important;
  pointer-events: none;
}






.woocommerce-checkout-review-order-table .cart-item {
  display: block;
  margin-bottom: 30px;
}

/* Wrap the product image and text in a flex container */
.woocommerce-checkout-review-order-table .product-name {
  display: flex;
  align-items: flex-start;
  flex: 1;
  gap: 10px;
  min-width: 0;
}


.thumbnail-wrapper {
  background: #D1D4BC;
  border: 1px solid #9EA48B;
  padding: 10px 30px !important;
  border-radius: 15px;
  flex-shrink: 0;
  margin: 0 !important;
}

.thumbnail-wrapper img {
  display: block;
    width: auto !important;      
  height: auto !important;      
  max-width: 70px !important;   
  max-height: 120px !important; 
  margin: 0 !important;
}


/* Shrink the thumbnail to 50px wide (adjust as you like) */
.woocommerce-checkout-review-order-table .product-name img {
  max-width: 70px;
  height: auto;
  flex-shrink: 0;
}

/* Stack the product name, quantity & meta vertically */
.woocommerce-checkout-review-order-table .checkout-review-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
  gap: 10px;
  font-family: "Fraunces", serif;
  font-style: italic;
  font-optical-sizing: none;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  color: #2C241E;
}


.checkout-review-top-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.checkout-review-bottom-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.checkout-review-price{
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 18px;
  line-height: 1;
  color: #2C241E;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.checkout-review-title{
  min-width: 0;
  max-width: 100%;
  flex: 1;
  font-family: "Fraunces", serif;
  font-style: italic;
  font-optical-sizing: none;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  color: #2C241E;
  letter-spacing: -0.03em;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.checkout-remove-item{
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
  color: #2C241E;
  background: transparent;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.checkout-remove-item:hover{
  background: rgba(44, 36, 30, 0.1);
}

.checkout-remove-item:focus,
.checkout-remove-item:active,
.checkout-remove-item:focus-visible{
  outline: none;
  box-shadow: none;
  color: #2C241E;
  background: rgba(44, 36, 30, 0.1);
}

.checkout-remove-item svg{
  width: auto;
  height: 14px;
  display: block;
  pointer-events: none;
}




/* 1) Layout for subtotal, discounts, shipping, fees, taxes, and total */
.woocommerce-checkout-review-order-table .cart-totals > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}






.woocommerce-checkout-review-order-table .cart-totals .order-total {
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: stretch; /* full-width inner container */
  margin: 0;

}





/* Keep label + value on one line, spaced apart */
.woocommerce-checkout-review-order-table .order-total .total-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2C241E;
  margin-top: 20px;
}



.woocommerce-checkout-review-order-table .tax-note {
  width: fit-content;  
  margin: 5px 0 0 auto !important; 
  align-self: flex-end;
  text-align: right;
  font-weight: 400;
  color: #8a8075;
  font-size: 12px;
  line-height: 1;
  font-family: 'Plus Jakarta Sans', sans-serif;
}


.woocommerce-checkout-review-order-table .tax-note .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table .tax-note .woocommerce-Price-amount bdi{
  display: inline;
  white-space: nowrap;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #8a8075;
}




.checkout-right .woocommerce-Price-amount {
  font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 400;
}

.woocommerce-checkout-review-order-table .order-total .value .woocommerce-Price-amount {
  font-size: 20px; 
  color: #2C241E;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
      line-height: 1;
    letter-spacing: -0.03em;
}

.checkout-right .label {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.woocommerce-checkout-review-order-table .shipping-selected .value {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
}

.checkout-right .cart-subtotal,
.checkout-right .shipping-selected,
.checkout-right .fee {
  margin: 0 0 10px 0 !important;
  color: #8a8075;
}


.checkout-right .tax-rate.tax-rate-dk-moms-1{
  margin: 20px 0 10px 0 !important;
  color: #2C241E !important;
}




.wc-block-components-quantity-selector {
  display: flex;
  width: 100px;
  align-items: center;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #EAE1D7;
  margin-top: 10px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.wc-block-components-quantity-selector::after {
    /* If a pseudo-element is used for the border, hide it: */
    content: none !important;
    border: none !important;
}




.wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector__input {
  border: none ;
  background: transparent;
  margin: 0;
  padding: 0;
}


.wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.wc-block-components-quantity-selector__input {
  -moz-appearance: textfield;
  border: none !important;
    padding: 0 !important;
  line-height: 1 !important;
  font-size:   16px !important;
  font-weight: 400 !important;
  color:#2C241E !important;
}


/* size & center the buttons */
.wc-block-components-quantity-selector__button {
  flex: 0 0 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #2C241E;
  font-size:   16px !important;
  border: none !important;
}

.wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector__button:focus-visible,
.wc-block-components-quantity-selector__button:active,
.wc-block-components-quantity-selector__button:hover {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #2C241E;
}

/* Remove the black focus outline and border on your quantity input */
.wc-block-components-quantity-selector__input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #2C241E;
}



/* size and center the input */
.wc-block-components-quantity-selector__input {
  flex: 0 0 40px;     /* adjust width as you like */
  height: 30px;
  text-align: center;
  color: #2C241E;
}


.wc-block-components-quantity-selector__button:hover{
 background-color: transparent !important;
 color: #2C241E;
}








.checkout-terms-privacy{
margin: 10px 0 0 0;
padding: 0;
}

.checkout-terms-privacy a + a {
  margin-left: 15px;
}

.checkout-terms-privacy a {
  
  font-size: 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #8a8075;
}
.checkout-terms-privacy a:hover {
  color: #8a8075;
  text-decoration: underline;
}







.checkout-message-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start; /* or center, depending on how you want it vertically */
  padding-top: 120px;
}


.e-con-inner,
.elementor-shortcode {
  display: flex !important;
  justify-content: center!important;
}



.checkout-message {
  padding-top: 120px;
  text-align: center;

}
.message-title {
      font-family: "Fraunces", serif;
  font-style: italic;
  font-optical-sizing: none;
  font-weight: 300;
  color: #2C241E;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 30px;
}

.message-button, .custom-404-button {
  display: inline-block;
      font-family: "Fraunces", serif;
  font-style: italic;
  font-optical-sizing: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  padding: 13px 30px;
  background: #5A644A;
  color: #fff;
      letter-spacing: -0.03em;
  border-radius: 30px;
  text-decoration: none;
}

.message-button:hover, .custom-404-button:hover {
  background: #5A644A;
  color: #fff;
}








  .mobile-order-summary-content .shipping {
    display: none !important;
  }

.mobile-order-summary {
  display: none;
}


/* ===== PAYMENT METHODS: behold Woo markup, men få "unwrap-look" ===== */

#payment ul.wc_payment_methods,
#payment ul.payment_methods{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  gap:10px;
  border:0 !important;
  box-shadow:none !important;
}

#payment ul.wc_payment_methods > li,
#payment ul.payment_methods > li{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

#payment ul.wc_payment_methods .payment_box,
#payment ul.payment_methods .payment_box{
  display:block !important;
  margin:0 !important;
}

/* Skjul radios + labels (vi klikker på boxen) */
#payment ul.wc_payment_methods > li > label,
#payment ul.payment_methods > li > label,
#payment ul.wc_payment_methods > li > input[type="radio"],
#payment ul.payment_methods > li > input[type="radio"]{
  display:none !important;
}

/* Border styling */
#payment .payment_box{ border-color:#EAE1D7 !important; }
#payment li.wc_payment_method input[type="radio"]:checked ~ .payment_box{ border-color:#2C241E !important; }

/* Freeze uden at ændre border-color */
body.ws-checkout-updating #payment .payment_box{ transition:none !important; }
body.ws-checkout-updating #payment{ pointer-events:none; }






/* B2B note felt (lige over Betal nu) */
.woocommerce-checkout .ws-b2b-order-note{
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 10px;
}


.woocommerce-checkout .ws-b2b-order-note textarea{
  width: 100%;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2C241E;
  border: 1px solid #EAE1D7;
  border-radius: 30px;
  padding: 15px 15px;
  background: #fff;
  resize: none;
  overflow: auto;
  min-height: 90px;
  box-sizing: border-box;
}

.woocommerce-checkout .ws-b2b-order-note textarea:focus{
  border-color: #2C241E;
  outline: none;
}



/* ===== Responsive ===== */


@media (max-width: 767px) {
        
      .checkout-two-column {
    flex-direction: column;
    gap: 30px;
  }
  
  .e-con-inner,
  .elementor-shortcode {
    justify-content: center !important;
  }
  
.checkout-left,
.checkout-right {
  width: auto;
  padding: 0 20px;
  box-sizing: border-box;
  border: none;
  position: static;
  top: auto;
  bottom: auto;
}
    
    
    .woocommerce-checkout .form-row.place-order{
    gap: 0px;

}
    
.woocommerce-checkout .form-row.place-order .button {
    margin-top: 40px;
    margin-bottom: 10px;
}
    
    
    
      .checkout-left .form-row.place-order {
    display: none !important;
  }
    
  .mobile-order-summary {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #fff;
    padding: 0;
    border-radius: 0px;
  }
  
  
  
  .mobile-order-summary-toggle {
      width:100%;
  box-sizing:border-box;
    display: flex;
  justify-content: space-between;
  align-items: center;

    background: #fff;
    border-top: none;
    border-left: 1px solid #EAE1D7;
    border-right: 1px solid #EAE1D7;
    border-bottom: 1px solid #EAE1D7;
    border-radius: 0px;
    cursor: pointer;
    
    
      padding: 20px max(20px, calc((100vw - 500px) / 2));
  }
  
  .mobile-order-summary-toggle > *{
  width:auto;
  max-width:none;
  margin:0;
  box-sizing:border-box;
}
  
  
    .mobile-order-summary-content {
    padding: 30px 20px;
    border-bottom: 1px solid #EAE1D7;
  width:100%;
  box-sizing:border-box;
  }
  
  

.mobile-order-summary-content > *{
  max-width:500px;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  box-sizing:border-box;
}
  
  
  
  .mobile-order-summary-toggle:hover,
  .mobile-order-summary-toggle:focus{
      background: #fff;
  }
  
  
  .mobile-order-summary-toggle .toggle-label {
     font-size: 14px;
     font-weight: 400;
    line-height: 1;
    color: #2C241E;    
  font-family: 'Plus Jakarta Sans', sans-serif;
  }
  
    .mobile-order-summary-toggle .toggle-total {
  font-size: 18px; 
  color: #2C241E;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1;
  }
  

  /* ensure the cloned review-order inherits your existing styles */
  .mobile-order-summary-content .woocommerce-checkout-review-order {
    background: transparent !important;
    box-shadow: none !important;
  }
  
  
  


  .mobile-order-summary .cart-subtotal,.mobile-order-summary .shipping-selected, .mobile-order-summary .fee {
  font-family: 'Plus Jakarta Sans', sans-serif;
margin: 0 0 10px 0 !important;
color: #8a8075;
}

.mobile-order-summary .tax-rate.tax-rate-dk-moms-1{
      font-family: 'Plus Jakarta Sans', sans-serif;
margin: 20px 0 10px 0 !important;
color: #2C241E !important;
}


  .mobile-order-summary .total-content{
  font-family: 'Plus Jakarta Sans', sans-serif;
}




    .mobile-order-summary .woocommerce-Price-amount bdi {
  font-family: 'Plus Jakarta Sans', sans-serif;
}


.mobile-order-summary .woocommerce-Price-amount {
  font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 400;
}

.mobile-order-summary .order-total .value .woocommerce-Price-amount {
  font-size: 20px; 
  color: #2C241E;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
    letter-spacing: -0.03em;
}




.toggle-label svg {
  margin-left: 5px;
  line-height: 0;      
}


  
}








/* === Aldersskilte under terms/privacy === */
.ws-checkout-skilte-wrap{
  margin-top: 30px;
}

.ws-checkout-skilte-wrap .ws-skilte-svg{
  display: block;
  width: 150px;
  height: auto;
  max-width: 100%;
}

/* Flyttet fra SVG: */
.ws-checkout-skilte-wrap .ws-skilte-svg .st0{ font-size:54.23px; fill:#fff; font-family:"Raleway", sans-serif; font-weight:700; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st1{ font-size:51px;    fill:#fff; font-family:"Raleway", sans-serif; font-weight:700; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st2{ fill:#fff; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st3{ font-size:29px; letter-spacing:.02em; fill:#fff; font-family:"Raleway", sans-serif; font-weight:700; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st4{ fill:#005b8a; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st5{ fill:#222221; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st6{ fill:none; stroke:#fff; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st7{ letter-spacing:0em; }
.ws-checkout-skilte-wrap .ws-skilte-svg .st8{ letter-spacing:0em; }





/* IDGuard – brug Plus Jakarta Sans på ALT i modal */
#idGuardModal,
#idGuardModal *{
  font-family: "Plus Jakarta Sans", sans-serif !important;
}


/* IDGuard – slå hover/active/focus effekter fra */
#idGuardModal .idGuardButton,
#idGuardModal .idGuardButton:hover,
#idGuardModal .idGuardButton:active,
#idGuardModal .idGuardButton:focus,
#idGuardModal .idGuardButton:focus-visible{
  background-color: inherit !important;
  color: inherit !important;

  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;

  transition: none !important; /* fjerner hover-animation */
}

/* Hvis du vil låse farverne fast (mere sikkert end inherit) */
#idGuardModal #verifyButton,
#idGuardModal #verifyButton:hover,
#idGuardModal #verifyButton:active,
#idGuardModal #verifyButton:focus,
#idGuardModal #verifyButton:focus-visible{
  background-color: #004cb8 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

#idGuardModal #cancelButton,
#idGuardModal #cancelButton:hover,
#idGuardModal #cancelButton:active,
#idGuardModal #cancelButton:focus,
#idGuardModal #cancelButton:focus-visible{
  background-color: #ffffff !important;
  color: #c14444 !important;
  padding: 0px !important;
}

/* Hvis der også er hover på MitID logo-container */
#idGuardModal .mitid-logo-container,
#idGuardModal .mitid-logo-container:hover{
  background-color: #001985 !important;
  filter: none !important;
}


#idGuardModal #cancelButton{
  width: auto !important;
  display: inline-flex !important;   /* eller inline-block */
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;     /* hvis parent er flex */
  max-width: 100% !important;
}



#billing_country_field .floating-label > .woocommerce-input-wrapper:empty,
#shipping_country_field .floating-label > .woocommerce-input-wrapper:empty {
  display: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}



#payment .payment_box.payment_method_ws_faktura .ws-faktura-box{
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 100%;
}

#payment .payment_box.payment_method_ws_faktura .ws-faktura-box__title{
  margin: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2C241E;
  line-height: 1;
}

#payment .payment_box.payment_method_ws_faktura .ws-faktura-box__desc{
  margin: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #5A5C51;
  line-height: 1.45;
}



.checkout-right .ws-b2b-surcharge-row,
.mobile-order-summary .ws-b2b-surcharge-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0 !important;
  color: #8a8075;
}

.checkout-right .ws-b2b-surcharge-row .label,
.checkout-right .ws-b2b-surcharge-row .value,
.mobile-order-summary .ws-b2b-surcharge-row .label,
.mobile-order-summary .ws-b2b-surcharge-row .value {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #8a8075;
}

.checkout-right .ws-b2b-surcharge-row .value,
.mobile-order-summary .ws-b2b-surcharge-row .value {
  text-align: right;
}

.checkout-right .ws-b2b-surcharge-row .woocommerce-Price-amount,
.checkout-right .ws-b2b-surcharge-row .woocommerce-Price-amount bdi,
.mobile-order-summary .ws-b2b-surcharge-row .woocommerce-Price-amount,
.mobile-order-summary .ws-b2b-surcharge-row .woocommerce-Price-amount bdi {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: #8a8075;
}





.checkout-right .cart-totals,
.mobile-order-summary .cart-totals {
  display: flex;
  flex-direction: column;
}

.checkout-right .ws-b2b-surcharge-row,
.mobile-order-summary .ws-b2b-surcharge-row {
  order: -10;
}