/* ONlit Search Bar */
.onlit-search-bar {
	display: inline-flex;
	align-items: center;
}

.onlit-search-bar__pill {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 50px;
}

/* Mode dropdown wrapper */
.onlit-search-bar__mode {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

/* Trigger button */
.onlit-search-bar .onlit-search-bar__mode button.onlit-mode-btn {
	background: var(--gray-150, #eaeaea);
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 14px 0 18px;
	border: none;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #1a1a2e;
	white-space: nowrap;
	min-height: 32px;
	min-width: 104px;
}

html[lang="fr-FR"] .onlit-search-bar .onlit-search-bar__mode button.onlit-mode-btn {
	min-width: 134px;
}

.onlit-search-bar .onlit-mode-btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
	border-radius: 999px 0 0 999px;
}

.onlit-search-bar .onlit-mode-chevron {
	transition: transform 0.2s ease;
}

.onlit-search-bar__mode.is-open .onlit-mode-chevron {
	transform: rotate(180deg);
}

/* Dropdown container - hidden by default */
.onlit-search-bar .onlit-dropdown-container {
	background: var(--gray-150, #eaeaea);
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	min-width: max-content;
	border-radius: 10px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	pointer-events: none;
	transition: max-height 0.2s ease, opacity 0.18s ease;
	z-index: 9999;
}

.onlit-search-bar__mode.is-open .onlit-dropdown-container {
	max-height: 200px;
	opacity: 1;
	pointer-events: auto;
}

/* Dropdown inner */
.onlit-search-bar__mode .dropdown-menu__inner {
	display: flex;
	flex-direction: column;
	padding-block: 8px;
}

/* Dropdown options */
.dropdown-menu .onlit-dropdown-item {
	color: #1a1a2e;
	display: block;
	width: 100%;
	padding: 8px 18px;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	transition: background 0.15s ease;
}

.dropdown-menu .onlit-dropdown-item:hover,
.dropdown-menu .onlit-dropdown-item:focus,
.dropdown-menu .onlit-dropdown-item:focus-visible {
	background: transparent;
	color: var(--brand-red-600, #ff2242);
}

.dropdown-menu .onlit-dropdown-item:focus-visible {
	outline-color: var(--brand-red-600, #ff2242);
}

.onlit-dropdown-item[aria-selected="true"] {
	color: var(--brand-red-600, #ff2242);
}

/* Form panels */
.onlit-panel {
	display: flex;
	align-items: center;
	flex: 1;
	height: 100%;
}

.onlit-panel[hidden] {
	display: none !important;
}

/* General Search */
.onlit-search-bar .elementor-search-form__container,
.onlit-search-bar .onlit-library-form {
	background-color: #fff;
	display: flex;
	align-items: center;
	flex: 1;
	height: 100%;
	border: none;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.onlit-panel .elementor-search-form__input {
	flex: 1;
	border: none;
	background: transparent;
	box-shadow: none;
	padding: 0 12px;
	font-size: 15px;
	color: #1a1a2e;
	height: 100%;
	outline: none;
	min-width: 0;
}

/* Search Box */
.elementor-search-form .onlit-search-bar .onlit-search-bar__pill input[type=search].elementor-search-form__input,
header .elementor-search-form .onlit-search-bar .onlit-search-bar__pill input[type=search].elementor-search-form__input,
.onlit-search-bar .tgbl-instantsearch-container--js .tt-search-area input[type=search],
.onlit-search-bar .onlit-search-bar__pill .onlit-library-form input[type=search].onlit-library-input,
header .onlit-search-bar .onlit-search-bar__pill .onlit-library-form input[type=search].onlit-library-input {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: unset;
	padding-block: 0;
	padding-inline: 10px;
	min-height: 32px;
	min-width: 100px;
	border: 0;
}

.onlit-search-bar .tgbl-instantsearch-container--js .tt-search-area input[type=search]::placeholder,
.elementor-search-form .onlit-search-bar .elementor-search-form__input::placeholder,
.onlit-search-bar input[type=search]::placeholder {
	/*color: var(--gray-500, #737373);*/
	color: var(--gray-300, #737373);
	font-size: 14px;
	font-weight: 400;
	opacity: 1;
}

/* Submit button */
.elementor-search-form .onlit-search-bar .onlit-panel button.elementor-search-form__submit,
.onlit-search-bar .tt-search-area .ais-SearchBox-submit,
.onlit-search-bar .onlit-library-form .onlit-library-submit {
	background: var(--brand-red-600, #ff2242);
	color: #fff;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 0 50px 50px 0;
	flex-shrink: 0;
	padding: 8px 12px;
	margin: 0;
	min-height: 32px;
	min-width: 39px;
	transition: background 0.2s ease;
}

.elementor-search-form .onlit-search-bar .onlit-panel button.elementor-search-form__submit:hover,
.onlit-search-bar .tt-search-area .ais-SearchBox-submit:hover,
.onlit-search-bar .onlit-library-form .onlit-library-submit:hover,
.elementor-search-form .onlit-search-bar .onlit-panel button.elementor-search-form__submit:focus,
.onlit-search-bar .tt-search-area .ais-SearchBox-submit:focus,
.onlit-search-bar .onlit-library-form .onlit-library-submit:focus {
	background: var(--brand-red-700, #c52038);
}

.elementor-search-form .onlit-search-bar .onlit-panel button.elementor-search-form__submit .fa-search::before {
	content: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='12 8.5 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8696 23.5L22.5742 20.2047C22.0379 20.6475 21.4211 20.994 20.7238 21.2443C20.0266 21.4946 19.3053 21.6198 18.5599 21.6198C16.7265 21.6198 15.1748 20.985 13.9049 19.7154C12.635 18.4458 12 16.8945 12 15.0616C12 13.2286 12.6348 11.6768 13.9044 10.4061C15.174 9.13536 16.7253 8.5 18.5582 8.5C20.3912 8.5 21.943 9.13496 23.2137 10.4049C24.4844 11.6748 25.1198 13.2265 25.1198 15.0599C25.1198 15.8259 24.9912 16.5575 24.734 17.2548C24.4769 17.952 24.1337 18.5585 23.7047 19.0742L27 22.3696L25.8696 23.5ZM18.5599 20.0108C19.942 20.0108 21.1127 19.5312 22.0719 18.5719C23.0312 17.6127 23.5108 16.442 23.5108 15.0599C23.5108 13.6778 23.0312 12.5071 22.0719 11.5478C21.1127 10.5886 19.942 10.109 18.5599 10.109C17.1778 10.109 16.0071 10.5886 15.0478 11.5478C14.0886 12.5071 13.609 13.6778 13.609 15.0599C13.609 16.442 14.0886 17.6127 15.0478 18.5719C16.0071 19.5312 17.1778 20.0108 18.5599 20.0108Z' fill='white'/%3E%3C/svg%3E");
	display: block;
	width: 1em;
	height: 1em;
}

.onlit-search-bar .elementor-search-form__submit i {
	color: #fff;
	font-size: 15px;
}

/* Algolia Search Bar */
.onlit-search-bar .tgbl-instantsearch-container--js.favorite-resource {
	padding: 0;
}

.onlit-search-bar .tgbl-instantsearch-container--js .tt-search-area,
.onlit-search-bar .tt-search-area input[type=search] {
	min-height: auto;
	padding: 0;
	width: 100%;
}

.onlit-search-bar .tgbl-instantsearch-container--js .tt-search-area {
	border: 0;
	border-radius: 0 50px 50px 0;
}

.onlit-search-bar .tt-search-area #tt-searchbox {
	padding: 0;
	min-width: 230px;
}


header .elementor-search-form--skin-full_screen .elementor-search-form__container {
	 top: calc(var(--header-height, 0px) + var(--admin-bar-height, 0px)); /*147px;*/
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: auto;
	 max-height: max-content;
	 padding-block: 1.5rem;
	 padding-inline: 1rem;
	 overflow: visible;
	 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
header .elementor-search-form--skin-full_screen .elementor-search-form__container[hidden] {
  display: block;
  max-height: 0;
  min-height: 0;
  opacity: 0;
  transform: none;
}
header .elementor-search-form--skin-full_screen .elementor-search-form__container {
  max-height: 144px;
  animation: hide-scroll .3s backwards;
  transform: none;
}
 @media (max-width: 767px) {
	 .onlit-search-bar, .onlit-search-bar__mode {
		 width: 100%;
	}
	 .onlit-search-bar__pill {
		 flex-direction: column-reverse;
		 flex: 1;
		 gap: 1rem;
	}
	 .onlit-search-bar .onlit-search-bar__mode button.onlit-mode-btn {
		 flex: 1;
		 border-radius: 20px;
		 padding-block: 4px;
		 min-height: 40px;
		 text-align: left;
	}
	 .onlit-search-bar .onlit-search-bar__mode button.onlit-mode-btn .onlit-mode-label {
		 flex: 1;
	}
	 .onlit-search-bar .onlit-search-bar__mode button.onlit-mode-btn:hover, .onlit-search-bar .onlit-search-bar__mode button.onlit-mode-btn:focus {
		 box-shadow: none;
	}
	 .onlit-search-bar__mode .onlit-dropdown-container {
		 width: 100%;
		 box-shadow: none;
		 background: #fff;
	}
	 .onlit-panel {
		 width: 100%;
	}
	 .elementor-search-form .onlit-search-bar .onlit-search-bar__pill input[type=search].elementor-search-form__input, header .elementor-search-form .onlit-search-bar .onlit-search-bar__pill input[type=search].elementor-search-form__input, header .elementor-search-form--skin-full_screen .elementor-search-form .onlit-search-bar .onlit-search-bar__pill input[type="search"].elementor-search-form__input, header .elementor-search-form .onlit-search-bar .onlit-search-bar__pill input[type=search].elementor-search-form__input, .onlit-search-bar .tgbl-instantsearch-container--js .tt-search-area input[type=search], .onlit-search-bar .onlit-search-bar__pill .onlit-library-form input[type=search].onlit-library-input, header .onlit-search-bar .onlit-search-bar__pill .onlit-library-form input[type=search].onlit-library-input {
		 min-height: 38px;
		 border-radius: 20px 0 0 20px;
		 border: 1px solid var(--gray-200);
		 border-color: var(--gray-200);
		 padding-inline: 1rem;
		 text-align: left;
	}
	 .elementor-search-form .onlit-search-bar .onlit-panel button.elementor-search-form__submit, .onlit-search-bar .tt-search-area .ais-SearchBox-submit, .onlit-search-bar .onlit-library-form .onlit-library-submit {
		 min-height: 40px;
	}
}