/*
Theme Name: NTO Filing Child
Template: neve
Version: 1.0
*/


/* =========================================
   Gravity Forms - Form 3 Product Display
   Product fields: 1 and 5
   Purpose:
   - Hide editable quantity boxes
   - Remove arrows/spinners
   - Show friendly quantity labels
   - Show unit price and subtotal
   ========================================= */

/* Keep each product field stacked cleanly */
#gform_wrapper_3 #field_3_1,
#gform_wrapper_3 #field_3_5 {
  display: block !important;
  margin-bottom: 4px !important;
}

/* Hide the original Gravity Forms field labels to avoid duplication */
#gform_wrapper_3 #field_3_1 > .gfield_label,
#gform_wrapper_3 #field_3_5 > .gfield_label {
  display: none !important;
}

/* Hide Gravity Forms' built-in Quantity label */
#gform_wrapper_3 #field_3_1 .ginput_quantity_label,
#gform_wrapper_3 #field_3_5 .ginput_quantity_label,
#gform_wrapper_3 label[for="input_3_1_3"],
#gform_wrapper_3 label[for="input_3_5_3"] {
  display: none !important;
}

/* Visually hide the actual quantity input but keep it active for calculations/submission */
#gform_wrapper_3 #input_3_1_3,
#gform_wrapper_3 #input_3_5_3,
#gform_wrapper_3 #field_3_1 input.ginput_quantity,
#gform_wrapper_3 #field_3_5 input.ginput_quantity {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

/* Remove number arrows/spinners */
#gform_wrapper_3 #input_3_1_3::-webkit-outer-spin-button,
#gform_wrapper_3 #input_3_1_3::-webkit-inner-spin-button,
#gform_wrapper_3 #input_3_5_3::-webkit-outer-spin-button,
#gform_wrapper_3 #input_3_5_3::-webkit-inner-spin-button,
#gform_wrapper_3 #field_3_1 input.ginput_quantity::-webkit-outer-spin-button,
#gform_wrapper_3 #field_3_1 input.ginput_quantity::-webkit-inner-spin-button,
#gform_wrapper_3 #field_3_5 input.ginput_quantity::-webkit-outer-spin-button,
#gform_wrapper_3 #field_3_5 input.ginput_quantity::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Hide the original product price line because the script creates a cleaner one */
#gform_wrapper_3 #field_3_1 .ginput_product_price_label,
#gform_wrapper_3 #field_3_1 .ginput_product_price,
#gform_wrapper_3 #field_3_5 .ginput_product_price_label,
#gform_wrapper_3 #field_3_5 .ginput_product_price {
  display: none !important;
}

/* Product summary card */
#gform_wrapper_3 .nto-product-summary {
  display: block !important;
  color: #102033 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  margin-bottom: 4px !important;
  padding: 16px 18px !important;
  background: #f7f9fc !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 12px !important;
  max-width: 460px !important;
  box-shadow: 0 2px 8px rgba(16, 32, 51, 0.06) !important;
}

/* Main quantity line */
#gform_wrapper_3 .nto-product-main-line {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
  font-weight: 600 !important;
}

/* Friendly label */
#gform_wrapper_3 .nto-product-label {
  color: #102033 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* Quantity number directly beside label */
#gform_wrapper_3 .nto-product-qty {
  color: #102033 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
}

/* Unit price row */
#gform_wrapper_3 .nto-product-unit-price {
  display: block !important;
  font-size: 16px !important;
  color: #4d5665 !important;
  margin-top: 5px !important;
}

/* Subtotal row */
#gform_wrapper_3 .nto-product-subtotal {
  display: block !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #102033 !important;
  margin-top: 5px !important;
}

/* Keep descriptions below the custom summary */
#gform_wrapper_3 #field_3_1 .gfield_description,
#gform_wrapper_3 #field_3_5 .gfield_description {
  display: block !important;
  clear: both !important;
  margin-top: 10px !important;
  color: #4d5665 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/* Keep total field clean */
#gform_wrapper_3 .gfield_total {
  margin-top: 18px !important;
}

#gform_wrapper_3 .ginput_total {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #102033 !important;
}

/* Reduce spacing between product boxes and Total field */
#gform_wrapper_3 .gfield_total {
  margin-top: 0px !important;
  padding-top: 0 !important;
}

/* Reduce any extra spacing around the Total input itself */
#gform_wrapper_3 .ginput_total {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduce bottom spacing after the second product box */
#gform_wrapper_3 #field_3_5 {
  margin-bottom: 0px !important;
}

/* Reduce spacing after the custom product summary card */
#gform_wrapper_3 #field_3_5 .nto-product-summary {
  margin-bottom: 0px !important;
}

/* =========================================
   Form 3 - Checkout Button Styling
   ========================================= */

/* Bold the Purchase button text */
#gform_wrapper_3 .gform_button,
#gform_wrapper_3 input[type="submit"],
#gform_wrapper_3 button[type="submit"] {
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
  min-height: 52px !important;
  padding: 14px 24px !important;
}

/* Add space between the button and footer */
#gform_wrapper_3 {
  margin-bottom: 50px !important;
}

/* If the button itself is too close to the footer, add padding below the submit area */
#gform_wrapper_3 .gform_footer,
#gform_wrapper_3 .gform_page_footer {
  margin-bottom: 50px !important;
  padding-bottom: 30px !important;
}