/* OXO Salon Locator Signup - Checkout Styles */

#oxo-salon-locator-signup {
  font-size: 1.2em;
  color: #333;
}


/* Subtitle */
#oxo-salon-locator-signup .oxo-salon-locator__subtitle {
  font-size: 0.85em;
  color: #666;
  margin: 0 0 10px;
  padding: 0 20px;
}

/* Sub-text under checkbox */
#oxo-salon-locator-signup .oxo-salon-locator__subtext {
  font-size: 0.8em;
  color: #888;
  margin: 0;
  padding: 0 20px 10px;
}

/* Checkbox row */
p#salon_locator_optin_field {
  padding: 20px !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

#oxo-salon-locator-signup .oxo-salon-locator__optin label {
  font-weight: 600;
  font-size: 1em;
  cursor: pointer;
}

/* Hide WooCommerce "(optional)" on the checkbox */
#oxo-salon-locator-signup .oxo-salon-locator__optin label .optional {
  display: none;
}

/* Inner section */
#oxo-salon-locator-signup .oxo-salon-locator__inner {
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}

/* Fill button */
#oxo-salon-locator-signup .oxo-salon-locator__fill-btn {
  background: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 0.85em;
  color: #555;
  cursor: pointer;
  margin-bottom: 15px;
  transition: border-color 0.2s, color 0.2s;
}

#oxo-salon-locator-signup .oxo-salon-locator__fill-btn:hover {
  border-color: #888;
  color: #333;
}

/* Salon fields */
#oxo-salon-locator-signup .oxo-salon-locator__inner .form-row {
  margin-bottom: 15px;
}

#oxo-salon-locator-signup .oxo-salon-locator__inner label {
  margin-bottom: 5px;
}

#oxo-salon-locator-signup .oxo-salon-locator__inner input[type="text"],
#oxo-salon-locator-signup .oxo-salon-locator__inner select,
#oxo-salon-locator-signup .oxo-salon-locator__inner textarea {
  width: 100%;
  background-color: #f9fafa;
  border: none;
  border-radius: var(--forms-fields-border-radius, 0);
  color: var(--forms-fields-normal-color, #69727d);
  font-size: 14px;
  font-weight: 400;
  padding: var(--forms-fields-padding, 16px);
}

#oxo-salon-locator-signup .oxo-salon-locator__inner textarea {
  min-height: 80px;
}