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







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

/* each side takes half */
.checkout-left,
.checkout-right {
  flex: 1;
}

.checkout-left {
  padding-right: 30px;
      border-right: 1px solid #9D9E8F;
}

.checkout-right {
  position: sticky;
  top: 30px;
  align-self: flex-start;

    padding-left: 30px; 
}


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


/* ensure mobile stacks nicely */
@media (max-width: 767px) {
  .checkout-two-column {
    flex-direction: column;
    gap: 30px;
    max-width: 600px;
  }
  
  .e-con-inner,
  .elementor-shortcode {
    justify-content: center !important;
  }
  

  
.checkout-left,
.checkout-right{
  padding: 0 20px;
      border: none;
      width: 100%;
      
}


 

  .mobile-order-summary {
    margin-left: -100px;
    margin-right: -100px;
  }



  
}

.section-title, .title-title {
  font-family: 'Poppins', serif;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.05em;
  color: #000;
  font-weight: 500;
  margin: 0 0 15px 0;
}

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


.metoder-title{
  font-family: 'Poppins', serif;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.05em;
  color: #000;
  font-weight: 500;
  margin: 0 0 15px 0;
  padding-top: 15px;
}


/* Checkout field layout – gælder alle skærmstørrelser */
.checkout-left .woocommerce-billing-fields__field-wrapper,
.checkout-left .woocommerce-shipping-fields__field-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 10px;
}

/* Land skal ALTID være øverst */
.checkout-left #billing_country_field,
.checkout-left #shipping_country_field {
  order: 1 !important;
  flex: 0 0 100% !important;
  box-sizing: border-box;
}

/* Navn */
.checkout-left #billing_first_name_field,
.checkout-left #shipping_first_name_field {
  order: 2 !important;
}

.checkout-left #billing_last_name_field,
.checkout-left #shipping_last_name_field {
  order: 3 !important;
}

/* Firma */
.checkout-left #billing_company_field,
.checkout-left #shipping_company_field {
  order: 4 !important;
  flex: 0 0 100% !important;
  box-sizing: border-box;
}

/* Adresse */
.checkout-left #billing_address_1_field,
.checkout-left #shipping_address_1_field {
  order: 5 !important;
  flex: 0 0 100% !important;
  box-sizing: border-box;
}

.checkout-left #billing_address_2_field,
.checkout-left #shipping_address_2_field {
  order: 6 !important;
  flex: 0 0 100% !important;
  box-sizing: border-box;
}

/* Postnummer og by */
.checkout-left #billing_postcode_field,
.checkout-left #shipping_postcode_field {
  order: 7 !important;
}

.checkout-left #billing_city_field,
.checkout-left #shipping_city_field {
  order: 8 !important;
}

/* State – hvis WooCommerce bruger det */
.checkout-left #billing_state_field,
.checkout-left #shipping_state_field {
  order: 9 !important;
  flex: 0 0 100% !important;
  box-sizing: border-box;
}

/* Telefon */
.checkout-left #billing_phone_field {
  order: 10 !important;
  flex: 0 0 100% !important;
  box-sizing: border-box;
}

/* Desktop/tablet: navn og postnummer/by i to kolonner */
@media (min-width: 768px) {
  .checkout-left #billing_first_name_field,
  .checkout-left #billing_last_name_field,
  .checkout-left #billing_postcode_field,
  .checkout-left #billing_city_field,
  .checkout-left #shipping_first_name_field,
  .checkout-left #shipping_last_name_field,
  .checkout-left #shipping_postcode_field,
  .checkout-left #shipping_city_field {
    flex: 1 1 calc(50% - 15px) !important;
    box-sizing: border-box;
  }
}

/* Mobil: alt full width */
@media (max-width: 767px) {
  .checkout-left .woocommerce-billing-fields__field-wrapper,
  .checkout-left .woocommerce-shipping-fields__field-wrapper {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 0;
  }

  .checkout-left .woocommerce-billing-fields__field-wrapper .form-row,
  .checkout-left .woocommerce-shipping-fields__field-wrapper .form-row {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}


.checkout-left input,
.checkout-left select,
.checkout-left textarea {
  font-family: 'poppins', serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  border: 1px solid #DFE0D8;
  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 #000;
}



/* 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: #000;
  outline: none;

}



.floating-label label {
  position: absolute;
  top: 50%;
  left: 16px;                
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1;
  color: #807D78;
  pointer-events: none;
  transition: all 0.2s ease;
  font-family: 'Poppins', 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: #807D78;
}




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: 'Poppins', serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  border: 1px solid #DFE0D8;
  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: #000;
}

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


/* 2a) Billing hidden by default */
.woocommerce-billing-fields {
  display: none;
}

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









#ship-to-different-address span{
  font-family: 'Poppins', serif;
  font-size: 14px;
  font-weight: 400;
  color: #575851;
  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 #DFE0D8;
  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: #000;
  outline: none;
}


#ship-to-different-address-checkbox::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 10px;
  border: solid #095509;
  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: #000;
}

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





.product-quantity{
    
    font-weight: 400;
    color: #575851;
}













/* 1) Make each option a flex container */
.shipping-option--clickable {
  display: flex;
  color: #000;
  align-items: center;
  font-family: 'Poppins', serif;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #DFE0D8;
  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: #000;
}




/* 4) Ensure the method name and price split apart */
.shipping-option--clickable .amount {
  font-weight: 600;
  font-family: 'Poppins', 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 #095509;
  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: #095509;     /* 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 #095509 !important;
}







.payment-note {
  font-family: 'Poppins', serif;
  font-size: 14px;
  color: #575851;
  line-height: 1;
  margin: 0 0 20px 0;
}



#payment .payment_box {
  background: white !important;
  margin: 0 !important;
  font-family: 'Poppins', serif !important;
  font-size: 16px !important;
  color: #000 !important;
  line-height: 1 !important;
  border: 1px solid #DFE0D8 !important;
  border-radius: 30px !important;
  padding: 20px !important;
  cursor: pointer !important;
}



#payment .payment_box.is-selected {
  border-color: #000 !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_pensopay_gateway p,
.payment_box.payment_method_pensopay_gateway_mobilepay p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0; 
  padding: 0;  
}

.card-logos {
  display: inline-flex;
  align-items: center ;
  gap: 10px;
  margin: 0;
}


.woocommerce-checkout .form-row.place-order{
    padding:0 !important;
    
}

.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: 18px;
  line-height: 1;
  font-family: 'Poppins', serif;
  font-weight: 500;
  background-color: #095509;
  letter-spacing: -0.03em;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  margin-top: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media (max-width: 767px) {
.woocommerce-checkout .form-row.place-order .button {
    margin-top: 40px;

}
}

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


.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: 'Poppins', 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: flex;
  justify-content: space-between;
  align-items: flex-start;
  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;
}


.thumbnail-wrapper {
  display: inline-block;       /* shrink‐wrap around the img */
  background: #fff;
  padding: 20px;
  border-radius: 30px;
}

.thumbnail-wrapper img {
  display: block;
}


/* 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;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  font-family: 'Poppins', serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #000;
}



/* Align the “product-total” (price) to the top */
.woocommerce-checkout-review-order-table .product-total {
  margin-left: 10px;
  white-space: nowrap;
}


/* 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: #000;
}



.woocommerce-checkout-review-order-table .order-total .tax-note {
  text-align: right;
  font-weight: 400;
  color: #575851;
  font-size: 12px;
  line-height: 1;
  margin: 5px 0 0 0;
  font-family: 'Poppins', serif;
}


.woocommerce-checkout-review-order-table 
.tax-note .woocommerce-Price-amount bdi {
  font-family: 'Poppins', serif ;
  font-size: 12px;
  line-height: 1;
  color: #575851;
}




.checkout-right .woocommerce-Price-amount {
  font-family: 'Poppins', serif;
    font-size: 16px;
    letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 400;
  color: #575851;
}

.woocommerce-checkout-review-order-table .order-total .value .woocommerce-Price-amount {
  font-size: 22px; 
  color: #000;
  font-family: 'Poppins', serif;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.checkout-right .label {
  font-family: 'Poppins', serif;
}

.woocommerce-checkout-review-order-table .shipping-selected .value {
  font-family: 'Poppins', serif;
  font-size: 12px;
}

.checkout-right .cart-subtotal {
  margin: 0 0 15px 0 !important;
  color: #575851;
}

.checkout-right .shipping-selected {
  margin: 0 0 30px 0 !important;
  color: #575851;
}






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

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

.checkout-terms-privacy a {
  
  font-size: 14px;
  font-family: 'Poppins', serif;
  color: #575851;
}
.checkout-terms-privacy a:hover {
  color: #575851;
  text-decoration: underline;
}



@media (max-width: 767px) {
  .checkout-left .form-row.place-order {
    display: none !important;
  }
}




.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: 'Poppins', serif;
  font-weight: 500;
  color: #000;
  font-size: 30px;
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 30px;
}

.message-button, .custom-404-button {
  display: inline-block;
  font-family: 'Poppins', serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  padding: 13px 30px;
  background: #095509;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  margin-bottom: 120px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

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








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

.mobile-order-summary {
  display: none;
}
@media (max-width: 767px) {
  .mobile-order-summary {
    display: block;
    
        /* Ægte full-bleed, uafhængig af forældre-padding */
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    
    margin-bottom: 30px;
    background: #fff;
    padding: 0;
    border-radius: 0px;
  }
  .mobile-order-summary-toggle {
    width: 100%;
    display: flex;
  justify-content: space-between;
  align-items: center;
    padding-left: clamp(20px, (100vw - 560px) / 2, 100px);
    padding-right: clamp(20px, (100vw - 560px) / 2, 100px);
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    /* Kun bund-border, ingen sideborders = visuelt full-bleed */
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #EAEDF1;
    border-radius: 0px;
    cursor: pointer;
  }
  
  .mobile-order-summary-toggle:hover,
  .mobile-order-summary-toggle:focus{
      background: #fff;
  }
  
  
  .mobile-order-summary-toggle .toggle-label {
     font-size: 12px;
     font-weight: 400;
    line-height: 1;
    color: #575851;    
    font-family: 'Poppins', serif;
  }
  
    .mobile-order-summary-toggle .toggle-total {
     font-size: 18px;
     font-weight: 500;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #000;
    font-family: 'Poppins', serif;
  }
  
  .mobile-order-summary-content {
        padding-left: clamp(20px, (100vw - 560px) / 2, 100px);
    padding-right: clamp(20px, (100vw - 560px) / 2, 100px);
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DFE0D8;
  }
  /* 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 .thumbnail-wrapper {
  background: #FFF !important;
  border: 1px solid #DFE0D8;
}


  .mobile-order-summary .cart-subtotal{
font-family: 'Poppins', serif;
margin: 0 0 15px 0 !important;
color: #575851;
}

  .mobile-order-summary .shipping-selected{
font-family: 'Poppins', serif;
margin: 0 0 30px 0 !important;
color: #575851;
}


  .mobile-order-summary .total-content{
font-family: 'Poppins', serif;
}




    .mobile-order-summary .woocommerce-Price-amount bdi {
font-family: 'Poppins', serif;
}


.mobile-order-summary .woocommerce-Price-amount {
  font-family: 'Poppins', serif;
    font-size: 16px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 400;
  color: #575851;
}

.mobile-order-summary .order-total .value .woocommerce-Price-amount {
  font-size: 20px; 
  color: #000;
  letter-spacing: -0.05em;
  font-family: 'Poppins', serif;
  font-weight: 500;
}




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


  
}




@media (max-width: 600px) {
  .mobile-order-summary-toggle {
    border-top: 1px solid #DFE0D8;
    border-bottom: 1px solid #DFE0D8;
    padding: 20px;
  }
  
    .mobile-order-summary-content {
    padding: 30px 20px;
  }
  
  
    .mobile-order-summary {
    margin-left: -20px;
    margin-right: -20px;
  }
  
}








/* Fjern standard bullet */
.shipping-list,
.shipping-list ul,
.shipping-list ol { margin:0; padding-left:0; list-style:none; }
.shipping-list li { list-style:none; }
.shipping-list li::marker { content:''; }



/* Pris skubbes til højre */
.shipping-list li label .woocommerce-Price-amount {
  margin-left:auto;
  font-weight:600;
  font-family:'Poppins', serif;
}



/* Rød prik + rød ring udenom */
.shipping-list li label::before {
  content: '' !important;          /* overstyr hvis du tidligere satte 'none' */
  display: inline-block;
  width: 10px;                      /* indre prik størrelse */
  height: 10px;
  border-radius: 50%;
  background: #095509;             /* indre prik farve */
  flex: 0 0 10px;

  /* ring-effekt: [hvid afstand], så [rød yderr­ing] */
  box-shadow:
    0 0 0 5px #fff,                /* hvidt “gap” – match label-baggrund */
    0 0 0 7px #095509;             /* rød yderr­ing (tykkelse = 5-3 = 2px) */
}

/* Sørg for at label stadig ligner dit “kort” */
.shipping-list li label {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 20px;
  border: 1px solid #000;
  border-radius: 30px;
  background: #fff;                /* vigtigt, så den hvide ring ser rigtig ud */
  color: #000;
}





/* Virtual-only (no shipping) — styres af klassen vi satte på <form> */
.woocommerce-checkout.no-shipping .woocommerce-billing-fields { 
  display: block; 
}

/* Og skjul shipping-relateret UI 100% hvis no-shipping */
.woocommerce-checkout.no-shipping .shipping_address,
.woocommerce-checkout.no-shipping #ship-to-different-address,
.woocommerce-checkout.no-shipping .checkout-shipping-methods,
.woocommerce-checkout.no-shipping .checkout-right .shipping,
.woocommerce-checkout.no-shipping .mobile-order-summary-content .shipping {
  display: none !important;
}







@media (max-width: 767px) {



  .woocommerce-checkout.no-shipping .mobile-order-summary {
    width: 100vw !important;
  }

}




.webcast-code-box { padding: 100px; border: 1px solid #eaeaea; border-radius: 8px; margin: 12px 0; }
.webcast-code-label { font-weight: 600; margin-right: 6px; }
.webcast-code-value { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }



















.checkout-coupon-inline {
  margin: 0 0 20px 0;
}

.checkout-coupon-inline .coupon-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
}

.checkout-coupon-inline input.input-text.coupon_code {
  flex: 1;
  font-family: 'Poppins', serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  border: 1px solid #DFE0D8;
  border-radius: 30px;
  padding: 15px 15px;
  transition: border-color 0.2s ease;
  box-shadow: none;
}

.checkout-coupon-inline input.input-text.coupon_code:focus {
  border-color: #000;
  outline: none;
}

.checkout-coupon-inline button.apply-coupon-btn.button {
  font-family: 'Poppins', serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 15px 25px;
  border-radius: 30px;

  cursor: pointer;

  color: #000;
  
  background: rgba(9, 85, 9, 0.10);
  border: 1px solid rgba(9, 85, 9, 0.25);
  white-space: nowrap;
}






/* Inline coupon error (samme vibe som required errors) */
.checkout-coupon-inline.is-invalid #coupon_code,
.checkout-coupon-inline.is-invalid input[name="coupon_code"]{
  border-color: #EF0000 !important;
}

.checkout-coupon-inline .coupon-inline-error{
  font-family: 'Poppins', serif;
  display: block;
      width:100%;
    margin: 5px 0;
  font-size: 14px;
  line-height: 1;
  color: #EF0000;
}






/* === Coupon row (generisk: virker for alle kuponer) === */
.cart-discount[class*="coupon-"]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 0 15px 0;
  color: #575851;
}



/* Value + remove (højre) */
.cart-discount[class*="coupon-"] .value{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}









/* Container lige under rabatfeltet */
.checkout-coupon-inline .coupon-applied-list{
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

/* “Kasse/chip” med kode + kryds */
.checkout-coupon-inline .coupon-applied-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 10px 15px;
  border-radius: 30px;

  background: rgba(9, 85, 9, 0.10);
  border: 1px solid rgba(9, 85, 9, 0.25);
  color: #000;
  font-family: 'Poppins', serif;
}

.checkout-coupon-inline .coupon-applied-code{
  font-size: 14px;
  font-weight: 400;
}

/* Kryds-knappen */
.checkout-coupon-inline .coupon-applied-remove{
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;

  width: 35px;
  height: 35px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  font-size: 18px;
  line-height: 1;
  color: #000;
}



/* VALGFRIT: skjul [Fjern] linket i ordreoversigten,
   så du kun har “krydset” under feltet */
.woocommerce-checkout-review-order-table .cart-discount .woocommerce-remove-coupon{
  display: none !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;
}