/* espace perso */
.acf-fields>.acf-field {padding:0;}
.acf-bl:before {display: none;}
.acf-field .acf-notice.-error  {    background: 
color-mix(in srgb, var(--color-primary) 10%, var(--color-white));}

/*
Pas Une Jam — Formulaires ACF
Fichier : /assets/css/acf.css
*/


/* ==========================================================
   STRUCTURE GÉNÉRALE
   ========================================================== */

.acf-form {
	width: 100%;
	color: var(--color-text);
}

.acf-form .acf-fields {
	width: 100%;
}

.acf-form .acf-fields > .acf-field {
	padding: 1.5rem 0;
	border: 0;
	border-bottom: 1px solid
		color-mix(
			in srgb,
			var(--color-text) 12%,
			transparent
		);
}

.acf-form .acf-fields > .acf-field:last-child {
	border-bottom: 0;
}


/* ==========================================================
   LABELS
   ========================================================== */

.acf-form .acf-label {
	margin: 0 0 1rem;
}

.acf-form .acf-label > label {
	margin: 0;
	color: var(--color-primary);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
}

.acf-form .acf-required {
	color: var(--color-primary);
}

.acf-field  textarea{    background-color: transparent;
    border: 1px solid #999999;}

/* ==========================================================
   TEXTES D’AIDE
   ========================================================== */

.acf-form .acf-label p.description,
.acf-form .acf-input p.description {
	margin: 0.5rem 0 0;
	color:
		color-mix(
			in srgb,
			var(--color-text) 65%,
			transparent
		);
	font-size: 0.85rem;
	line-height: 1.5;
}


/* ==========================================================
   CHAMPS TEXTE
   ========================================================== */

.acf-form input[type="text"],
.acf-form input[type="email"],
.acf-form input[type="url"],
.acf-form input[type="tel"],
.acf-form input[type="number"],
.acf-form input[type="password"],
.acf-form textarea,
.acf-form select {
	width: 100%;
	min-height: 3rem;
	margin: 0;
	padding: 0.75rem 1rem;
	border: 1px solid
		color-mix(
			in srgb,
			var(--color-text) 25%,
			transparent
		);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--color-text);
	font: inherit;
	transition:
		border-color 160ms ease,
		box-shadow 160ms ease;
}

.acf-form input[type="text"]:hover,
.acf-form input[type="email"]:hover,
.acf-form input[type="url"]:hover,
.acf-form input[type="tel"]:hover,
.acf-form input[type="number"]:hover,
.acf-form input[type="password"]:hover,
.acf-form textarea:hover,
.acf-form select:hover {
	border-color:
		color-mix(
			in srgb,
			var(--color-text) 40%,
			transparent
		);
}

.acf-form input[type="text"]:focus,
.acf-form input[type="email"]:focus,
.acf-form input[type="url"]:focus,
.acf-form input[type="tel"]:focus,
.acf-form input[type="number"]:focus,
.acf-form input[type="password"]:focus,
.acf-form textarea:focus,
.acf-form select:focus {
	border-color: var(--color-primary);
	outline: 0;
	box-shadow:
		0 0 0 2px
		color-mix(
			in srgb,
			var(--color-primary) 15%,
			transparent
		);
}


/* ==========================================================
   PLACEHOLDERS
   ========================================================== */

.acf-form input::placeholder,
.acf-form textarea::placeholder {
	color: var(--color-text);
	opacity: 0.45;
}


/* ==========================================================
   BIO
   ========================================================== */

.acf-form
.acf-field[data-name="participant_bio"]
textarea {
	min-height: 150px;
	resize: vertical;
}
/* ==========================================================
   ACF — INSTRUMENTS ET STYLES MUSICAUX
   ========================================================== */

/*
 * Instruments :
 * acf-field_6a63639144e10-label
 *
 * Styles musicaux :
 * acf-field_6a63640187932-label
 */

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 28px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) > li {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) > li > label {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: none;
	cursor: pointer;
}

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) input[type="checkbox"] {
	width: 30px;
	height: 30px;
	min-width: 30px;
	margin: 0;
	padding: 0;
	border: 1px solid
		color-mix(
			in srgb,
			var(--color-text) 40%,
			transparent
		);
	border-radius: 3px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition:
		border-color 160ms ease,
		background-color 160ms ease,
		box-shadow 160ms ease;
}

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) input[type="checkbox"]:hover {
	border-color: var(--color-primary);
}

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) input[type="checkbox"]:checked {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

.acf-form
ul.acf-checkbox-list.acf-bl:is(
	[aria-labelledby="acf-field_6a63639144e10-label"],
	[aria-labelledby="acf-field_6a63640187932-label"]
) input[type="checkbox"]:focus-visible {
	border-color: var(--color-primary);
	outline: 0;
	box-shadow:
		0 0 0 3px
		color-mix(
			in srgb,
			var(--color-primary) 18%,
			transparent
		);
}

/* ==========================================================
   AUTRES LISTES DE CHECKBOXES ACF

   Styles légers uniquement. La disposition en flex reste
   réservée à la liste des instruments.
   ========================================================== */

.acf-form .acf-checkbox-list:not(
	[aria-labelledby="acf-field_6a63639144e10-label"]
) {
	margin: 0;
	padding: 0;
	list-style: none;
}

.acf-form .acf-checkbox-list:not(
	[aria-labelledby="acf-field_6a63639144e10-label"]
) li {
	margin: 0 0 0.75rem;
	padding: 0;
}


/* ==========================================================
   CHAMP FICHIER ET PHOTO
   ========================================================== */

.acf-form input[type="file"] {
	max-width: 100%;
	color: var(--color-text);
	font: inherit;
}

.acf-form .acf-file-uploader,
.acf-form .acf-image-uploader {
	color: var(--color-text);
}

.acf-form .acf-image-uploader .image-wrap {
	max-width: 100%;
	margin: 0 0 1rem;
}

.acf-form .acf-image-uploader img {
	display: block;
	max-width: 100%;
	height: auto;
}


/* ==========================================================
   BOUTONS ACF
   ========================================================== */

.acf-form .acf-button,
.acf-form input[type="submit"],
.acf-form button[type="submit"] {
	display: inline-flex;
	min-height: 3.4rem;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0.9rem 1.85rem;
	border: 1px solid var(--color-primary);
	border-radius: 0;
	background: var(--color-primary);
	box-shadow: none;
	color: var(--color-white);
	font: inherit;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease;
}

.acf-form .acf-button:hover,
.acf-form input[type="submit"]:hover,
.acf-form button[type="submit"]:hover {
	border-color:
		color-mix(
			in srgb,
			var(--color-primary) 82%,
			var(--color-text)
		);
	background:
		color-mix(
			in srgb,
			var(--color-primary) 82%,
			var(--color-text)
		);
	color: var(--color-white);
}

.acf-form .acf-button:focus-visible,
.acf-form input[type="submit"]:focus-visible,
.acf-form button[type="submit"]:focus-visible {
	outline: 0;
	box-shadow:
		0 0 0 3px
		color-mix(
			in srgb,
			var(--color-primary) 22%,
			transparent
		);
}


/* ==========================================================
   ACTIONS DU FORMULAIRE
   ========================================================== */

.acf-form .acf-form-submit {
	margin-top: 2rem;
}


/* ==========================================================
   ERREURS ET VALIDATION
   ========================================================== */

.acf-form .acf-error-message {
	margin: 0 0 1rem;
	padding: 1rem;
	border-left: 3px solid var(--color-primary);
	border-radius: 0;
	background:
		color-mix(
			in srgb,
			var(--color-primary) 10%,
			var(--color-white)
		);
	color: var(--color-primary);
}

.acf-form .acf-error-message p {
	margin: 0;
	color: inherit;
}

.acf-form .acf-field-error {
	border-color: var(--color-primary);
}

.acf-form .acf-field-error input,
.acf-form .acf-field-error textarea,
.acf-form .acf-field-error select {
	border-color: var(--color-primary);
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 900px) {

	.acf-form
	ul.acf-checkbox-list.acf-bl:is(
		[aria-labelledby="acf-field_6a63639144e10-label"],
		[aria-labelledby="acf-field_6a63640187932-label"]
	) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 24px;
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {

	.acf-form
	ul.acf-checkbox-list.acf-bl:is(
		[aria-labelledby="acf-field_6a63639144e10-label"],
		[aria-labelledby="acf-field_6a63640187932-label"]
	) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 16px;
		align-items: start;
	}

	.acf-form
	ul.acf-checkbox-list.acf-bl:is(
		[aria-labelledby="acf-field_6a63639144e10-label"],
		[aria-labelledby="acf-field_6a63640187932-label"]
	) > li {
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
	}

	.acf-form
	ul.acf-checkbox-list.acf-bl:is(
		[aria-labelledby="acf-field_6a63639144e10-label"],
		[aria-labelledby="acf-field_6a63640187932-label"]
	) > li > label {
		display: grid;
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 10px;
		align-items: center;
		width: 100%;
		margin: 0;
		font-size: 0.95rem;
		line-height: 1.25;
		white-space: normal;
	}

	.acf-form
	ul.acf-checkbox-list.acf-bl:is(
		[aria-labelledby="acf-field_6a63639144e10-label"],
		[aria-labelledby="acf-field_6a63640187932-label"]
	) input[type="checkbox"] {
		width: 34px;
		height: 34px;
		min-width: 34px;
		margin: 0;
		background-size: 17px 17px;
	}

}