/* ==========================================================================
   Forms
   ========================================================================== */

/* Labels */

label {
	display: block;
	margin-bottom: .5rem;
	font-weight: 400;
}

/* Champs */

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
select,
textarea {
	width: 100%;
	min-height: 48px;
	padding: 0;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 0px;
	border-bottom: 1px solid var(--wp--preset--color--primary);
	border-radius: 0;
	box-sizing: border-box;
	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease;
	appearance: none;
	-webkit-appearance: none;
	margin-bottom: 10px;
	font-size: 1.06em;
	font-weight: 600;
}

/* Textarea */

textarea {
	min-height: 140px;
	padding: .9rem 0;
	resize: vertical;
}

/* Select */

select {
	padding-right: 2.8rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2311284A' stroke-width='1'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 28px;
	cursor: pointer;
	color: var(--wp--preset--color--primary);
}

/* Placeholder */

::placeholder {
	color: var(--wp--preset--color--primary);
	opacity: 1;
	font-weight: 600;
	font-size: 1.06em;
	text-transform: uppercase;
}

/* Focus */

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary, #2563eb);
	box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

/* Disabled */

input:disabled,
select:disabled,
textarea:disabled {
	background: #f5f5f5;
	cursor: not-allowed;
	opacity: .7;
}

/* Checkbox / Radio */

input[type="checkbox"],
input[type="radio"] {
	width: 18px;
	height: 18px;
	margin-right: .5rem;
	vertical-align: middle;
	accent-color: var(--wp--preset--color--primary, #2563eb);
	cursor: pointer;
}

/* Boutons */

input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
	background: var(--wp--preset--color--secondary);
	border:0px;
   color: var(--wp--preset--color--primary);
   padding-left: 2em ;
   padding-right: 2em ;
}

/* Recherche */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}