/* Grey out and remove spinners for AirBeep-B */
#gform_2 #input_2_23 {
    background-color: #f5f5f5 !important;
    color: #555 !important;
    cursor: not-allowed !important;
    -moz-appearance: textfield !important;
}
#gform_2 #input_2_23::-webkit-inner-spin-button,
#gform_2 #input_2_23::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Grey out and remove spinners for AirBeep-B (OEM) */
#gform_2 #input_2_24 {
    background-color: #f5f5f5 !important;
    color: #555 !important;
    cursor: not-allowed !important;
    -moz-appearance: textfield !important;
}
#gform_2 #input_2_24::-webkit-inner-spin-button,
#gform_2 #input_2_24::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Grey placeholder for redemption form */
#gform_2 input::placeholder {
    color: #999 !important;
    opacity: 1;
}

/* Grey out and disable editing for Applicant's Email */
#gform_2 #input_2_32 {
    background-color: #f5f5f5 !important;
    color: #555 !important;
    cursor: not-allowed !important;
    -moz-appearance: textfield !important;
}

/* Targets the footer of Gravity Form ID 2 inside Elementor */
#gform_2 .gform_footer {
  text-align: center !important;
}

#gform_2 .gform_footer input[type="submit"],
#gform_2 .gform_footer input[type="button"] {
  display: inline-block !important;
  margin: 0 auto !important;
  float: none !important;
}

  /* Push the button further up from the bottom of the page */
.back-to-top {
	bottom: 100px !important;
	right: 45px !important;
  z-index: 9999 !important;
}

/* Move the pre-order availability message above the button */
.elementor-23494 .elementor-element.elementor-element-981cb46 ul.products li.product {
  position: relative;
}

/* Make only the button area relative */
.elementor-23494 .elementor-element.elementor-element-981cb46 ul.products li.product .button {
  position: relative;
}

/* Make 'Available on' text smaller and clean */
.wpro-pre-order-shop-page {
  font-size: 12px;
  color: #666; /* Optional: make it lighter */
  margin-bottom: 8px;
  text-align: center;
}

/* Add spacing above and below the button */
ul.products li.product .add_to_cart_button {
  margin-top: 12px;
  margin-bottom: 8px;
  padding: 10px 18px;
  font-size: 14px;
  width: auto;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}

.single-product .site-content > #primary,
.woocommerce-cart .site-content > #primary,
.woocommerce-checkout .site-content > #primary {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
}

body.woocommerce-checkout .site-content > #primary,
body.woocommerce-cart .site-content > #primary,
.single-product .site-content > #primary {
  margin: 0 auto;
  max-width: 1200px;
  padding: 40px 20px 60px; /* top, left/right, bottom */
}


  // Run when Sobot's frame is ready
  zc('frame_ready', function () {
    var css = `
      @media (max-width: 767px) {
        /* Sobot wrapper + its iframe (cover both class variants) */
        .zbj-customer-service-wrap,
        .zp-customer-service-wrap {
          top: 70px !important;
          height: calc(100vh - 70px) !important;
          bottom: auto !important;
        }
        .zbj-customer-service-wrap iframe,
        .zp-customer-service-wrap iframe {
          top: 70px !important;
          height: calc(100vh - 70px) !important;
        }
      }`;
    var style = document.createElement('style');
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
    console.log('Applied mobile chat offset: 70px');
  });

/* Sticky banner for Cart + Checkout */
.woocommerce-cart:before,
.woocommerce-checkout:before {
    content: "Enjoy $5 off! Just enter your Response ID in the coupon section";
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    display: block;
    background: #009FDF;
    color: #ffffff;
    padding: 12px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}