:root {
    /* ===== Info banners / highlights ===== */
  --checkout-info-bg-color: rgba(255, 255, 255, 0.05);
  --checkout-info-border: 1px solid var(--checkout-border-color);
  --checkout-info-radius: var(--checkout-radius);
  --checkout-info-text-color: var(--checkout-text-color);
  --checkout-info-text-transform: uppercase;
  --checkout-info-font-size: 15px;
  --checkout-info-font-weight: 600;

  /* ===== Address card ===== */
  --checkout-address-card-gap: var(--checkout-gap);
  --checkout-address-card-bg: rgba(255, 255, 255, 0.04);
  --checkout-address-card-border: 1px solid rgba(191, 160, 90, 0.6);
  --checkout-address-card-radius: var(--checkout-radius);
  --checkout-address-card-padding: 16px 20px;
  --checkout-address-card-text-color: var(--checkout-info-text-color);
  --checkout-address-card-text-size: 14px;
  --checkout-address-card-font-principal: var(--checkout-font-principal);
  --checkout-address-card-text-transform: uppercase;
  --checkout-address-card-edit-color: var(--checkout-secondary-border-color);
  --checkout-address-card-edit-font-size: 13px;
  --checkout-address-card-edit-font-weight: 500;
  --checkout-address-card-wrapper-gap: 14px;

  /* ===== Form core styling ===== */
  --checkout-form-border-radius: var(--checkout-radius);
  --checkout-form-border: 1px solid var(--checkout-border-color);
  --checkout-form-bg-color: var(--checkout-bg-color);
  --checkout-form-bg-color-focus: var(--checkout-hover-bg);
  --checkout-form-text-color: var(--checkout-form-text-color);
  --checkout-form-text-font: var(--checkout-font-principal);
  --checkout-form-font-weight: 400;
  --checkout-form-font-size: 15px;
  --checkout-form-text-transform: none;

  /* ===== Titles ===== */
  --checkout-title-text-font-style: normal;
  --checkout-title-font-weight: 700;
  --checkout-title-font-size: 22px;
  --checkout-title-text-transform: uppercase;
  --checkout-title-text-font-family: var(--checkout-font-secondary);

  /* ===== Paragraph / Text ===== */
  --checkout-text-font-style: normal;
  --checkout-font-weight: 400;
  --checkout-font-size: 15px;
  --checkout-text-transform: none;
  --checkout-text-font-family: var(--checkout-font-principal);

  /* ===== Label styling (luxury tone) ===== */
  --checkout-label-text-color: var(--checkout-secondary-border-color);
  --checkout-label-text-font-style: normal;
  --checkout-label-font-weight: 400;
  --checkout-label-font-size: 13px;
  --checkout-label-text-transform: none;
  --checkout-label-text-font-family: var(--checkout-font-principal);

  /* ===== Placeholder styling (soft gold tone) ===== */
  --checkout-placeholder-text-color: var(--checkout-secondary-border-color);
  --checkout-placeholder-text-font-style: normal;
  --checkout-placeholder-font-weight: 400;
  --checkout-placeholder-font-size: 13px;
  --checkout-placeholder-text-transform: uppercase;
  --checkout-placeholder-text-font-family: var(--checkout-font-principal);

  /* ===== Buttons ===== */
  --checkout-button-font-family: var(--checkout-font-principal);
  --checkout-button-font-size: 14px;
  --checkout-button-font-weight: 600;
  --checkout-button-text-transform: uppercase;
  --checkout-button-transition: all 0.35s ease;
  --checkout-button-border-radius: var(--checkout-button-radius);
  --checkout-button-padding: 14px 28px;
  --checkout-button-gap: 8px;

  /* === Primary: Place Order === */
  --checkout-button-primary-bg: var(--app-button-color);
  --checkout-button-primary-bg-hover: var(--app-button-color-hover);
  --checkout-button-primary-color: var(--app-bg-color);
  --checkout-button-primary-color-hover: var(--app-bg-color);
  --checkout-button-primary-border: 1px solid var(--app-button-color-hover);

  /* === Secondary: Return to Cart === */
  --checkout-button-secondary-bg: transparent;
  --checkout-button-secondary-bg-hover: rgba(255, 255, 255, 0.1);
  --checkout-button-secondary-color: var(--checkout-secondary-border-color);
  --checkout-button-secondary-color-hover: #000;
  --checkout-button-secondary-border: 1px solid var(--checkout-secondary-border-color);



  /* === Order Summary Core === */
  --checkout-summary-bg-color: transparent;
  --checkout-summary-border: none;
  --checkout-summary-radius: 10px;
  --checkout-summary-padding: 8px;
  --checkout-summary-text-color:#222;
  --checkout-summary-shadow: none;
  --checkout-summary-bg-backdrop: blur(20px);

  /* === Title === */
  --checkout-summary-title-bg-color: rgba(255, 255, 255, 0.05);
  --checkout-summary-title-border: none;
  --checkout-summary-title-radius: var(--checkout-radius);
  --checkout-summary-title-color: var(--checkout-title-text-color);
  --checkout-summary-title-font-family: var(--checkout-font-secondary);
  --checkout-summary-title-font-size: 22px;
  --checkout-summary-title-font-weight: 700;
  --checkout-summary-title-text-transform: uppercase;
  --checkout-summary-title-letter-spacing: 0.5px;

  /* === Content === */
  --checkout-summary-content-bg-color: transform;
  --checkout-summary-content-border: none;
  --checkout-summary-content-radius: 10px;

  /* === Items === */
  --checkout-summary-item-bg-color:  rgba(255, 255, 255, 0.05);
  --checkout-summary-item-bg-color-hover: var(--checkout-hover-bg);
  --checkout-summary-item-gap: 10px;
  --checkout-summary-item-border: 1px solid var(--app-border-color-secondary);
  --checkout-summary-item-padding: 10px;
  --checkout-summary-item-font-family: var(--checkout-font-principal);
  --checkout-summary-item-font-size: 16px;
  --checkout-summary-item-font-weight: 400;
  --checkout-summary-item-title-color: var(--checkout-text-color);
  --checkout-summary-item-text-color: var(--checkout-text-color);


  /* === Prices === */
  --checkout-summary-price-color: var(--checkout-title-text-color);
  --checkout-summary-old-price-color: var(--checkout-text-color);
  --checkout-summary-price-size: 14px;
  --checkout-summary-border-bottom: 1px solid var(--checkout-secondary-border-color);

  /* === Description === */
  --checkout-summary-description-color: var(--checkout-text-color);

  /* === Totals === */
  --checkout-summary-total-bg-color: rgba(255, 255, 255, 0.05);
  
  --checkout-summary-total-radius: 10px;
  --checkout-summary-total-border: 1px solid var(--app-border-color-secondary);

  --checkout-summary-total-font-size: 14px;
  --checkout-summary-total-color: var(--checkout-text-color);
  --checkout-summary-footer-border: 1px solid  var(--app-border-color-secondary);
  --checkout-summary-footer-font-weight: 600;
  --checkout-summary-footer-font-size: 16px;
  --checkout-summary-footer-color: var(--checkout-text-color);
  --checkout-summary-footer-title-color: var(--checkout-text-color);
  --checkout-summary-footer-font-principal: var(--checkout-font-principal);
  --checkout-summary-footer-text-transform: lowercase;

  --checkout-summary-footer-price-font-principal: var(--checkout-font-principal);
  --checkout-summary-footer-price-text-transform: uppercase;
  --checkout-summary-footer-price-font-weight: 400;
  --checkout-summary-footer-price-font-size: 14px;
  --checkout-summary-footer-price-color:var(--checkout-text-color);

  --checkout-summary-footer-total-font-principal: var(--checkout-font-secondary);
  --checkout-summary-footer-total-text-transform: uppercase;
  --checkout-summary-footer-total-font-weight: 600;
  --checkout-summary-footer-total-font-size: 16px;
  --checkout-summary-footer-total-color: var(--checkout-title-text-color);

  --checkout-summary-footer-price-total-font-principal: var(--checkout-font-secondary);
  --checkout-summary-footer-price-total-text-transform: uppercase;
  --checkout-summary-footer-price-total-font-weight: 600;
  --checkout-summary-footer-price-total-font-size: 16px;
  --checkout-summary-footer-price-total-color: var(--checkout-title-text-color);



  /* === Coupon === */
  --checkout-summary-coupon-border: 1px solid  var(--app-border-color-secondary);
  --checkout-summary-coupon-color: #333;
  --checkout-summary-coupon-hover-color: #000;




  --checkout-payment-button-border-radius: var(--navbar-button-radius);
}




@media (max-width: 800px) {
  :root {
    --checkout-address-card-padding: 0px;
    --checkout-address-card-text-size: 13px;

    --checkout-placeholder-font-size: 12px;
    --checkout-label-font-size: 12px;

    --checkout-summary-padding: 4px;
  }
}

@media (max-width: 500px) {
  :root {
    --checkout-font-size: 12px;

    --checkout-info-radius: 20px;
    --checkout-info-button-radius: 20px;

    --checkout-address-card-padding: 0px;
    --checkout-address-card-text-size: 12px;
    --checkout-address-card-edit-font-size: 11px;

    --checkout-info-font-size: 12px;
    --checkout-info-button-font-size: 14px;

    --checkout-placeholder-font-size: 11px;
    --checkout-label-font-size: 11px;

    --checkout-button-border-radius: 20px;

  }
}




.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
  background-color: var(--checkout-bg-color);
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 100px 30px 30px 30px !important;
}



/* empty */

.wc-block-checkout-empty .wc-block-checkout-empty__title {
  font-family: var(--checkout-font-secondary) !important;
  color: var(--checkout-title-text-color) !important;
  transform: var(--checkout-info-text-transform) !important;
  font-size:var(--checkout-title-font-size) !important;
}

.wc-block-checkout-empty .wc-block-checkout-empty__description {
  font-family: var(--checkout-font-principal) !important;
  color: var( --checkout-text-color) !important;
}
.wc-block-checkout-empty .wp-block-button__link {
  background: var(--checkout-button-primary-bg);
  color: var(--checkout-button-primary-color);
  border: var(--checkout-button-primary-border);
  border-radius: var(--checkout-button-border-radius);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  max-width: 250px !important;
  max-height: 60px !important;
}

.wc-block-checkout-empty .wp-block-button__link:hover {
  background: var(--checkout-button-primary-bg-hover);
  color: var(--checkout-button-primary-color-hover);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* non empty */



.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form {
  margin-top: 20px !important;
}



.main-content .wp-block-woocommerce-checkout .wc-block-components-text-input, 
.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px !important;
  margin-bottom: 10px !important;
  margin-left: -8px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label {
  display: block !important;
  left: 20px;
  top: 30px;
  letter-spacing: 0.3px !important;
  max-width: calc(100% - 32px);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%);
  transform-origin: top left;
  transition: all .2s ease;
  color: var(--checkout-label-text-color) !important;
  font-style: var(--checkout-label-text-font-style);
  font-weight: var(--checkout-label-font-weight)!important;
  font-size:var(--checkout-label-font-size)!important;
  text-transform: var(--checkout-label-text-transform)!important;
  font-family: var(--checkout-label-text-font-family) !important;
}



.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active 
label:not(.wc-block-components-address-form__address_1.is-active label) {
  margin-top: -20px;
  margin-left: -12px;
  transform: translateY(4px);
  display: block !important;
  color: var(--checkout-placeholder-text-color) !important;
  font-style: var(--checkout-placeholder-text-font-style) !important;
  font-weight: var(--checkout-placeholder-font-weight)!important;
  font-size:var(--checkout-placeholder-font-size)!important;
  text-transform: var(--checkout-placeholder-text-transform)!important;
  font-family: var(--checkout-placeholder-text-font-family) !important;
}


.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
  margin-top: -26px;
  margin-left: -6px;
  transform: translateY(4px);
  display: block !important;
  color: var(--checkout-placeholder-text-color) !important;
  font-style: var(--checkout-placeholder-text-font-style) !important;
  font-weight: var(--checkout-placeholder-font-weight) !important;
  font-size:var(--checkout-placeholder-font-size) !important;
  text-transform: var(--checkout-placeholder-text-transform)!important;
  font-family: var(--checkout-placeholder-text-font-family) !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
  background-color: var(--checkout-form-bg-color) !important;
  padding: 0 0 0 12px !important;
}

.wp-block-woocommerce-checkout input:focus {
  border-color: var(--checkout-form-bg-color-focus) !important;
  outline: none !important;
}

/* Inputs: clean like register form */
.wp-block-woocommerce-checkout input[type="text"],
.wp-block-woocommerce-checkout input[type="email"],
.wp-block-woocommerce-checkout input[type="password"],
.wp-block-woocommerce-checkout input[type="tel"] {
  width: 100% !important;
  padding: 12px 14px !important;
  transition: all 0.3s ease !important;
  border: var(--checkout-form-border) !important;
  border-radius: var(--checkout-form-border-radius) !important;
  background: var(--checkout-form-bg-color) !important;
  color: var(--checkout-form-text-color) !important;
  font-weight: var(--checkout-form-font-weight)!important;
  font-size:var(--checkout-form-font-size)!important;
  text-transform: var(--checkout-form-text-transform)!important;
  font-family: var(--checkout-form-text-font) !important;
}

.wp-block-woocommerce-checkout .wc-block-components-country-input {
  margin-left: -8px !important;
  padding: 0px 0px 10px 8px !important;
  margin-top: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-state-input {
  margin-left: -8px !important;
  padding: 8px 8px 0px 8px !important;
  margin-top: 0 !important;
}

.wp-block-woocommerce-checkout select {
  width: 100% !important;
  transition: all 0.3s ease !important;
  border: var(--checkout-form-border) !important;
  border-radius: var(--checkout-form-border-radius) !important;
  background: var(--checkout-form-bg-color) !important;
  color: var(--checkout-form-text-color) !important;
  font-weight: var(--checkout-form-font-weight)!important;
  font-size:var(--checkout-form-font-size)!important;
  text-transform: var(--checkout-form-text-transform)!important;
  font-family: var(--checkout-form-text-font) !important;
}

.wp-block-woocommerce-checkout select {
  border-radius: var(--checkout-form-border-radius) !important;
}

/* Focused input placeholder style */
.wp-block-woocommerce-checkout input:focus::placeholder {
  color: var(--checkout-placeholder-text-color-focus) !important;
}

/* .wc-block-components-text-input input:focus,
.wc-block-components-text-input.is-active input {
  background-color: #0f2822 !important;
  border-color: #134d40 !important;
} */

.wc-blocks-components-select .wc-blocks-components-select__container {
    background: var(--checkout-bg-color) !important;
    border-radius: var(--checkout-radius) !important;
}

.wp-block-woocommerce-checkout .wc-block-components-title.wc-block-components-title {
  color: var(--checkout-title-text-color) !important;
  font-style: var(--checkout-title-text-font-style) !important;
  font-weight: var(--checkout-title-font-weight)!important;
  font-size:var(--checkout-title-font-size)!important;
  text-transform: var(--checkout-title-text-transform)!important;
  font-family: var(--checkout-title-text-font-family) !important;
}


.wp-block-woocommerce-checkout .wc-block-components-checkout-step__description {
  color: var(--checkout-text-color) !important;
  font-style: var(--checkout-text-font-style) !important;
  font-weight: var(--checkout-font-weight)!important;
  font-size:var(--checkout-font-size)!important;
  text-transform: var(--checkout-text-transform)!important;
  font-family: var(--checkout-text-font-family) !important;
}

.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price,
.wc-block-components-product-price__value.is-discounted.wc-block-components-order-summary-item__individual-price {
  color: var(--checkout-summary-old-price-color) !important;
}

  /* ==========================================================
  ========== CONTACT INFORMATION (form-checkout.php) ==========
  ========================================================== */

.wp-block-woocommerce-checkout .wc-block-checkout__contact-fields {
 
}



  /* ==========================================================
  ============= BILLING ADDRESS (form-billing.php) ============
  ========================================================== */

.wp-block-woocommerce-checkout .wc-block-checkout__billing-fields {

}


/* billing information */


/* === WRAPPERS === */
.wc-block-components-address-address-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--checkout-address-card-gap) !important;
  /* padding: var(--checkout-address-card-padding) !important; */
}

.wc-block-components-address-card-wrapper {
  background: var(--checkout-address-card-bg) !important;
  border: var(--checkout-address-card-border) !important;
  border-radius: var(--checkout-address-card-radius) !important;
  padding: var(--checkout-address-card-padding) !important;
}

.wc-block-components-address-card {
  display: flex !important;
  flex-direction: column !important;
  color: var(--checkout-address-card-text-color) !important;
  font-size: var(--checkout-address-card-text-size) !important;
  font-family: var(--checkout-address-card-font-principal) !important;
  border: none !important;
}

.wc-block-components-address-card__address-section {
  margin-bottom: 6px !important;
  color: var(--checkout-address-card-text-color) !important;
  font-size: var(--checkout-address-card-text-size) !important;
}

/* === Edit button === */
.wc-block-components-address-card__edit {
  color: var(--checkout-address-card-edit-color) !important;
  font-size: var(--checkout-address-card-edit-font-size) !important;
  font-weight: var(--checkout-address-card-edit-font-weight) !important;
  text-transform: var(--checkout-address-card-text-transform) !important;
  cursor: pointer !important;
}


/* billing form */
.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form__address_1 {
  margin-top: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding-right: 10px;
  padding-left: 0px !important;
  margin-bottom: 10px !important;
  margin-left: 0px !important;
}

.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form__address_2 {
  padding: 0px 0px 0px 8px !important
}

.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form__address_2 label {
  top: 20px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
  margin-top: -10px !important;
  margin-bottom: 10px !important;
}



.main-content .wc-block-components-address-form__address_2.is-active label  {
  margin-top: -48px !important;
  margin-left: -12px !important;
  transform: translateY(4px) !important;
  display: block !important;
  color: var(--checkout-placeholder-text-color);
  font-style: var(--checkout-placeholder-text-font-style);
  font-weight: var(--checkout-placeholder-font-weight)!important;
  font-size:var(--checkout-placeholder-font-size)!important;
  text-transform: var(--checkout-placeholder-text-transform)!important;
  font-family: var(--checkout-placeholder-text-font-family) !important;
}

.main-content .wc-block-components-address-form__address_1.is-active label {
  margin-top: -20px;
  margin-left: -20px;
  transform: translateY(4px) !important;
  display: block !important;
  color: var(--checkout-placeholder-text-color);
  font-style: var(--checkout-placeholder-text-font-style);
  font-weight: var(--checkout-placeholder-font-weight)!important;
  font-size:var(--checkout-placeholder-font-size)!important;
  text-transform: var(--checkout-placeholder-text-transform)!important;
  font-family: var(--checkout-placeholder-text-font-family) !important;
}






.wc-block-components-notice-banner.is-error {
    background-color: #fff0f0 !important;
    border-color: #cc1818 !important;
}



/* === RESPONSIVE === */
@media (max-width: 800px) {
  .wc-block-components-form.wc-block-checkout__form fieldset {
    padding: 5px !important;
  }
   
  .main-content .wp-block-woocommerce-checkout .wc-block-components-text-input, 
  .main-content .wp-block-woocommerce-checkout .wc-block-components-address-form {
    margin-top: 20px !important;
  }

  .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
    margin-top: -23px !important;
  }

  .wc-blocks-components-select__container {
    margin-top: 20px !important;
  }

  .wp-block-woocommerce-checkout input[type="text"],
  .wp-block-woocommerce-checkout input[type="email"],
  .wp-block-woocommerce-checkout input[type="password"],
  .wp-block-woocommerce-checkout input[type="tel"] {
    width: 100% !important;
    padding: 8px 14px !important;
    margin-bottom: 4px !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-country-input {
    margin-bottom: 4px !important;
    margin-left: 0px !important;
    padding: 0px !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-state-input {
    margin-bottom: 4px !important;
    padding: 10px 0px 0px 4px !important;
  }

  .main-content .wp-block-woocommerce-checkout .wc-block-components-text-input, 
  .main-content .wp-block-woocommerce-checkout .wc-block-components-address-form {
    padding: 10px 0 0 0 !important;
    margin-left: 0px !important;
  }

  .main-content .wp-block-woocommerce-checkout .wc-block-components-address-form__address_2 {
    padding: 0px !important;
  }

  #billing-city {
    max-width: 98.9% !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-text-input.is-active 
  label:not(.wc-block-components-address-form__address_1.is-active label, .wc-block-components-address-form__address_2.is-active label) {
    margin-top: -12px !important;
    margin-left: -20px !important;
  }


  .main-content .wc-block-components-address-form__address_1.is-active label {
    margin-top: -12px !important;
  }

  .main-content .wc-block-components-address-form__address_2.is-active label {
    margin-left: -20px !important;
    margin-top: -43px !important;
  }



}

@media (max-width: 415px) {
  .wc-block-components-address-address-wrapper {
     padding: var(--checkout-address-card-padding);
  }
  .wc-block-components-address-card {
    font-size: var(--checkout-address-card-text-size);
  }
  .wc-block-components-address-card__edit {
    font-size: var(--checkout-address-card-edit-font-size);
  }

  .wp-block-woocommerce-checkout input[type="text"],
  .wp-block-woocommerce-checkout input[type="email"],
  .wp-block-woocommerce-checkout input[type="password"],
  .wp-block-woocommerce-checkout input[type="tel"] {
    width: 100% !important;
    padding: 4px 14px !important;
    margin-bottom: 8px !important;
  }

  .main-content .wc-blocks-components-select .wc-blocks-components-select__container:has(.wc-block-components-country-input) {
    margin-bottom: 30px  !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-state-input {
    margin-bottom: 30px  !important;
    margin-top: -10px !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-text-input.is-active 
  label:not(.wc-block-components-address-form__address_1.is-active label, .wc-block-components-address-form__address_2.is-active label) {
    margin-top: -12px !important;
  }

  .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
    margin-top: -20px !important;
  }

  .main-content .wc-block-components-address-form__address_1.is-active label {
    margin-top: -12px !important;
  }

  .main-content .wc-block-components-address-form__address_2.is-active label {
    margin-left: -20px !important;
    margin-top: -43px !important;
  }

}

  /* ==========================================================
  =============== PAYMENT OPTIONS (form-pay.php) ==============
  ========================================================== */

.wp-block-woocommerce-checkout .wc-block-checkout__payment-method {
}


.wc-block-checkout__payment-method .wc-block-components-notice-banner__content {
   font-family: var(--checkout-address-card-font-principal) !important;
}

.wc-block-checkout__payment-method .checkbox-control-1 span {
  font-family: var(--checkout-address-card-font-principal) !important;
  text-transform: var(--checkout-title-text-transform) !important;
}
/* .wc-block-checkout__payment-method .wc-block-components-textarea {
   font-family: var(--checkout-address-card-font-principal) !important;
} */


.wc-block-checkout__add-note .wc-block-components-textarea {
  background-color: transparent !important;
  border: var(--checkout-border) !important;
  border-radius: var(--checkout-radius) !important;
  box-shadow: var(--checkout-shadow) !important;
  color: var(--checkout-text-color) !important;
}

/* For all textareas inside checkout */
.wc-block-checkout__payment-method .wc-block-components-textarea textarea::placeholder,
.wc-block-checkout__payment-method .wc-block-components-textarea::placeholder {
  color: var(--checkout-placeholder-text-color) !important;
  font-family: var(--checkout-placeholder-text-font-family) !important;
  opacity: 0.7; /* subtle and elegant */
  transition: opacity 0.3s ease;
}



/* On focus: make placeholder fade away smoothly */
.wc-block-checkout__payment-method .wc-block-components-textarea textarea:focus::placeholder {
  opacity: 0.4;
}


/* ========== ORDER NOTES (form-checkout.php) ========== */
.wp-block-woocommerce-checkout .wc-block-checkout__order-notes {
}


/* ========== TERMS & CONDITIONS (terms.php) ========== */
.wp-block-woocommerce-checkout .wc-block-checkout__terms {
 
}

.wc-block-checkout__terms .wc-block-components-checkbox__label {
  font-family: var(--checkout-placeholder-text-font-family);
}




/* ==========================================================
========== LEGACY ORDER PAY / REVIEW (form-pay.php) =========
========================================================== */

#order_review {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

#order_review .shop_table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  background: transparent;
  margin: 0 0 24px;
}

#order_review .shop_table thead th,
#order_review .shop_table tfoot th,
#order_review .shop_table tfoot td,
#order_review .shop_table .product-name,
#order_review .shop_table .product-quantity,
#order_review .shop_table .product-total {
  font-family: var(--checkout-font-principal);
  color: var(--checkout-text-color);
}

#order_review .shop_table thead th {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--app-border-color-secondary);
}

#order_review .shop_table tbody td,
#order_review .shop_table tfoot th,
#order_review .shop_table tfoot td {
  padding: 16px;
  border-bottom: 1px solid var(--app-border-color-secondary);
  vertical-align: top;
}

#order_review .shop_table tbody tr:last-child td,
#order_review .shop_table tfoot tr:last-child th,
#order_review .shop_table tfoot tr:last-child td {
  border-bottom: none;
}

#order_review .shop_table .product-name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

#order_review .shop_table .product-quantity {
  width: 110px;
  text-align: center;
  white-space: nowrap;
}

#order_review .shop_table .product-total {
  text-align: right;
  white-space: nowrap;
  font-weight: 600;
}

#order_review .shop_table tfoot th {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: 600;
}

#order_review #payment {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid var(--app-border-color-secondary);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

#order_review .wc_payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

#order_review .wc_payment_method {
  border: 1px solid var(--app-border-color-secondary);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 16px;
  gap: 0;
}

#order_review .wc_payment_method > label {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
  cursor: pointer;
  font-family: var(--checkout-font-principal);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--checkout-title-text-color);
  min-width: 0;
}

#order_review .wc_payment_method input[type="radio"] {
  flex: 0 0 auto;
  margin: 0 12px 0 0;
  accent-color: var(--app-button-color);
  align-self: center;
}

#order_review .payment_box {
  flex: 0 0 100%;
  margin: 0;
  padding: 0 0 16px 28px;
  color: var(--checkout-text-color);
  font-family: var(--checkout-font-principal);
  font-size: 14px;
  line-height: 1.65;
}

#order_review .payment_box p {
  margin: 0;
}

#order_review .wc-stripe-card-icons-container,
#order_review .wc_payment_method img {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-height: 20px;
}

#order_review .wc_payment_method .wc-stripe-card-icons-container {
  flex: 0 0 auto;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}

#order_review .woocommerce-terms-and-conditions-wrapper {
  margin: 18px 0 20px;
}

#order_review .woocommerce-privacy-policy-text p {
  margin: 0;
  color: var(--checkout-text-color);
  font-family: var(--checkout-font-principal);
  font-size: 13px;
  line-height: 1.7;
}

#order_review #place_order,
#order_review .button.alt {
  width: 100%;
  margin-top: 8px;
  padding: var(--checkout-button-padding);
  border-radius: var(--checkout-button-border-radius);
  border: var(--checkout-button-primary-border);
  background: var(--checkout-button-primary-bg);
  color: var(--checkout-button-primary-color);
  font-family: var(--checkout-button-font-family);
  font-size: var(--checkout-button-font-size);
  font-weight: var(--checkout-button-font-weight);
  text-transform: var(--checkout-button-text-transform);
  transition: var(--checkout-button-transition);
}

#order_review #place_order:hover,
#order_review .button.alt:hover {
  background: var(--checkout-button-primary-bg-hover);
  color: var(--checkout-button-primary-color-hover);
  transform: translateY(-2px);
}

#order_review .ppcp-messages {
  margin: 0 0 16px;
}

#order_review .ppc-button-wrapper,
#order_review #ppc-button-ppcp-gateway,
#order_review #ppc-button-ppcp-card-button-gateway,
#order_review #ppc-button-ppcp-googlepay,
#order_review #ppc-button-ppcp-applepay {
  width: 100%;
}

#order_review .ppc-button-wrapper iframe {
  max-width: 100% !important;
}

@media (max-width: 800px) {
  #order_review {
    padding: 0 10px 30px;
  }

  #order_review .shop_table thead {
    display: none;
  }

  #order_review .shop_table,
  #order_review .shop_table tbody,
  #order_review .shop_table tr,
  #order_review .shop_table td,
  #order_review .shop_table th {
    display: block;
    width: 100%;
  }

  #order_review .shop_table tr {
    border-bottom: 1px solid var(--app-border-color-secondary);
    padding: 12px 0;
  }

  #order_review .shop_table tbody td,
  #order_review .shop_table tfoot th,
  #order_review .shop_table tfoot td {
    border-bottom: none;
    padding: 6px 0;
    text-align: left;
  }

  #order_review .shop_table .product-quantity,
  #order_review .shop_table .product-total {
    text-align: left;
    width: 100%;
  }

  #order_review #payment {
    padding: 14px;
  }

  #order_review .wc_payment_method > label {
    padding: 12px 14px;
    font-size: 13px;
    flex-wrap: wrap;
  }

  #order_review .payment_box {
    padding: 0 0 14px 28px;
  }
}

@media (max-width: 500px) {
  #order_review {
    padding-inline: 6px;
  }

  #order_review .shop_table .product-name {
    font-size: 14px;
  }

  #order_review .wc_payment_method > label {
    font-size: 12px;
  }
}

  /* ==========================================================
  ================== ACTIONS (form-pay.php) ===================
  ========================================================== */


/* === Shared Button Styles === */
.wc-block-checkout__actions .wc-block-components-button,
.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {
  font-family: var(--checkout-button-font-family);
  font-size: var(--checkout-button-font-size);
  font-weight: var(--checkout-button-font-weight);
  text-transform: var(--checkout-button-text-transform);
  border-radius: var(--checkout-button-radius);
  transition: var(--checkout-button-transition);
  padding: var(--checkout-button-padding);
  letter-spacing: 0.5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1.2;
}

/* === Primary Button (Place Order) === */
.wc-block-checkout__actions .wc-block-components-button {
  background: var(--checkout-button-primary-bg);
  color: var(--checkout-button-primary-color);
  border: var(--checkout-button-primary-border);
  border-radius: var(--checkout-button-border-radius);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.wc-block-checkout__actions .wc-block-components-button:hover {
  background: var(--checkout-button-primary-bg-hover);
  color: var(--checkout-button-primary-color-hover);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* === Secondary Button (Return to Cart) === */
.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {
  background: var(--checkout-button-secondary-bg);
  color: var(--checkout-button-secondary-color);
  border: var(--checkout-button-secondary-border);
  border-radius: var(--checkout-button-border-radius);
  opacity: 0.9;
}

.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button:hover {
  background: var(--checkout-button-secondary-bg-hover);
  color: var(--checkout-button-secondary-color-hover);
  transform: translateY(-3px);
  opacity: 1;
}

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

/* === SVG icon inside "Return to Cart" === */
.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button svg {
  margin-right: 8px;
  transition: transform 0.35s ease;
}

.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button:hover svg {
  transform: translateX(-4px);
}

/* === Responsive === */
@media (max-width: 600px) {
  .wc-block-checkout__actions .wc-block-checkout__actions_row {
    gap: 12px;
  }
  .wc-block-checkout__actions .wc-block-components-button,
  .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {
    width: 100%;
    justify-content: center;
    flex: 1 !important;
  }
}

  /* ==========================================================
  ============== ORDER SUMMARY (review-order.php) =============
  ========================================================== */

.wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* =======================================
       Checkout – Order Summary
========================================*/


.wc-block-components-totals-wrapper {
    border-top: none !important;
    padding: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--checkout-summary-bg-color) !important;
  border: var(--checkout-summary-border) !important;
  border-radius: var(--checkout-summary-radius) !important;
  padding: var(--checkout-summary-padding) !important;
  
  box-shadow: var(--checkout-summary-shadow) !important;
}




/* === Title === */
.wc-block-components-checkout-order-summary__title {
  margin-bottom: 12px !important;
  font-family: var(--checkout-font-principal) !important;
  background: var(--checkout-summary-title-bg-color) !important;
  backdrop-filter: var(--checkout-summary-bg-backdrop) !important;
  border: var(--checkout-summary-title-border) !important;
  border-radius: var(--checkout-summary-title-radius) !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  justify-content: center !important;
}

.wp-block-woocommerce-checkout-order-summary-block 
.wc-block-components-checkout-order-summary__title 
.wc-block-components-checkout-order-summary__title-text {
  color: var(--checkout-summary-title-color);
  font-family: var(--checkout-summary-title-font-family);
  font-size: var(--checkout-summary-title-font-size);
  font-weight: var(--checkout-summary-title-font-weight);
  text-transform: var(--checkout-summary-title-text-transform);
  letter-spacing: var(--checkout-summary-title-letter-spacing);
  margin: 0 !important;
}

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

/* === Cart Items === */
.wc-block-components-order-summary__content {
  background: var(--checkout-summary-content-bg-color) !important;
  border: var(--checkout-summary-content-border) !important;
  border-radius: var(--checkout-summary-content-radius) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--checkout-summary-item-gap) !important;
}

.wc-block-components-order-summary-item {
  background-color: var(--checkout-summary-item-bg-color) !important;
  -webkit-backdrop-filter: var(--checkout-summary-bg-backdrop) !important;
  backdrop-filter: var(--checkout-summary-bg-backdrop) !important;
  border-radius: var(--checkout-summary-content-radius) !important;
  border: var(--checkout-summary-item-border) !important;
  padding: var(--checkout-summary-item-padding) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

.wc-block-components-order-summary-item:hover {
  box-shadow: var(--app-shadow-inner); 
  background-color: var(--checkout-summary-item-bg-color-hover) !important;
}


.checkout-item-quantity {
  color: var(---checkout-summary-old-price-color) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  margin-right: 4px !important;
}

.checkout-item-total {
  display: block !important;
  margin-top: 2px !important;
  color: var(--checkout-summary-price-color) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Make sure the ::after border appears below both */
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout .price::after {
  content: "" !important;
  display: block !important;
  margin-top: 10px !important;
  border-bottom: var(--checkout-summary-border-bottom) !important;
}



.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
  width: 80px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}


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


.wc-block-components-order-summary-item__quantity {
  position: absolute;
  top: 4px;
  left: 4px;
  background: var(--checkout-summary-quantity-bg);
  color: var(--checkout-summary-quantity-color);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding: 0px !important;
    flex: 1 !important;
    margin-left: 12px !important;
    color: var(--checkout-summary-item-text-color) !important;
}

.wc-block-components-product-name {
  font-family: var(--checkout-summary-item-font-family) !important;
  font-weight: var(--checkout-summary-item-font-weight) !important;
  font-size: var(--checkout-summary-item-font-size) !important;
  color: var(--checkout-summary-item-title-color) !important;
  margin: 0 0 4px !important;
}

.wc-block-components-product-price__value {
  color: var(--checkout-summary-price-color) !important;
  font-weight: 600 !important;
  font-size: var(--checkout-summary-price-size) !important;
}

.wc-block-components-product-price__regular {
  color: var(--checkout-summary-old-price-color) !important;
  font-size: 12px !important;
  text-decoration: line-through !important;
  margin-right: 6px !important;
}

.wc-block-components-product-metadata__description p {
  color: var(--checkout-summary-description-color) !important;
  font-size: 13px !important;
  margin: 3px 0 !important;
}



/* === Totals Section === */

.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
  background-color: var(--checkout-summary-total-bg-color) !important;
  border-top-left-radius: var(--checkout-summary-total-radius) !important;
  border-top-right-radius: var(--checkout-summary-total-radius) !important;
  border-left: var(--checkout-summary-total-border) !important;
  border-top: var(--checkout-summary-total-border) !important;
  border-right: var(--checkout-summary-total-border) !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
  background-color: var(--checkout-summary-total-bg-color) !important;
  border-left: var(--checkout-summary-total-border) !important;
  border-right: var(--checkout-summary-total-border) !important;
  border-top: none !important;
  padding-top: 12px !important;
  padding-bottom: 16px !important;
}


.wc-block-components-totals-item.wc-block-components-totals-footer-item {
  background: var(--checkout-summary-total-bg-color) !important;
  border-bottom-left-radius: var(--checkout-summary-total-radius) !important;
  border-bottom-right-radius: var(--checkout-summary-total-radius) !important;
  border-left: var(--checkout-summary-total-border) !important;
  border-bottom: var(--checkout-summary-total-border) !important;
  border-right: var(--checkout-summary-total-border) !important;
  padding-bottom: 10px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: var(--checkout-summary-total-font-size) !important;
  color: var(--checkout-summary-total-color) !important;
}


/* === details === */

.wc-block-components-panel__button {
  font-family: var(--checkout-summary-footer-font-principal) !important;
  /* text-transform: var(--checkout-summary-footer-text-transform) !important; */
  font-weight: var(--checkout-summary-footer-font-weight) !important;
  font-size: var(--checkout-summary-footer-font-size) !important;
  color: var(--checkout-summary-footer-title-color) !important;
}

.wp-block-woocommerce-checkout-order-summary-subtotal-block 
.wc-block-components-totals-item__label {
  font-family: var(--checkout-summary-footer-font-principal) !important;
  /* text-transform: var(--checkout-summary-footer-text-transform) !important; */
  /* font-weight: var(--checkout-summary-footer-font-weight) !important;
  font-size: var(--checkout-summary-footer-font-size) !important; */
  color: var(--checkout-summary-footer-color) !important;
}

.wc-block-formatted-money-amount.wc-block-components-totals-item__value {
  font-family: var(--checkout-summary-footer-price-font-principal) !important;
  text-transform: var(--checkout-summary-footer-price-text-transform) !important;
  font-weight: var(--checkout-summary-footer-price-font-weight) !important;
  font-size: var(--checkout-summary-footer-price-font-size) !important;
  color: var(--checkout-summary-footer-price-color) !important;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item 
.wc-block-components-totals-item__label {
  font-family: var(--checkout-summary-footer-total-font-principal) !important;
  text-transform: var(--checkout-summary-footer-total-text-transform) !important;
  font-weight: var(--checkout-summary-footer-total-font-weight) !important;
  font-size: var(--checkout-summary-footer-total-font-size) !important;
  color: var(--checkout-summary-footer-total-color) !important;
}

.wc-block-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
  font-family: var(--checkout-summary-footer-price-total-font-principal) !important;
  text-transform: var(--checkout-summary-footer-total-price-text-transform) !important;
  font-weight: var(--checkout-summary-footer-price-total-font-weight) !important;
  font-size: var(--checkout-summary-footer-price-total-font-size) !important;
  color: var(--checkout-summary-footer-price-total-color) !important;
}



.wc-block-components-panel__content {
  margin-top: 5px !important;
  padding: 0 !important;
}


.wc-block-components-totals-coupon__form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.main-content .wc-block-components-text-input.wc-block-components-totals-coupon__input {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px !important;
  margin-bottom: 10px !important;
  margin-left: -8px !important;
}

.main-content .wc-block-components-text-input.wc-block-components-totals-coupon__input.is-active label {
  margin-top: -45px !important;
}

.main-content .wc-block-components-text-input.wc-block-components-totals-coupon__input label {
  display: block !important;
  left: 20px;
  top: 30px;
  letter-spacing: 0.3px !important;
  max-width: calc(100% - 32px);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%);
  transform-origin: top left;
  transition: all .2s ease;
  color: var(--checkout-label-text-color) !important;
  font-style: var(--checkout-label-text-font-style);
  font-weight: var(--checkout-label-font-weight)!important;
  font-size:var(--checkout-label-font-size)!important;
  text-transform: var(--checkout-label-text-transform)!important;
  font-family: var(--checkout-label-text-font-family) !important;
}

#wc-block-components-totals-coupon__input-coupon {
  width: 100% !important;
  padding: 12px 14px !important;
  transition: all 0.3s ease !important;
  border: var(--checkout-form-border) !important;
  border-radius: var(--checkout-form-border-radius) !important;
  background: var(--checkout-form-bg-color) !important;
  color: var(--checkout-form-text-color) !important;
  font-weight: var(--checkout-form-font-weight)!important;
  font-size:var(--checkout-form-font-size)!important;
  text-transform: var(--checkout-form-text-transform)!important;
  font-family: var(--checkout-form-text-font) !important;
  
}

#wc-block-components-totals-coupon__input-coupon:focus {
  border-color: var(--checkout-form-bg-color-focus) !important;
  outline: none !important;
}

.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
  max-height: 44px !important;
  margin-top: 8px !important;
  font-family: var(--checkout-button-font-family);
  font-size: var(--checkout-button-font-size);
  font-weight: var(--checkout-button-font-weight);
  text-transform: var(--checkout-button-text-transform);
  border-radius: var(--checkout-button-radius);
  transition: var(--checkout-button-transition);
  letter-spacing: 0.5px;
  padding: var(--checkout-button-padding);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1.2;
  background: var(--checkout-button-primary-bg) !important;
  color: var(--checkout-button-primary-color) !important;
  border: var(--checkout-button-primary-border) !important;
  border-radius: var(--checkout-button-border-radius) !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
}

.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover {
  background: var(--checkout-button-primary-bg-hover) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-3px) !important;
}

/* label styling preview */
.wp-block-woocommerce-checkout .wc-block-components-text-input label {
  font-weight: 600 !important;
  color: #333 !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
  min-height: 3.6rem !important;
}

.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label {
  top: 34px !important;
}

/* Preserve the original WooCommerce 9.x positioning used by local. */
.wp-block-woocommerce-checkout .wc-block-components-text-input.skavia-has-value label:not(.wc-block-components-address-form__address_1.skavia-has-value label) {
  margin-top: -41px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-text-input.skavia-has-value label:not(.wc-block-components-address-form__address_1.skavia-has-value label) {
  margin-top: -35px;
  margin-left: 0px;
  background-color: white !important;
  transform: translateY(4px);
  display: block !important;
  color: var(--checkout-placeholder-text-color) !important;
  font-style: var(--checkout-placeholder-text-font-style) !important;
  font-weight: var(--checkout-placeholder-font-weight) !important;
  font-size: var(--checkout-placeholder-font-size) !important;
  text-transform: var(--checkout-placeholder-text-transform) !important;
  font-family: var(--checkout-placeholder-text-font-family) !important;
}

/* Address line 1 uses its own label position. */
.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-address-form__address_1 > label {
  left: 12px !important;
}

.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form__address_1.skavia-has-value > label {
  background-color: white !important;
  margin-top: -40px !important;
  margin-left: 0 !important;
}

/* Address line 2 uses a separate normal and active label position. */
.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-address-form__address_2 > label {
  top: 28px !important;
}

.main-content .wp-block-woocommerce-checkout .wc-block-components-address-form__address_2.skavia-has-value > label {
  margin-top: -48px !important;
  margin-left: 0 !important;
}

/* payement */
.wp-block-woocommerce-checkout .wc-block-components-express-payment--checkout {
    margin-top: 60px !important;
}


.wp-block-woocommerce-checkout .wc-block-components-express-payment--checkout 
.wc-block-components-express-payment__content {
  border: none !important;
  border-top: none !important;
}

@media (max-width: 800px) {
  .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    padding: 100px 20px 20px 20px !important;
  }


  /* hidden second order summary */
  .wp-block-woocommerce-checkout-order-summary-block .css-0.e19lxcc00 {
    display: none !important;
  }
  .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
    display: none !important;
  }

  /* padding for total summary */
  .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper,
  .wp-block-woocommerce-checkout-order-summary-subtotal-block.wc-block-components-totals-wrapper,
  .wc-block-components-totals-item.wc-block-components-totals-footer-item {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
    margin-top: 28px !important;
  }

  .main-content .wc-block-components-text-input.wc-block-components-totals-coupon__input.is-active label {
    left: 28px !important;
    top: -4px !important;
  }

  .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open {
    border-bottom: none !important;
  }
  
}


@media (max-width: 750px) {
  .wp-block-woocommerce-checkout .wc-block-components-express-payment--checkout {
    margin-top: 0px !important;
  }
}

@media (max-width: 500px) {
  .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    padding: 80px 5px 5px 5px !important;
  }

  .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    border-top:  1px solid hsla(0, 0%, 7%, .11) !important;
  }

  .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content {
    padding: 20px 0px 24px !important;
  }
  
}