/* alliance-homecare/assets-src/request-care.css
   Single consolidated snippet for this feature area. Sections:
     1. Gravity Forms #gform_8 (landing page contact form)
     2. Gravity Forms #gform_1 (Request Care drawer)
     3. Request Care — Intent Step + Location Selector (new)
   Deploy as the CSS half of the snippet (same place section 1/2 used to
   live alone), OR enqueue via inc/scripts.php — pick ONE delivery path.
*/

#gform_8 {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0px 5px 20px 5px #1A28331A;
  padding: 50px;
}

#gform_wrapper_8 .gform_fields {
  gap: 16px;
}

#gform_wrapper_8 input:not([type="submit"]),
#gform_wrapper_8 select,
#gform_wrapper_8 textarea {
  background: #FFFFFF;
/*   border: 1px solid #6C8286; */
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
}

#gform_wrapper_8 input::placeholder,
#gform_wrapper_8 textarea::placeholder {
  color: #6C8286;
  font-size: 15px;
}

#gform_wrapper_8 select option[value=""] {
  color: #6C8286;
}

/* Labels */
#gform_wrapper_8 .gfield_label {
  color: #6C8286;
  font-size: 15px;
  font-weight: 500;
}

/* Hide per-field validation messages */
#gform_wrapper_8 .validation_message { display: none; }

/* Hide GF default top validation summary */
#gform_wrapper_8 .gform_validation_errors { display: none; }

/* Submit button */
#gform_wrapper_8 .gform_button {
  background-color: #C2572C;
  border: none;
  border-radius: 100px;
  box-shadow: 0px 10px 15px -3px #0000001A, 0px 4px 6px -4px #0000001A;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8848px;
  padding: 20px 44px;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

#gform_wrapper_8 .gform_button:hover {
  background-color: #a34826;
  transform: scale(1.02);
}

/* Custom bottom error summary */
#gform_wrapper_8 .custom_error_summary {
  color: red;
  font-size: 14px;
  margin-top: 12px;
}

/* Radio field — horizontal pill row (field 12) */
#gform_8 .gfield_radio {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px 0;
  background: #DFF0FC;
  border-radius: 8px;
  padding: 16px;
}

@media (max-width: 1024px) {
  #gform_8 .gfield_radio {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  #gform_8 .gfield_radio {
    grid-template-columns: repeat(1, 1fr);
  }
}

#gform_8 .gchoice {
  display: flex;
  align-items: center;
}

#gform_8 .gchoice input[type="radio"] {
  margin: 0 6px 0 0;
  flex-shrink: 0;
}

#gform_8 .gchoice label {
  font-size: 15px;
  color: #394255;
  white-space: nowrap;
  cursor: pointer;
}

/* Consent field (field 14) */

#gform_8 .gfield--type-consent{
  background: #DCE3E84D;
  border: none;
  border-radius: 8px;
  max-height: none;
  overflow: visible;
  padding: 16px;
}

#gform_8 .gfield_consent_description {
  color: #394255;
  font-size: 12px;
  font-weight: 500;
  max-height: none;
  overflow: visible;
  border: none;
  padding: 0px;
  margin: 0px;
}

#gform_8 .ginput_container_consent {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

#gform_8 .ginput_container_consent input[type="checkbox"] {
  margin: 0;
  flex-shrink: 0;
}

#gform_8 .gfield_consent_label {
  color: #394255;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}


/* Submit footer */
#gform_8 .gform-footer .wp-block-buttons {
  display: block;
  width:100%;
  margin:0px;
}

#gform_8 .gform-footer .wp-block-button.submit {
  width: 100%;
}

#gform_8 .gform-footer .wp-block-button.submit button {
  background-color: #C2572C !important;
  border: none !important;
  border-radius: 100px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8848px;
  padding: 20px 44px;
  text-transform: uppercase;
  width: 100%;
  transition: background-color 0.25s ease-out;
  box-shadow: 0px 10px 15px -3px #0000001A, 0px 4px 6px -4px #0000001A;
}

#gform_8 .gform-footer .wp-block-button.submit button:hover {
  background-color: #a34826 !important;
}

#gform_8 .gform-footer .wp-block-button.is-style-outline {
  display: none;
}

#gform_8 .gform_footer_disclaimer {
  color: #394255;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  margin-top: 32px;
  text-align: center;
}

#gform_8 .gform-footer {
    padding:0px;
    margin:0px;
    margin-top:32px;
    flex-direction:column;
}


/* ============================================================
   Form 1 — Request Care Drawer
   ============================================================ */

#gform_1 {

}

#gform_wrapper_1 .gform_fields {
  gap: 16px;
}

#gform_wrapper_1 input:not([type="submit"]),
#gform_wrapper_1 select,
#gform_wrapper_1 textarea {
  background: #FFFFFF;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
}

#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {
  color: #6C8286;
  font-size: 15px;
}

#gform_wrapper_1 select option[value=""] {
  color: #6C8286;
}

#gform_wrapper_1 .gfield_label {
  color: #6C8286;
  font-size: 15px;
  font-weight: 500;
}

#gform_wrapper_1 .validation_message { display: none; }
#gform_wrapper_1 .gform_validation_errors { display: none; }

#gform_wrapper_1 .gform_button {
  background-color: #C2572C;
  border: none;
  border-radius: 100px;
  box-shadow: 0px 10px 15px -3px #0000001A, 0px 4px 6px -4px #0000001A;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8848px;
  padding: 20px 44px;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

#gform_wrapper_1 .gform_button:hover {
  background-color: #a34826;
  transform: scale(1.02);
}

#gform_wrapper_1 .custom_error_summary {
  color: red;
  font-size: 14px;
  margin-top: 12px;
}

#gform_1 .gfield_radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 0;
  background: #DFF0FC;
  border-radius: 8px;
  padding: 16px;
}

@media (max-width: 1024px) {
  #gform_1 .gfield_radio {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  #gform_1 .gfield_radio {
    grid-template-columns: repeat(1, 1fr);
  }
}

#gform_1 .gchoice {
  display: flex;
  align-items: center;
}

#gform_1 .gchoice input[type="radio"] {
  margin: 0 6px 0 0;
  flex-shrink: 0;
}

#gform_1 .gchoice label {
  font-size: 15px;
  color: #394255;
  white-space: nowrap;
  cursor: pointer;
}

#gform_1 .gfield--type-consent {
  background: #DCE3E84D;
  border: none;
  border-radius: 8px;
  max-height: none;
  overflow: visible;
  padding: 16px;
}

#gform_1 .gfield_consent_description {
  color: #394255;
  font-size: 12px;
  font-weight: 500;
  max-height: none;
  overflow: visible;
  border: none;
  padding: 0px;
  margin: 0px;
}

#gform_1 .ginput_container_consent {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

#gform_1 .ginput_container_consent input[type="checkbox"] {
  margin: 0;
  flex-shrink: 0;
}

#gform_1 .gfield_consent_label {
  color: #394255;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

#gform_1 .gform-footer .wp-block-buttons {
  display: block;
  width: 100%;
  margin: 0px;
}

#gform_1 .gform-footer .wp-block-button.submit {
  width: 100%;
}

#gform_1 .gform-footer .wp-block-button.submit button {
  background-color: #C2572C !important;
  border: none !important;
  border-radius: 100px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8848px;
  padding: 20px 44px;
  text-transform: uppercase;
  width: 100%;
  transition: background-color 0.25s ease-out;
  box-shadow: 0px 10px 15px -3px #0000001A, 0px 4px 6px -4px #0000001A;
}

#gform_1 .gform-footer .wp-block-button.submit button:hover {
  background-color: #a34826 !important;
}

#gform_1 .gform-footer .wp-block-button.is-style-outline {
  display: none;
}

#gform_1 .gform-footer {
  padding: 0px;
  margin: 0px;
  margin-top: 32px;
  flex-direction: column;
}

#gform_1 .gform_footer_disclaimer {
  color: #394255;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  /* margin-top: 32px; */
  text-align: center;
}

/* Hide original HTML disclaimer (replaced by JS-injected .gform_footer_disclaimer) */
.eh-part-modal__content p.has-small-font-size {
  display: none;
}

.eh-part-modal.is-style-drawer .eh-part-modal__content {
  padding: 40px;
}

.is-style-kicker-heading {
  font-family: unset !important;
  font-size: 24px;
  font-weight: 600;
}

.eh-block-box .is-style-kicker-heading {
  margin-bottom: 0px;
}

/* Promo block h2 inside drawer */
.eh-block-promo__content h2 {
  font-size: 16px!important;
  font-weight: 500;
}


/* ============================================================
   Request Care — Intent Step + Location Selector (new)
   ============================================================ */

.ahc-intent {
	position: relative;
}

.ahc-intent__overlay {
	position: absolute;
	inset: 0;
	z-index: 5;
	background: var(--wp--preset--color--white, #fff);
	display: flex;
	flex-direction: column;
}

.ahc-intent__step[hidden] {
	display: none;
}

.ahc-intent__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--small, 16px);
	padding-bottom: var(--wp--preset--spacing--small, 16px);
	margin-bottom: var(--wp--preset--spacing--small, 16px);
	border-bottom: 1px solid var(--wp--preset--color--border, #e1e1e1);
}

.ahc-intent__back {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: 0;
	padding: 0;
	font-size: var(--wp--preset--font-size--small, 14px);
	color: var(--wp--preset--color--primary, #204ce5);
	cursor: pointer;
}

.ahc-intent__options {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--x-small, 12px);
}

.ahc-intent__option {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--x-small, 12px);
	width: 100%;
	text-align: left;
	padding: var(--wp--preset--spacing--small, 16px);
	border: 1px solid var(--wp--preset--color--border, #e1e1e1);
	border-radius: 8px;
	background: var(--wp--preset--color--white, #fff);
	cursor: pointer;
	font-weight: 600;
}

.ahc-intent__option-icon {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}

.ahc-intent__option-chevron {
	margin-left: auto;
	flex: 0 0 auto;
	opacity: 0.4;
}

.ahc-intent__hiring-badge {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--wp--preset--color--core-button-tertiary, #f2643a);
	opacity: 0.15;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto var(--wp--preset--spacing--small, 16px);
}

.ahc-intent__hiring-badge svg {
	opacity: 1;
}

/* Location selector — desktop only, hidden on mobile per spec */
.ahc-location-selector {
	position: relative;
	display: none;
	align-items: center;
	font-size: var(--wp--preset--font-size--small, 14px);
}

@media (min-width: 782px) {
	.ahc-location-selector {
		display: inline-flex;
	}
}

.ahc-location-selector__trigger {
	background: none;
	border: 0;
	cursor: pointer;
	font: inherit;
	color: inherit;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.ahc-location-selector__trigger strong {
	color: var(--wp--preset--color--primary, #204ce5);
}

.ahc-location-selector__panel {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	min-width: 180px;
	background: var(--wp--preset--color--white, #fff);
	border: 1px solid var(--wp--preset--color--border, #e1e1e1);
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	padding: var(--wp--preset--spacing--x-small, 12px) 0;
}

.ahc-location-selector__panel[hidden] {
	display: none;
}

.ahc-location-selector__option {
	display: block;
	width: 100%;
	text-align: left;
	background: none;
	border: 0;
	padding: 8px var(--wp--preset--spacing--small, 16px);
	color: var(--wp--preset--color--primary, #204ce5);
	cursor: pointer;
	font: inherit;
}

.ahc-location-selector__option[aria-current="true"] {
	font-weight: 700;
	background: var(--wp--preset--color--gray-bg, #f5f5f5);
}