/* Recherche équipage — styles (thème enfant) */

/* Champs recherche / autocomplete (bloc « Par nom ») */
input#team-input {
	border-color: #707070;
	border-radius: 0.5rem;
	text-transform: uppercase;
	background-color: #fff;
	color: #ff6101;
	width: 100%;
}



#suggestions {
	border: 1px solid #ccc;
	max-height: 280px;
	overflow-y: auto;
	position: absolute;
	background: white;
	width: 200px;
	list-style: none;
	padding: 0;
	margin-top: 0;
	z-index: 10;
	display: none;
}

#suggestions li {
	padding: 8px;
	cursor: pointer;
}

#suggestions li:hover {
	background-color: #eee;
}

select {
	font-family: Roboto, sans-serif;
}

select option {
	font-size: 20px;
	padding: 8px;
}

/* Carte, recherche, cartes équipages */
.equipage {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	position: relative;
}

.equipage__search-section {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1.5rem;
	background: #fcf8f4;
	border-radius: 1rem;
}

.equipage__search-container {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: flex-start;
}

.equipage__search-block {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.equipage__search-input-title {
	margin-bottom: 0;
	font-weight: 900;
	font-size: 1.5rem;
}

.equipage__carte-container {
	display: none;
	position: relative;
}

.equipage__carte-container #carte {
	width: 100%;
	max-width: inherit;
}

.equipage__results-section {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.sous-carte {
	width: 100%;
	height: auto;
}

.rechercher__input {
	position: relative;
	display: flex;
}

input#team-input {
	border-radius: 0.5rem 0 0 0.5rem !important;
	border-right: 0;
	font-size: 1rem;
	border-color: #707070;
	text-transform: uppercase;
	background-color: #fff;
	color: #ff6101;
	width: 100%;
}

.style-light select:not([multiple]) {
	padding-right: 2.5rem;
	color: #000 !important;
	font-size: 1rem;
}

.rechercher__input::after {
	content: "";
	width: 42px;
	height: auto;
	background: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 11H11.71L11.43 10.73C12.41 9.59 13 8.11 13 6.5C13 2.91 10.09 0 6.5 0C2.91 0 0 2.91 0 6.5C0 10.09 2.91 13 6.5 13C8.11 13 9.59 12.41 10.73 11.43L11 11.71V12.5L16 17.49L17.49 16L12.5 11ZM6.5 11C4.01 11 2 8.99 2 6.5C2 4.01 4.01 2 6.5 2C8.99 2 11 4.01 11 6.5C11 8.99 8.99 11 6.5 11Z' fill='%23FFFFFF'/></svg>"), var(--orange);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	pointer-events: none;
	margin-top: 9px;
	border-radius: 0 0.5rem 0.5rem 0;
}

.input-background .style-light select,
.input-background .style-light select option {
	background-color: #fff !important;
}

#suggestions {
	border: 1px solid #ccc;
	max-height: 280px;
	overflow-y: auto;
	position: absolute;
	background: white;
	width: 100%;
	list-style: none;
	padding: 0;
	margin-top: 0;
	z-index: 10;
	top: 50px;
	display: none;
}

#suggestions li {
	padding: 8px;
	cursor: pointer;
}

#suggestions li:hover {
	background-color: #eee;
}

.equipage-card {
	flex-direction: column;
	background: #fff;
	display: flex;
	justify-content: space-between;
	width: calc((100% - 2rem) / 2);
}

.equipage-card__header {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
	padding: 2rem 2rem 0;
	align-items: center;
}

.equipage-card__header-text {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.equipage-card__title {
	font-weight: 900;
	font-size: 1.75rem;
	margin-block: 0;
}

.equipage-card__title--resultat {
	font-size: 1.5rem !important;
	margin-bottom: 1rem !important;
	color: #616161 !important;
	font-family: "Roboto Condensed", sans-serif;
}

.equipage-card__departement {
	font-size: 0.75rem;
	margin-bottom: 0;
	color: #616161;
}

.equipage-card__blason {
	height: 85px;
	width: 85px;
}

.equipage-card__blason-image {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.equipage-card__main-info {
	display: flex;
	padding: 0 2rem 2rem;
	gap: 1.5rem;
}

.equipage-card__habit {
	width: 45%;
}

.equipage-card__habit-image {
	width: 70%;
	height: 100%;
	object-fit: contain;
	display: flex;
	object-position: center center;
	margin: auto;
}

.equipage-card__info-grid {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex: 1;
}

.equipage-card__info-column {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.equipage-card__info-item {
	margin-bottom: 0.5rem;
}

.equipage-card__info-label {
	font-size: 1rem;
	color: #333;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.equipage-card__info-value,
.equipage-card__contact-item {
	font-size: 1rem;
	margin: 0;
}

.equipage-card__contacts {
	background: #efefef;
	padding: 2rem;
}

.equipage-card__contacts-title {
	font-weight: 900;
	font-size: 1.25rem;
	text-transform: none;
	margin-block: 0 1rem;
}

.equipage-card__contact-item strong {
	color: #333 !important;
}

.equipage-card__action {
	display: flex;
}

.equipage-card__btn,
.equipage__search-cta {
	background: var(--vert);
	border: 1px solid var(--vert) !important;
	color: #fff !important;
	margin-top: 1.5rem;
	display: flex;
	padding: 0.75rem 1.25rem;
	align-items: center;
	gap: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: background-color 0.2s ease;
	text-decoration: none;
}

.equipage-card__btn:hover,
.equipage__search-cta:hover {
	background: none;
	color: var(--vert) !important;
}

.equipage-card__btn-icon {
	width: 16px;
	height: 16px;
}

@media screen and (max-width: 800px) {
	.equipage-card {
		width: 100%;
	}

	.equipage-card__contacts {
		padding: 1rem;
	}

	.equipage-card__main-info {
		padding: 0 1rem 1rem;
	}

	.equipage-card__header {
		padding: 1rem 1rem 0;
	}
}

@media screen and (min-width: 768px) {
	.equipage__search-input-title {
		font-size: 1.75rem !important;
	}

	.equipage__search-section {
		padding: 2rem;
	}

	.equipage-card__main-info {
		flex-direction: row-reverse;
	}

	.equipage__search-container {
		gap: 1.5rem;
	}

	.equipage-card__departement {
		font-size: 1rem;
	}

	.equipage-card__info-label,
	.equipage-card__info-value,
	.equipage-card__contact-item {
		font-size: 1.25rem;
	}

	.equipage-card__contacts-title {
		font-size: 2rem !important;
	}

	.equipage-card__habit {
		width: 30%;
	}

	.equipage-card__habit-image {
		width: 65%;
	}

	.equipage-card__info-grid {
		flex-direction: row;
		gap: 2rem;
	}

	.equipage-card__info-column {
		flex: 1;
	}
}

@media screen and (min-width: 1024px) {
	.equipage-card__title--resultat {
		font-size: 2.25rem !important;
		margin-bottom: 2rem !important;
	}

	.equipage__search-section {
		flex-direction: row;
		justify-content: space-between;
		gap: 3.5rem;
	}

	.equipage__search-container {
		width: 44%;
	}

	.equipage__search-container .equipage__search-block {
		width: 70%;
	}

	.equipage__carte-container {
		width: 50%;
		display: flex;
		flex-direction: column;
	}

	.equipage__results-section {
		width: 100%;
	}

	#carte {
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 801px) {
	.equipage__results-section {
		display: flex;
		flex-direction: row;
		gap: 2rem;
		flex-wrap: wrap;
	}

	.equipage__search-section {
		padding: 2rem 3.5rem;
	}
}