
/*colors*/
/* --dark-grey:#2E2932;
--light-grey:#D9D9D9;
--orange: #FF5300;
--dark-blue:#000B53;
--light-blue:#0059FC;
--dark-green: #052615;
--light-green:#AEFD71;
--text-black:#232932;
--text-grey: #797979;
--border-grey: #DCDCDC; */

/******* CHECKOUT ******/
.fullstop span::after{
  content:'.';
}
/*accepted payment images on cart*/
.accepted-payment-images{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;

}
.accepted-payment-images figure{
  margin-bottom:0!important;
  display:flex;
  justify-content: center;
  align-items: center;
}

/*accepted payment images on checkout*/
.accepted-payment-images-checkout{
  display:flex;
  width:100%;
  border-radius: 10px !important;
    border: solid 1px var(--border-grey) !important;
    padding: 16px 24px !important;
    box-shadow: none !important;
}

.accepted-payment-images-checkout figure{
  margin-bottom:0!important;
  display:flex;
  justify-content: center;
  align-items: center;
}

/*proceed to checkout button*/

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  padding: 13px 32px !important;
    border-radius: 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-family: Arial, sans-serif !important;
    background-color: var(--light-blue) !important;
color: white !important;
font-size: clamp(1rem, 1.2vw, 1.5rem);

}

.wc-block-components-checkbox:has(#subscribe-to-newsletter){
  display: none;
}

.main-content-default {
  max-width: 1920px;
  margin: 0 auto;
}

@media screen and (max-width: 1920px) {
  .main-content-default {
    margin: 0 10px;
  }
}

.wc-block-components-main {
  padding: 40px 80px !important;
  border: solid 1px #DCDCDC;
  border-radius: 30px;
  width: 68% !important;
}

.custom-no-payment-in-your-country-message{
  font-size: 1rem;
  color: red;
}

/*Form styling*/
.wc-block-components-form {
  max-width: 800px !important;
  margin: auto !important;
}

/*Heading*/
.wc-block-components-title.wc-block-components-title {
  font-size: 40px !important;
  color: var(--text-black);
  margin-bottom: 16px !important;
  font-family: 'nudica-medium';
  letter-spacing: 0px;
}

/*Subheading*/
.wc-block-components-checkout-step__description {
  font-size: 18px !important;
  color: var(--text-grey);
  font-family: 'nudica-regular' !important;

}

/*Input for e-mail*/
.wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input input[type=email]{
  border-radius: 10px !important;
  border: solid 1px var(--border-grey) !important;
  height: auto !important;
  padding: 16px 24px !important;
}

.wc-block-components-text-input.wc-block-components-address-form__email.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__first_name.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__last_name.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__address_1.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__address_2.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__postcode.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__city.is-active input,
 .wc-block-components-text-input.wc-block-components-address-form__phone.is-active input  {
   padding-top: 26px !important;
 }

.wc-block-components-text-input label {
  top: 1.3em !important;
}

/*Placeholder inside input fields*/
label {
  padding-left: 12px !important;
  padding-bottom: 8px !important;
}

/*Text for subscribe for newsletter*/
.subscribe-to-newsletter {
  font-size: 1.125rem !important;
  color: var(--text-grey) !important;
}

.wc-block-components-address-form {
  margin-bottom: 0px !important;
}

/* .wc-block-components-checkbox {
  margin-top: -14px !important;
} */

.wc-block-components-checkbox.wc-block-checkout__use-address-for-billing {
  margin-top: 0px !important;
}

.wc-block-components-text-input.has-error input {
  border-radius: 10px !important;
  border: solid 1px red !important;
  height: auto !important;
  padding: 16px 24px !important;
}

.wc-block-components-text-input input[type=text] {
  min-height: 56px !important;
  border-radius: 10px !important;
  border: solid 1px var(--border-grey) !important;
  padding: 16px 24px !important;
}

 .wc-block-components-text-input.has-error input {
   border: solid 1px red !important;
 }

 #wc-block-components-totals-coupon__input-coupon {
   height: 100% !important;
 }

.wc-block-components-address-form__address_2-toggle {
  font-size: 20px !important;
  color: var(--text-grey) !important;
}

.wc-block-components-checkbox label {
  align-items: center !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox__label, .wc-block-components-checkout-step__container label {
  font-size: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem) !important;
  color: var(--text-grey) !important;
}

.wc-block-components-checkbox__label a {
  text-decoration: none !important;
  color: var(--light-blue) !important;
}

.wc-block-components-text-input.is-active label {
  top: -3px !important;
}

.wc-block-components-text-input input[type=tel],
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted  {
  min-height: 56px !important;
  border-radius: 10px !important;
  border: solid 1px var(--border-grey) !important;
  padding: 16px 24px !important;
  box-shadow: none !important;
}

.wc-block-checkout__add-note .wc-block-components-textarea {
  border-radius: 10px !important;
  border: solid 1px var(--border-grey) !important;
  padding: 24px !important;
  font-size: 18px !important;
}

.wc-block-components-radio-control__description-group>span, .wc-block-components-radio-control__label-group>span {
  color: var(--text-grey) !important;
    padding-left: 40px !important;
    font-size: 20px !important;
}

/*radio button*/
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
  border: solid 1px var(--text-grey) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
  background: var(--text-grey) !important;
}

.wc-blocks-components-select__select {
  border-radius: 10px !important;
  border: solid 1px var(--border-grey) !important;
  padding: 16px !important;
  font-size: 20px !important;
  height: auto !important;
}

.wc-block-components-text-input.is-active label {
  padding-left: 18px !important;
}

.wc-blocks-components-select__label {
  padding-left: 10px !important;
}

.wc-blocks-components-select__label {
  color: var(--text-grey) !important;
}

.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
  outline: 1px solid var(--border-grey) !important;
}

.wc-block-components-text-input label {
  color: var(--text-grey);
  font-size: 20px !important;
}

.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected svg,
.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected span,
.wc-block-checkout__shipping-method-option svg,
.wc-block-checkout__shipping-method-option span {
  color: var(--dark-grey);
}

.wc-block-checkout__shipping-method-option-title {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.wc-block-components-text-input label {
  color: var(--text-grey) !important;
}

.wc-block-checkout__shipping-fields .wc-block-components-address-form {
  gap: 20px 20px !important;
}

.wc-block-checkout__billing-fields .wc-block-components-address-form {
  gap: 20px 20px !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
  border: none !important;
  background-color: var(--light-grey);
  border-radius: 30px !important;
  padding: 30px 40px !important;
  position: relative;
  /* margin-bottom: 40px !important; */
}

.wc-block-components-checkout-order-summary__title-text {
  text-align: center;
  margin: -20px 0 0 0 !important;
  font-size: 24px;
  font-family: 'nudica-medium' !important;
}

.wc-block-components-order-summary__content .wc-block-components-order-summary-item {
  gap: 20px;
  align-items: flex-start;
}

/* order summary */
.wc-block-components-sidebar {
  padding-left: 10px !important;
  margin-top: 0px !important;
  width: 32% !important;
  position: sticky;
}

.wp-block-woocommerce-checkout-order-summary-subtotal-block.wc-block-components-totals-wrapper {
  padding: 40px 0 0;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
  padding-bottom: 0px !important;
}

.wc-block-components-checkout-order-summary__content {
  display: grid;
  gap: 40px;
}

.wp-block-woocommerce-cart-order-summary-block {
  border: none !important;
  background-color: #F0F0F0;
  border-radius: 30px !important;
  padding: 30px 40px !important;
  position: relative;
  margin-bottom: 40px !important;
}

.wc-block-components-order-summary.is-large {
  padding: 0px !important;
}

/* Sørger for at overlayet dækker billedet */
.svg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

/* Styling for hver SVG */
.hjørne-svg {
    position: absolute;
    width: 32px;
    height: 32px;
    transition: transform 0.3s ease-in-out;
}

/* Placering af SVG'erne i hjørnerne */
.top-left {
    top: 30px;
    left: 30px;
}

.top-right {
    top: 30px;
    right: 30px;
}

.bottom-left {
    bottom: 30px;
    left: 30px;
}

.bottom-right {
    bottom: 30px;
    right: 30px;
}

.wc-block-components-order-summary-item__quantity {
  display: none !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
  width: 120px !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
  border-radius: 10px;
  width: 120px !important;
  /* height: 140px !important; */
  max-width: none !important;
}

.wc-block-components-order-summary-item {
  gap: 20px;
  align-items: center;
}

.wc-block-components-order-summary-item__description .wc-block-components-product-name {
  font-family: 'nudica-medium' !important;
}

.wc-block-components-order-summary-item >*:last-child {
  align-self: flex-end;
  color: var(--text-black);
  font-size: 20px !important;
}

.wc-block-components-order-summary-item__description {
 padding: 0px !important;
}

.wc-block-components-product-name {
  color: var(--text-black);
  font-size: 20px !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
  display: none !important;
}

.wc-block-components-product-details {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 18px !important;
  color: var(--text-grey);
}

.wc-block-components-product-details__name {
  display: none !important;
}

.wc-block-components-product-details__finish::after {
  content:" ";
}

.wc-block-components-totals-wrapper {
  padding: 0px !important;
}

.wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-totals-coupon {
  padding: 0px !important;
}

.wp-block-woocommerce-checkout {
  padding-top: 5px !important;
}

.wp-block-woocommerce-checkout-order-summary-totals-block, .wp-block-woocommerce-cart-order-summary-block {
  padding-top: 40px !important;
  font-size: 20px !important;
  color: var(--text-grey);
  font-family: 'nudica-regular' !important;
}

.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-formatted-money-amount, .wc-block-components-order-summary-item .wc-block-components-formatted-money-amount {
  font-family: 'nudica-medium' !important;
}

/* Add a coupon  */
.wc-block-components-panel__button, .wc-block-components-shipping-calculator-address__button  {
  font-size: 24px !important;
  color: var(--text-black);
  padding: 40px 0 0 !important;
}

.wc-block-components-text-input input[type=text] {
  border-radius: 10px !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .wc-block-components-shipping-calculator-address__button  {
  background-color: var(--text-black) !important;
  padding:16px 12px !important;
  border-radius: 6px !important;
  text-align:center;
  text-decoration: none;
  font-family: Arial, sans-serif;
  color: white !important;
 outline: inherit !important;
 border: none !important;
 font-size: 20px !important;
 box-shadow: none !important;
}

.wc-block-components-panel__button .wc-block-components-panel__button-icon {
  top: 75% !important;
}

.wc-block-components-checkout-order-summary__content >*:first-child {
  padding-top: 40px !important;
}

.wc-block-components-checkout-order-summary__content >*:last-child {
  padding: 40px 0px !important;
}

/*Total price*/
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
  font-size: clamp(1.75rem, 1.663rem + 0.4348vw, 2rem) !important;
  color: var(--text-black);
}

/*Return to cart button*/
.wc-block-components-checkout-return-to-cart-button {
  padding:13px 32px !important;
  border-radius: 10px;
  text-align:center;
  text-decoration: none;
  font-family: Arial, sans-serif !important;
  background-color: white;
  border: 1px solid var(--dark-grey);
  color: var(--dark-grey);
  font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.5rem) !important;
  transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.wc-block-components-checkout-return-to-cart-button:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.7) !important;
    color: var(--dark-grey) !important;
}

/*Place order button*/
.wc-block-components-checkout-place-order-button {
  padding:13px 32px !important;
  border-radius: 10px;
  text-align:center;
  text-decoration: none;
  font-family: Arial, sans-serif;
  background-color: var(--light-blue);
  color: white;
  outline: inherit;
  border: none;
  width: fit-content !important;
  font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.5rem) !important;
  min-height: auto !important;
}

.wc-block-checkout__actions_row {
  justify-content: flex-start !important;
  gap: 20px;
}

.cta-button{
padding:13px 32px;
border-radius: 10px;
text-align:center;
text-decoration: none;
font-family: Arial, sans-serif;
}

.buttons{
  display:flex;
  gap:20px;
}

.blue-button{
  background-color: var(--light-blue);
  color: white;
}

.trans-button{
  background-color: transparent;
  border: 1px solid var(--dark-grey);
  color: var(--dark-grey);
}

.wc-block-components-checkout-return-to-cart-button svg {
display: none;
}

.wc-block-components-totals-shipping__via {
  display:none;
}

/****** payment option ******/
/* hide nets default payment methods image */
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label img {
  display: none !important;
}

.payment-methods-container {
  display: none;
}

.payment-methods-container .payment-method>div {
  min-width: 50px;
  height: 100%;
}

.payment-method.visa {
  background-image: url("https://test.checkout.dibspayment.eu/v1/37c2673979288854b9c6.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 65px;
   position: relative;
   width: 65px;
   height: 65px;
}

.payment-method.mobilepay {
  background-image: url("https://test.checkout.dibspayment.eu/v1/dd8e0eec95440903bff9.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
   position: relative;
   width: 60px;
   height: 30px;
   min-width: 60px;
}

.payment-method.mastercard {
  background-image: url("https://test.checkout.dibspayment.eu/v1/443a2b5e26432f345795.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 32px;
   position: relative;
   width: 50px;
   height: 30px;
}

.payment-method.maestro {
  background-image: url("https://test.checkout.dibspayment.eu/v1/518ab5893621c6485fbc.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 32px;
   position: relative;
   width: 50px;
   height: 30px;
}

.payment-method.invoice {
  background-image: url("https://test.checkout.dibspayment.eu/v1/335668a6e6bbcbf909a5.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
   position: relative;
   width: 75px;
   height: 30px;
   min-width: 75px;
}

.wc-block-cart__submit-container {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.wc-block-cart__submit-button{
  width: fit-content !important;
}

@media (max-width: 1463px) {
  .wc-block-cart__submit-container {
    flex-direction: column;
      gap: 10px;
  }

  .wc-block-cart__submit-button {
    width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 991px) {
  .wc-block-components-title.wc-block-components-title {
    margin-top: 40px !important;
  }

  .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-title.wc-block-components-title {
    margin-top: 0px !important;
  }

  .is-small .wc-block-components-form .wc-block-components-checkout-step {
    padding-top: 0px !important;
  }

fieldset {
  margin-bottom: 0px !important;
}

.css-0.e19lxcc00 {
  margin-top: 40px;
}

.payment-methods-container {
  margin-bottom: 40px;
}
}

@media (max-width: 575px) {
  .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    margin-top: 0px !important;
  }

  .wc-block-components-checkout-order-summary__content >*:first-child {
    padding-top: 0px !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item {
    padding-top: 20px;
  }

  .is-mobile .wc-block-components-form .wc-block-components-checkout-step {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }

}


/*cross-sells-block*/
.wp-block-woocommerce-cart-cross-sells-block > div {
  display: flex;
  flex-wrap: wrap;
}

.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product {
  flex-grow: 1;
}

.wp-block-woocommerce-cart-cross-sells-block::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--text-grey);
  margin-bottom: 20px;
  margin-top: 120px;
}

/*Accordion*/

.specs-accordion {
  padding-left: 0px !important;
  max-width: 1000px !important;
  margin: 40px auto !important;
}

.accordion {
  padding-left: 0px !important;
  padding-top: 10px;
}

.accordion li {
  list-style: none;
}

.accordion-content {
  font-size: 20px !important;
  color: var(--text-grey);
  margin-bottom: 0px !important;
  padding-top: 12px;
}

.accordion-specs-container {
  justify-self: right;
}

.accordion-headline-and-svg {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.accordion-headline-and-svg p {
  margin-bottom: 0px !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  color: var(--text-black);
}

/* Gør at de lukkede faner overlapper */
.accordion li {
  margin-top: -10px;
  position: relative;
  z-index: 0;
  width: 100%;
  /* max-width: 542px; */
  border: solid 1px var(--dark-grey);
  border-radius: 10px 10px 0px 0px;
  padding: 24px;
  background: white;
  cursor: pointer;
  position: relative;
  transition: margin 0.3s ease-in-out;
}

.accordion li:last-of-type {
  border-radius: 10px;
}

/* Når en fane åbnes, skubber den de andre ned */
.accordion li.active {
  margin-top: 0;
  z-index: 2;
}

.accordion-btn svg {
  transition: transform 0.3s ease-in-out;
}

.accordion-btn.active svg {
  transform: rotate(-45deg);
}

#radio-control-wc-payment-method-options-bacs__label, #radio-control-wc-payment-method-options-dibs_easy__label {
  padding: 16px 0;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
  margin-top: -0.1em !important;
}

.wc-block-components-payment-method-label, .wc-block-components-radio-control__label span {
  margin-left: 20px;
}

@media (max-width: 1499px) {
  .wc-block-components-order-summary-item {
    display: flex;
    flex-direction: column;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item {
    align-items: flex-start;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    width: 100% !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block {
    width: 100% !important;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
  }

  .wp-block-woocommerce-checkout-order-summary-block {
      padding: 40px 16px !important;
      margin-bottom: 0px !important;
    }

  .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .svg-overlay {
    display: none;
  }

  .wc-block-components-checkout-order-summary__title-text {
    text-align: left;
    margin: 0px !important;
  }


.wc-block-components-order-summary__content .wc-block-components-order-summary-item {
  align-items: flex-start;
}

.wc-block-components-sidebar-layout.wc-block-checkout.is-small, .wc-block-components-sidebar-layout.wc-block-checkout.is-medium, .wc-block-components-sidebar-layout.wc-block-checkout.is-large {
  gap: 10px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
  width: 100% !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
width: 100% !important;
}

.wc-block-components-checkout-order-summary__content.is-open .wc-block-components-panel__button, .wc-block-components-checkout-order-summary__content.is-open .wp-block-woocommerce-checkout-order-summary-totals-block {
  padding-bottom: 20px !important;
}

.wc-block-components-panel__button .wc-block-components-panel__button-icon {
  top: 70% !important;
}

.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
  padding-bottom: 40px !important;
}

.wc-block-components-form .wc-block-components-checkout-step:after {
  display: none !important;
}

.is-small .wc-block-components-form .wc-block-components-checkout-step {
  margin-bottom: 0px !important;
}

.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked.wc-block-components-radio-control__option--checked-option-highlighted span {
  padding-left: 30px !important;
}

/* .wc-block-checkout__order-notes.wp-block-woocommerce-checkout-order-note-block.wc-block-components-checkout-step {
  padding: 0 0 40px !important;
} */

.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .svg-overlay {
  display: none;
}

.checkout-order-summary-block-fill {
  border: none !important;
}

.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-panel__button,
.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wp-block-woocommerce-checkout-order-summary-totals-block {
  padding-bottom: 20px !important;
}

.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item {
  padding-top: 40px !important;
}

.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-title.wc-block-components-checkout-step__title {
  text-align: center;
}

.wc-block-components-address-card {
  border-radius: 10px !important;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
  flex-direction: column;
}

.wc-block-components-checkout-return-to-cart-button, .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  width: 100% !important;
}

.wp-block-woocommerce-checkout-order-summary-block.wc-block-components-checkout-order-summary__title {
  margin-top: 0px !important;
}

.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary {
  padding: 0px !important;
}
}


/******* CART ******/
/*Styling of cart*/
.wp-block-woocommerce-cart-order-summary-block {
  display: grid !important;
  gap: 40px;
  /* padding-bottom: 80px !important; */
}

.wp-block-woocommerce-cart-order-summary-subtotal-block {
  margin-top: 40px !important;
}

.wc-block-components-totals-shipping-address-summary {
  /* font-size: 1.125 !important; */
  color: var(--text-black);
  max-width: 90% !important;
}

.wc-block-cart {
  padding-top: 5px !important;
}

.wc-block-cart__totals-title {
  color: var(--text-black) !important;
  font-size: 24px !important;
  font-family: 'nudica-medium' !important;
  text-align: center !important;
  margin-top: -20px !important;
  text-transform: none !important;
}

.wp-block-woocommerce-cart-order-summary-totals-block {
  padding-bottom: 0px !important;
}

.wc-block-components-shipping-address {
  display: grid !important;
  gap: 20px !important;
}

.wc-blocks-components-select .wc-blocks-components-select__container {
  height: 100% !important;
  border-radius: 10px !important;
}

.wc-block-components-shipping-address .wc-blocks-components-select__select {
  border-radius: 10px !important;
  height: fit-content !important;
}

.is-large.wc-block-cart .wc-block-components-sidebar  {
  align-self: flex-start;
  top: 24px;
}

.wc-block-cart .wc-block-components-totals-footer-item {
  padding: 40px 0 !important;
}

.wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__description {
  display: none !important;
}

/*Styling of products view*/

.wc-block-cart-items__header-image, .wc-block-cart-items__header-total {
  color: var(--text-black) !important;
  font-size: 24px !important;
  font-family: 'nudica-medium' !important;
  margin-top: -20px !important;
  text-transform: none !important;
}

.is-large.wc-block-cart .wc-block-cart-items td, .is-large.wc-block-cart .wc-block-cart-items{
  border: none !important;
}

.wc-block-cart-items__row img {
  min-width: 120px !important;
  max-width: 120px !important;
  border-radius: 10px !important;
}

.wc-block-components-product-name {
  color: var(--text-black) !important;
  font-size: 20px !important;
  font-family: 'nudica-medium' !important;
  text-decoration: none !important;
}

.wc-block-cart-item__prices {
display: none !important;
}


.wc-block-components-product-price__value {
  font-family: 'nudica-medium' !important;
  color: var(--text-black) !important;
  font-size: 20px !important;
}

.wc-block-cart-item__remove-link {
  font-size: 16px !important;
  color: var(--text-grey) !important;
}


@media (max-width: 991px) {
  .wc-block-components-main {
    padding: 0px 16px 40px !important;
    width: 100% !important;
  }

  .is-mobile.wc-block-components-sidebar-layout, .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-small, .is-medium.wc-block-components-sidebar-layout, .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    gap: 10px !important;
  }

  .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    width: 100% !important;
    padding-left: 0px !important;
  }

  .wp-block-woocommerce-cart-order-summary-block {
    padding: 40px 16px !important;
  }

  .wc-block-components-radio-control__description-group>span, .wc-block-components-radio-control__label-group>span {
    padding-left: 60px !important;
  }

  .wp-block-heading.has-large-font-size {
    margin-top: 40px !important;
  }

  .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper .wc-block-components-panel__button svg {
    top: 75% !important;
  }
}


@media (max-width: 720px) {
  .wc-block-cart-items__row {
    display: flex !important;
    flex-direction: column;
  }

  .wp-block-woocommerce-cart-order-summary-block .svg-overlay {
    display: block;
  }

.wc-block-cart-items__row img  {
  max-width: 100% !important;
}
}

@media (max-width: 719px) {
  .wp-block-woocommerce-cart-order-summary-block .svg-overlay {
    display: none;
  }
}

@media (max-width: 575px) {
  .wc-block-components-totals-shipping-address-summary {
    max-width: 300px;
  }

  .wp-block-woocommerce-cart-order-summary-block {
    gap: 20px;
  }

  .wc-block-components-panel__button {
    padding: 20px 0 0 !important;
  }

  .wc-block-cart .wc-block-components-totals-footer-item {
    padding: 20px 0 !important;
  }
}


/******* MY ACCOUNT ******/
/*** dashboard ***/
.woocommerce {
  display: flex;
  padding-top: 5px;
  justify-content: center;
}

.woocommerce h2 {
  font-size: 2.5rem;
}

.woocommerce-MyAccount-navigation {
  position: relative;
  padding: 80px 40px;
  background-color: var(--light-grey);
  border-radius: 30px;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0px;
}

.woocommerce-MyAccount-navigation ul li {
  margin-bottom: 16px;
}

.woocommerce-MyAccount-navigation ul li a{
  text-decoration: none;
  color: var(--text-grey);
  font-size: 1.125rem !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--text-black);
}

.woocommerce-MyAccount-content {
  border: solid 1px var(--border-grey);
  border-radius: 30px;
  padding: 40px 80px;
  margin-left: 10px;
  width: 70% !important;
}

.woocommerce-MyAccount-content p {
  width: 75%;
  color: var(--text-black);
}

/* .woocommerce-MyAccount-content p:first-of-type {
  font-size: 1.5rem;
} */

.woocommerce-MyAccount-content a {
  color: var(--light-blue);
  text-decoration: none;
}

/*** orders ***/
.woocommerce-MyAccount-content .woocommerce-info {
  border-top: none;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-size: 1.125rem;
  background-color: var(--light-grey);
}

.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button {
font-family: 'nudica-regular' !important;
font-size: 1.125rem;
}

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
  font-family: 'nudica-medium' !important;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* styling of the icon before the text 'no order has been made yet' */
.woocommerce-info::before {
  color: var(--light-blue);
  position: absolute;
  top: 27px;
}



@media (max-width: 1399px) {
  .woocommerce-MyAccount-content {
    padding: 40px;
  }
}


@media (max-width: 991px) {
  .woocommerce-MyAccount-content .woocommerce-order-details {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .woocommerce-button.button.view, .woocommerce-button.button.cancel {
    margin-left: 10px;
  }
}

@media (max-width: 575px) {
  .woocommerce-MyAccount-content .woocommerce-info {
    grid-template-columns: minmax(0,1fr);
  }

  .woocommerce-info::before {
    top: 17px;
  }

  .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward {
    margin-top: 10px;
  }
}


/*** downloads ***/
.woocommerce-MyAccount-content .woocommerce-info .button.wc-forward {
  font-family: 'nudica-regular' !important;
  font-size: 1.125rem;
}

/*** addresses ***/
.woocommerce-Address-title {
  display: grid;
}

.woocommerce-Addresses h2 {
  color: var(--text-black);
  font-size: 2.5rem;
}

.woocommerce-Addresses address, .woocommerce-Addresses a {
  font-size: 1.125rem;
}

/*** billing and edit address ***/
.woocommerce-MyAccount-content h2 {
  font-size: 2rem !important;
}

/* creating space from the form and the button */
.woocommerce-address-fields__field-wrapper {
  margin-bottom: 20px;
}

/* remove default padding and add ekstra bottom margin to input fields */
.woocommerce form .form-row {
  padding: 0px !important;
  margin: 0 0 20px !important;
}

/* styling input fields in the form */
.woocommerce-address-fields__field-wrapper .form-row input, .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
  min-height: 56px;
  border: solid 1px var(--border-grey);
  border-radius: 10px;
  outline: none;
  padding-left: 16px;
}

/* styling the placeholder in the select dropdown field */
.woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--text-grey);
  font-size: 1.25rem;
}

/* add font-size to placeholder in input fields */
.woocommerce-input-wrapper {
  font-size: 1.25rem;
}

/* add new arrow on select dropdown field */
.woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
  display: grid;
  align-items: center;
  background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.031 9.53104L12.531 17.031C12.4614 17.1008 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1008 11.4698 17.031L3.96979 9.53104C3.82906 9.39031 3.75 9.19944 3.75 9.00042C3.75 8.80139 3.82906 8.61052 3.96979 8.46979C4.11052 8.32906 4.30139 8.25 4.50042 8.25C4.69944 8.25 4.89031 8.32906 5.03104 8.46979L12.0004 15.4401L18.9698 8.46979C19.0395 8.40011 19.1222 8.34483 19.2132 8.30712C19.3043 8.26941 19.4019 8.25 19.5004 8.25C19.599 8.25 19.6965 8.26941 19.7876 8.30712C19.8786 8.34483 19.9614 8.40011 20.031 8.46979C20.1007 8.53947 20.156 8.6222 20.1937 8.71324C20.2314 8.80429 20.2508 8.90187 20.2508 9.00042C20.2508 9.09896 20.2314 9.19654 20.1937 9.28759C20.156 9.37863 20.1007 9.46136 20.031 9.53104Z" fill="%231F1F1F"/></svg>')
  no-repeat right 24px center;
  background-size: 24px;
}

/* remove default arrow on the select dropdown field */
.woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

/* remove default padding from placeholder in select dropdown field */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px !important;
}

/* styling the labels */
label {
  padding: 0px !important;
  font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.5rem);
  color: var(--text-grey);
}

.woocommerce-MyAccount-content button {
  font-family: 'nudica-regular' !important;
}

/*** account details ***/
/* styling input fields */
.woocommerce-EditAccountForm input {
  min-height: 56px;
  border: solid 1px var(--border-grey);
  border-radius: 10px;
  outline: none;
  padding-left: 16px;
  font-size: 1.25rem;
}

/* style eye icon */
.show-password-input::after {
  color: var(--dark-grey);
  font-size: 20px;
  margin-left: 0px !important;
}

/* place eye icon */
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
  top: 18px !important;
}

/* styling placement of radio button */
.woocommerce-form__input.woocommerce-form__input-radio.input-radio {
  min-height: 15px !important;
  margin-right: 10px !important;
}

/*** login ***/
.woocommerce form.login {
  border-radius: 10px !important;
  margin: 0 0 0 40px;
}

.woocommerce-form.woocommerce-form-login .woocommerce-Input.woocommerce-Input--text.input-text {
  min-height: 56px;
  border: solid 1px var(--border-grey);
  border-radius: 10px;
  outline: none;
  padding-left: 16px;
}

.woocommerce-form.woocommerce-form-login .woocommerce-LostPassword.lost_password a {
  color: var(--light-blue);
  text-decoration: none;
}


.woocommerce-form.woocommerce-form-login .woocommerce-form__input.woocommerce-form__input-checkbox {
  width: 20px;
  height: 20px;
}


.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  font-family: 'nudica-regular' !important;
  font-size: 1.5rem;
}

.woocommerce form .form-row select[name="wcpay_selected_currency"] {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.031 9.53104L12.531 17.031C12.4614 17.1008 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1008 11.4698 17.031L3.96979 9.53104C3.82906 9.39031 3.75 9.19944 3.75 9.00042C3.75 8.80139 3.82906 8.61052 3.96979 8.46979C4.11052 8.32906 4.30139 8.25 4.50042 8.25C4.69944 8.25 4.89031 8.32906 5.03104 8.46979L12.0004 15.4401L18.9698 8.46979C19.0395 8.40011 19.1222 8.34483 19.2132 8.30712C19.3043 8.26941 19.4019 8.25 19.5004 8.25C19.599 8.25 19.6965 8.26941 19.7876 8.30712C19.8786 8.34483 19.9614 8.40011 20.031 8.46979C20.1007 8.53947 20.156 8.6222 20.1937 8.71324C20.2314 8.80429 20.2508 8.90187 20.2508 9.00042C20.2508 9.09896 20.2314 9.19654 20.1937 9.28759C20.156 9.37863 20.1007 9.46136 20.031 9.53104Z" fill="%231F1F1F"/></svg>') no-repeat right 16px center;
  background-size: 24px;
  appearance: none;
  -webkit-appearance: none;
  padding: 16px 0 16px 16px;
  border-radius: 10px !important;
  border: 1px solid var(--border-grey);
  /* font-size: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem); */
  outline: none;
  max-height: 56px;
}

@media (max-width: 767px) {
  .woocommerce form.login {
    margin: 0px;
  }

  .woocommerce form .form-row {
    width: 100%;
  }
}

/*** Order received ***/
/* preheading */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  color: var(--orange);
  text-align: center;
  font-size: 1.125rem;
  margin: 20px 0;
  text-transform: uppercase;
}

/* heading */
.order-received-heading {
  text-align: center;
  margin-bottom: 80px;
}

/* order container */
.woocommerce-order {
  width: 100%;
  max-width: 1000px;
}

/* order overview */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  padding-left: 0px !important;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}

/* order details */
.woocommerce-order-details {
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 20px;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto 40px !important;
}

.order-received-image-container {
  order: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.order-received-image {
  border-radius: 30px;
  height: auto;
  width: 100%;
  object-fit: cover;
}

.image-caption {
  color: var(--text-grey) !important;
  text-align: center !important;
  margin-top: 20px;
  font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  width: 100%;
}

/* table  */
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  font-family: 'nudica-medium' !important;
  border-radius: 10px !important;
}

.woocommerce-table__product-total.product-total {
  font-family: 'nudica-regular' !important;
}

.woocommerce-table__product-name.product-name a {
  color: var(--light-blue);
  text-decoration: none !important;
  font-size: 1.125rem;
}

.woocommerce-table__product-name.product-name ul {
  padding-left: 0px !important;
  margin-top: 10px;
}

.woocommerce-table__product-name.product-name .wc-item-meta li p, .woocommerce-table__product-name.product-name .wc-item-meta li strong  {
  font-size: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem) !important;
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label {
font-family: 'nudica-medium' !important;
color: var(--text-black);
font-size: 1.125rem;
}

.woocommerce-customer-details address {
  border-bottom-width: 1px !important;
  border-right-width: 1px !important;
  margin-bottom: 40px !important;
  border-radius: 10px !important;
}


@media (max-width: 767px) {
  .woocommerce {
    flex-wrap: wrap;
    gap: 10px;
  }

  .woocommerce-MyAccount-content {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .woocommerce-MyAccount-content {
    padding: 40px 16px;
  }
}


/* sm breakpoint   */
@media (min-width: 575px) {
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  justify-content: center;
}
}

/* md breakpoint   */
@media (min-width: 767px) {
  .woocommerce-order-details {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: unset;
    gap: 40px;
    align-items: start;
  }

    .order-received-image-container {
      order: 1;
    }

    .order-received-image {
      margin-top: 50px;
    }
}


/*** Lost password ***/
.woocommerce-ResetPassword.lost_reset_password {
  max-width: 1000px;
  margin: auto;
}

.woocommerce-ResetPassword.lost_reset_password p {
  font-size: 1.25rem;
  color: var(--text-black);
}

.woocommerce-ResetPassword.lost_reset_password input {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  min-height: 56px;
}

/*** Empty card ***/
.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title::before {
  display: none;
}

.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
  font-family: 'nudica-medium' !important;
  font-size:clamp(2.5rem, 2.3261rem + 0.8696vw, 3rem);
  text-align: center;
  padding: 80px 0;
}

.wc-block-grid__product-link {
  text-decoration: none;
  font-family: 'nudica-medium' !important;
  color: var(--light-blue);
  text-align: left;
  font-size: 1rem;
}

.wc-block-grid__product-price.price, .wp-block-button.wc-block-grid__product-add-to-cart {
  text-align: left;
  font-family: 'nudica-regular' !important;
  font-size: 1rem;
}

.wp-block-heading.has-text-align-center {
  padding: 40px 0 0 80px;
}

.wc-block-grid {
  padding: 40px 80px;
}

/*New in store feature on empty card page*/
.wc-block-grid__products .wc-block-grid__product-image img {
  overflow: hidden;
  height: 300px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.wc-block-grid__product-title {
  font-size: clamp(1.125rem, 0.964rem + 0.446vi, 1.5rem) !important;
  color: var(--text-black) !important;
}

.wc-block-grid__products {
  justify-content: center;
}

.wc-block-grid__product {
  min-width: 225px;
}

/*SHOW THE RADIO FOR NETS PAYMENT*/
.wc-block-checkout__payment-method .wc-block-components-radio-control.disable-radio-control .wc-block-components-radio-control__input{
  display:inline-block!important;
}

  /* .wc-block-grid__product {
    display: flex;
    flex-direction: column;
    height: 35vh !important;
  }

.wp-block-button.wc-block-grid__product-add-to-cart {
  margin: auto auto 0 !important;
}

.wc-block-grid__product-price.price {
  margin: 0px !important;
} */

@media (max-width: 991px) {
  .wc-block-grid.wp-block-product-new {
    padding: 40px 24px !important;
  }

  .wc-block-grid__product {
    margin-bottom: 20px !important;
  }

  /* .wc-block-grid__product {
    height: 48vh !important;
  }

  .wp-block-button.wc-block-grid__product-add-to-cart {
    margin: 20px auto 0 !important;
  } */
}
