@charset "UTF-8";

/**
 * Harmonized input and select styles for Formagora
 * Used across simple and advanced search forms
 */

/* Base input and select styles */
.formagora-input-container input[type="text"],
.formagora-input-container input[type="search"],
.formagora-input-container select,
.recherche-simple.formagora-input-container input[type="search"],
.recherche-simple.formagora-input-container input[type="text"],
.recherche-avancee.formagora-input-container input[type="text"],
.recherche-avancee.formagora-input-container select,
.recherche-nav .wp-block-search__input {
	border: 2px solid var(--wp--preset--color--main);
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--normal);
	color: var(--wp--preset--color--main);
	padding: 10px;
}

.recherche-avancee.formagora-input-container .field-mot-cle input[type="text"] {
	padding: 8px 10px !important;
}

.formagora-input-container input[type="text"],
.formagora-input-container input[type="search"],
.recherche-simple.formagora-input-container input[type="search"],
.recherche-simple.formagora-input-container input[type="text"],
.recherche-avancee.formagora-input-container input[type="text"],
.recherche-nav .wp-block-search__input {
	padding-left: 8px;
}

.formagora-input-container input::placeholder,
.recherche-simple.formagora-input-container input::placeholder,
.recherche-avancee.formagora-input-container input::placeholder,
.recherche-nav .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--main);
}

/* Select container with custom arrow */
.formagora-select-container {
	position: relative;
}

.formagora-select-container select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	padding-right: 30px;
}

/* Search form layout */
.recherche-simple .wp-block-search__inside-wrapper {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* Text input container */
.formagora-text-container,
.formagora-input-container .formagora-text-container {
	position: relative;
	flex: 1;
}

/* Icons with custom font */
.formagora-select-container::after,
.formagora-input-container .formagora-select-container::after {
	font-family: 'formagora';
	position: absolute;
	right: 15px;
	top: 45%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--wp--preset--color--main);
	font-size: 1.1rem;
	line-height: 1;
	content: "\ea05";
	right: 16px;
	top: 42%;
}

/* Search button with icon */
.formagora-search-button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

.formagora-search-button::after {
	content: "\ea1f";
	font-family: "formagora";
	font-size: 1.9rem;
	color: var(--wp--preset--color--main);
}

/* Hide default search decorations */
.recherche-simple .wp-block-search__input[type="search"]::-webkit-search-decoration,
.recherche-simple .wp-block-search__input[type="search"]::-webkit-search-cancel-button {
	display: none;
}