/* Barre de recherche "Quoi/Qui" + "Où" (accueil et page de résultats).
   CSS autonome (non généré par Tailwind) pour ne pas dépendre du build
   purgé de output.css, qui n'inclut que les classes déjà utilisées
   ailleurs sur le site. */

.rh-bar { max-width: 760px; margin: 0 auto 1rem; text-align: left; }
.rh-form { display: flex; flex-direction: column; gap: 16px; }
.rh-groupe { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.rh-label {
    font-size: 28px;
    font-weight: 800;
    color: #635BFF;
    padding: 0 6px;
    line-height: 1.2;
}
.rh-champ {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1.5px solid #E1E6EC;
    border-radius: 9999px;
    padding: 15px 20px;
    box-shadow: 0 8px 24px -8px rgba(10, 37, 64, 0.12);
}
.rh-champ input {
    flex: 1;
    min-width: 0;
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: #0A2540;
    font-family: inherit;
}
.rh-champ input::placeholder { color: #8898aa; }
.rh-icone { flex-shrink: 0; color: #8898aa; width: 20px; height: 20px; }
.rh-icone-question {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 9999px;
    background: #8898aa;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    font-family: inherit;
}
.rh-champ-ou { padding-right: 66px; }
.rh-bouton {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    background: #635BFF;
    border: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 4px 12px -2px rgba(99, 91, 255, 0.5);
}
.rh-bouton:hover { background: #5147e5; }

@media (min-width: 640px) {
    .rh-form { flex-direction: row; align-items: flex-start; gap: 14px; }
    .rh-groupe-quoi { flex: 1.4; }
    .rh-groupe-ou { flex: 1; }
    .rh-label { font-size: 34px; padding: 0 10px; }
}