/**
 * Le Cri — page Contact
 *
 * Styles spécifiques à la page contact.
 */

/* -------------------------------------------------------------------------
   Gravity Forms — typo Amplitude Wide (formulaire contact)
   ------------------------------------------------------------------------- */

#gform_wrapper_1,
#gform_wrapper_1 .gform_body,
#gform_wrapper_1 .gform_fields,
#gform_wrapper_1 .gfield,
#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 .gform-field-label,
#gform_wrapper_1 legend,
#gform_wrapper_1 label,
#gform_wrapper_1 input,
#gform_wrapper_1 select,
#gform_wrapper_1 textarea,
#gform_wrapper_1 button,
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 .gfield_description,
#gform_wrapper_1 .validation_message,
#gform_wrapper_1 .gform_validation_errors,
#gform_wrapper_1 .gform_submission_error,
#gform_wrapper_1 .gfield_required,
#gform_wrapper_1 .gfield_required_text,
#gform_wrapper_1 option {
	font-family: var(--lecri-font-amplitude, "amplitude-wide", sans-serif) !important;
}

#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {
	font-family: var(--lecri-font-amplitude, "amplitude-wide", sans-serif) !important;
}

/* -------------------------------------------------------------------------
   Gravity Forms — espacement entre champs
   ------------------------------------------------------------------------- */

.gform_body .gform_fields {
	display: flex;
	flex-direction: column;
	gap: 24px !important;
	row-gap: 24px !important;
}

.gform_body .gfield {
	margin-block-end: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* -------------------------------------------------------------------------
   Gravity Forms — champs
   ------------------------------------------------------------------------- */

.gform_body input[type="text"],
.gform_body input[type="email"],
.gform_body input[type="tel"],
.gform_body input.large {
	box-sizing: border-box !important;
	width: 100% !important;
	height: 50px !important;
	padding: var(--Trs-petit, 6px) var(--Petit, 12px) !important;
	border-radius: var(--Trs-petit, 6px) !important;
	border: 1px solid var(--Gris-fonc, #9ea8b2) !important;
	color: var(--Noir, #000) !important;
	background-color: #fff !important;
	font-family: "amplitude-wide", sans-serif;
	font-size: 17px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	appearance: none !important;
}

.gform_body select.large,
.gform_body select.gfield_select,
.gform_body #input_1_6 {
	display: flex !important;
	align-items: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 50px !important;
	padding: var(--Trs-petit, 6px) var(--Petit, 12px) !important;
	border-radius: var(--Trs-petit, 6px) !important;
	border: 1px solid var(--Gris-fonc, #9ea8b2) !important;
	color: var(--Noir, #000) !important;
	background-color: #fff !important;
	font-family: "amplitude-wide", sans-serif;
	font-size: 17px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	appearance: none !important;
	cursor: pointer;
}

.gform_body select.gfield_select:has(option[value=""]:checked) {
	color: var(--Gris-moyen, #6d6d6d) !important;
}

.gform_body textarea.textarea {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 200px !important;
	padding: var(--Trs-petit, 6px) var(--Petit, 12px) !important;
	border-radius: var(--Trs-petit, 6px) !important;
	border: 1px solid var(--Gris-fonc, #9ea8b2) !important;
	color: var(--Noir, #000) !important;
	background-color: #fff !important;
	font-family: "amplitude-wide", sans-serif !important;
	font-size: 17px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	resize: vertical !important;
}

.gform_body input::placeholder,
.gform_body textarea::placeholder {
	color: var(--Gris-moyen, #6d6d6d);
	font-family: "amplitude-wide", sans-serif !important;
	font-size: 17px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	opacity: 1 !important;
}

.gform_body select.large option,
.gform_body select.gfield_select option {
	color: var(--Noir, #000);
	font-family: "amplitude-wide", sans-serif !important;
}

.gform_body select.gfield_select option.gf_placeholder {
	color: var(--Gris-moyen, #6d6d6d);
}

/* -------------------------------------------------------------------------
   Gravity Forms — états des bordures (passif / rempli / erreur)
   ------------------------------------------------------------------------- */

/* Rempli et valide → noir */
#gform_wrapper_1 .gfield:not(.gfield_error) input[type="text"]:not(:placeholder-shown),
#gform_wrapper_1 .gfield:not(.gfield_error) input[type="email"]:not(:placeholder-shown),
#gform_wrapper_1 .gfield:not(.gfield_error) input[type="tel"]:not(:placeholder-shown),
#gform_wrapper_1 .gfield:not(.gfield_error) input.large:not(:placeholder-shown),
#gform_wrapper_1 .gfield:not(.gfield_error) input[type="text"]:required:valid,
#gform_wrapper_1 .gfield:not(.gfield_error) input[type="email"]:required:valid,
#gform_wrapper_1 .gfield:not(.gfield_error) input[type="tel"]:required:valid,
#gform_wrapper_1 .gfield:not(.gfield_error) input.large:required:valid,
#gform_wrapper_1 .gfield:not(.gfield_error) textarea.textarea:not(:placeholder-shown),
#gform_wrapper_1 .gfield:not(.gfield_error) textarea.textarea:required:valid,
#gform_wrapper_1 .gfield:not(.gfield_error) select.gfield_select:not(:has(option[value=""]:checked)),
#gform_wrapper_1 .gfield:not(.gfield_error) select.large:not(:has(option[value=""]:checked)),
#gform_wrapper_1 .gfield:not(.gfield_error) #input_1_6:not(:has(option[value=""]:checked)) {
	border-color: var(--Noir, #000) !important;
}

/* Erreur → rouge #ef0000 */
#gform_wrapper_1 .gfield.gfield_error input[type="text"],
#gform_wrapper_1 .gfield.gfield_error input[type="email"],
#gform_wrapper_1 .gfield.gfield_error input[type="tel"],
#gform_wrapper_1 .gfield.gfield_error input.large,
#gform_wrapper_1 .gfield.gfield_error select.gfield_select,
#gform_wrapper_1 .gfield.gfield_error select.large,
#gform_wrapper_1 .gfield.gfield_error #input_1_6,
#gform_wrapper_1 .gfield.gfield_error textarea.textarea,
#gform_wrapper_1 .gfield.gfield_error input[type="text"]:focus,
#gform_wrapper_1 .gfield.gfield_error input[type="email"]:focus,
#gform_wrapper_1 .gfield.gfield_error input[type="tel"]:focus,
#gform_wrapper_1 .gfield.gfield_error input.large:focus,
#gform_wrapper_1 .gfield.gfield_error select.gfield_select:focus,
#gform_wrapper_1 .gfield.gfield_error select.large:focus,
#gform_wrapper_1 .gfield.gfield_error #input_1_6:focus,
#gform_wrapper_1 .gfield.gfield_error textarea.textarea:focus {
	border-color: #ef0000 !important;
}

#gform_wrapper_1 .gfield.gfield_error .validation_message,
#gform_wrapper_1 .gform_validation_errors,
#gform_wrapper_1 .gform_validation_errors .gform_submission_error,
#gform_wrapper_1 .gform_validation_errors h2,
#gform_wrapper_1 .gform_submission_error,
#gform_wrapper_1 #gform_1_validation_container,
#gform_wrapper_1 #gform_1_validation_container .gform_submission_error {
	color: #ef0000 !important;
}

#gform_wrapper_1 .gform_validation_errors,
#gform_wrapper_1 #gform_1_validation_container {
	border: 1px solid #ef0000 !important;
	border-color: #ef0000 !important;
	box-shadow: none !important;
	outline-color: #ef0000 !important;
}

#gform_wrapper_1 .gform_validation_errors .gform-icon,
#gform_wrapper_1 .gform_validation_errors .gform-icon--circle-error,
#gform_wrapper_1 .gform_submission_error .gform-icon,
#gform_wrapper_1 .gform_submission_error .gform-icon--circle-error {
	color: #ef0000 !important;
	fill: #ef0000 !important;
}

.gform_body input[type="text"]:focus,
.gform_body input[type="email"]:focus,
.gform_body input[type="tel"]:focus,
.gform_body input.large:focus,
.gform_body select.large:focus,
.gform_body select.gfield_select:focus,
.gform_body textarea.textarea:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Focus vide → gris ; focus rempli → noir (sauf erreur) */
.gform_body input[type="text"]:focus:placeholder-shown,
.gform_body input[type="email"]:focus:placeholder-shown,
.gform_body input[type="tel"]:focus:placeholder-shown,
.gform_body input.large:focus:placeholder-shown,
.gform_body textarea.textarea:focus:placeholder-shown,
.gform_body select.gfield_select:focus:has(option[value=""]:checked),
.gform_body select.large:focus:has(option[value=""]:checked) {
	border-color: var(--Gris-fonc, #9ea8b2) !important;
}

.gform_body input[type="text"]:focus-visible,
.gform_body input[type="email"]:focus-visible,
.gform_body input[type="tel"]:focus-visible,
.gform_body input.large:focus-visible,
.gform_body select.large:focus-visible,
.gform_body select.gfield_select:focus-visible,
.gform_body textarea.textarea:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.gform_body input[type="text"]:focus-visible:placeholder-shown,
.gform_body input[type="email"]:focus-visible:placeholder-shown,
.gform_body input[type="tel"]:focus-visible:placeholder-shown,
.gform_body input.large:focus-visible:placeholder-shown,
.gform_body textarea.textarea:focus-visible:placeholder-shown,
.gform_body select.gfield_select:focus-visible:has(option[value=""]:checked),
.gform_body select.large:focus-visible:has(option[value=""]:checked) {
	border-color: var(--Gris-fonc, #9ea8b2) !important;
}

/* -------------------------------------------------------------------------
   Gravity Forms — bouton envoi
   ------------------------------------------------------------------------- */

.gform_body input.gform_button,
.gform_body #gform_submit_button_1,
.gform_button.button {
	display: inline-flex !important;
	box-sizing: border-box !important;
	width: 100% !important;
	align-self: stretch !important;
	padding: 12px 16px !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	border-radius: var(--micro, 6px) !important;
	border: 1px solid transparent !important;
	background: var(--Rouge, #ef0000) !important;
	color: var(--Blanc, #fff) !important;
	font-family: "amplitude-wide", sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.gform_body input.gform_button:hover,
.gform_body #gform_submit_button_1:hover,
.gform_button.button:hover {
	display: inline-flex !important;
	padding: 12px 16px !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	border-radius: var(--micro, 6px) !important;
	border: 1px solid #000 !important;
	background: var(--Rouge, #ef0000) !important;
	color: var(--Blanc, #fff) !important;
	box-shadow: 3px 3px 0 0 #000 !important;
}

.wp-block-blocks-gutenberg-accordion .accordion-details {
    background: inherit;
    border-bottom: 1px solid #000;
    border-radius: 0px !important;
    color: inherit;
    overflow: hidden;
}
.wp-block-blocks-gutenberg-accordion .accordion-summary {
    align-items: center;
    background: transparent;
    border-radius: 0px !important;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    gap: 12px;
    justify-content: space-between;
    letter-spacing: inherit;
    line-height: inherit;
    list-style: none;
    transition: background .2s ease;
	padding-bottom: 12px;

}

.wp-block-blocks-gutenberg-accordion .accordion-panel {
    background: transparent !important;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
	padding: 12px 0px 12px 0px;
}
.wp-block-blocks-gutenberg-accordion .accordion-summary .accordion-summary-content {
    flex: 1;
    min-width: 0;
}