/* Delta Recherche — suggestions et bandeau de correction */

:root {
	--dr-navy: #142a4c;
	--dr-orange: #e2571f;
	--dr-border: #e3e6ec;
	--dr-muted: #6b7280;
	--dr-bg: #ffffff;
}

.dr-suggest {
	position: absolute;
	z-index: 99999;
	max-height: 70vh;
	overflow-y: auto;
	background: var(--dr-bg);
	border: 1px solid var(--dr-border);
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(20, 42, 76, .18);
	font-size: 14px;
	line-height: 1.35;
	color: var(--dr-navy);
	-webkit-overflow-scrolling: touch;
}

.dr-suggest[hidden] {
	display: none !important;
}

.dr-s-head {
	padding: 10px 14px 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--dr-muted);
}

.dr-s-correct {
	padding: 10px 14px;
	background: #fff7ed;
	border-bottom: 1px solid var(--dr-border);
	color: #9a3412;
	font-size: 13px;
}

.dr-s-item,
.dr-s-cat,
.dr-s-all {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 14px;
	text-decoration: none !important;
	color: inherit;
	border: 0;
	transition: background .12s ease;
}

.dr-s-item:hover,
.dr-s-cat:hover,
.dr-s-all:hover,
.dr-s-item.is-active,
.dr-s-cat.is-active,
.dr-s-all.is-active {
	background: #f4f6fa;
}

.dr-s-thumb {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border: 1px solid var(--dr-border);
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dr-s-thumb img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.dr-s-body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.dr-s-title {
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dr-s-meta {
	font-size: 12px;
	color: var(--dr-muted);
	margin-top: 2px;
}

.dr-s-oos {
	color: #b32d2e;
}

.dr-s-cat-name {
	flex: 1 1 auto;
	font-weight: 600;
}

.dr-s-count {
	flex: 0 0 auto;
	font-size: 11px;
	color: var(--dr-muted);
	background: #f1f3f7;
	border-radius: 10px;
	padding: 1px 8px;
}

.dr-s-all {
	justify-content: center;
	border-top: 1px solid var(--dr-border);
	font-weight: 700;
	color: var(--dr-orange);
	position: sticky;
	bottom: 0;
	background: var(--dr-bg);
}

.dr-s-empty {
	padding: 16px 14px;
	color: var(--dr-muted);
	text-align: center;
}

.dr-suggest mark {
	background: transparent;
	color: var(--dr-orange);
	font-weight: 700;
	padding: 0;
}

/* Bandeau de correction sur la page de résultats */
.dr-didyoumean {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
	padding: 12px 16px;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-left: 4px solid var(--dr-orange);
	border-radius: 6px;
	color: #7c2d12;
	font-size: 14px;
}

.dr-didyoumean strong {
	color: #9a3412;
}

.dr-didyoumean em {
	font-style: normal;
	opacity: .75;
}

.dr-dym-icon {
	font-size: 16px;
	line-height: 1;
}

/* Page de resultats vide */
.dr-empty{max-width:620px;margin:8px auto 40px;padding:28px 24px;background:#f7f8fb;border:1px solid var(--dr-border);border-radius:10px;text-align:center;color:var(--dr-navy);}
.dr-empty-title{margin:0 0 8px;font-size:18px;font-weight:700;}
.dr-empty-text{margin:0 0 20px;font-size:14px;line-height:1.55;color:var(--dr-muted);}
.dr-empty-text a{color:var(--dr-orange);font-weight:600;}
.dr-empty-sub{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dr-muted);}
.dr-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.dr-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1px solid var(--dr-border);border-radius:999px;font-size:13px;font-weight:600;color:var(--dr-navy);text-decoration:none !important;transition:border-color .12s ease,color .12s ease;}
.dr-chip:hover{border-color:var(--dr-orange);color:var(--dr-orange);}
.dr-chip span{font-weight:400;font-size:11px;color:var(--dr-muted);}

@media (max-width: 640px) {
	.dr-suggest {
		max-height: 60vh;
	}
	.dr-s-thumb {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}
}