/* Reloge - annuaire des partenaires (annuaire.php, annuaire-recherche.php). La recherche, les cartes, la carte et
   la fiche reprennent les styles de la recherche de logements (reloge-front.css, reloge-lieu.css) : ici, seulement
   ce qui est propre aux partenaires, puis l'espace de la fiche. */

.reloge-annuaire__picto { flex: 0 0 auto; color: var(--reloge-encre-doux, #5a6570); }
.reloge-annuaire__aide { font-size: .85rem; color: var(--reloge-encre-doux, #5a6570); }

/* Le bouton d'inscription, au-dessus de la barre de recherche. */
.reloge-annuaire__porte { display: flex; justify-content: flex-end; margin: 0 0 .9rem; }
.reloge-barre--annuaire .reloge-barre__actions { grid-template-columns: 1fr; }

/* Les cartes de partenaires : le logo entier sur fond blanc, les initiales sur une pastille a defaut ; le haut
   de la vignette laisse la place aux etiquettes (Mise en avant, Essai), qui ne mordent plus sur le logo. */
.reloge-resultat__image--logo, .reloge-resultat__image--initiale { background: #fff; border-bottom: 1px solid var(--reloge-bord, #e3e7ec); }
.reloge-resultat__image--logo img { padding: 2.2rem 1rem .7rem; box-sizing: border-box; }
.reloge-resultat__image--initiale { display: grid; place-items: center; box-sizing: border-box; padding: 2.2rem 1rem .7rem; }
.reloge-annuaire__initiales { display: grid; place-items: center; aspect-ratio: 1; height: 78%; border-radius: 22%;
    background: var(--reloge-initiales-fond, #455a64); color: #fff; font-weight: 700; font-size: 2rem; line-height: 1; }
@media (max-width: 640px) { .reloge-resultat__image--initiale .reloge-annuaire__initiales { font-size: 1.4rem; } }
.reloge-resultat__services { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; margin-top: .15rem; }
.reloge-resultat__services > span { display: inline-flex; }
.reloge-resultat__plus { font-size: .8rem; color: var(--reloge-gris, #5a6570); }
.reloge-resultat__etiquette { position: absolute; top: .6rem; left: .6rem; z-index: 2; padding: .1rem .55rem; border-radius: 1rem;
    background: #fff4eb; color: #b4471a; font-size: .75rem; font-weight: 600; pointer-events: none; }
.reloge-resultat__etiquette--essai { left: auto; right: .6rem; background: #eef2ff; color: #3949ab; }
.reloge-resultat--avant .reloge-resultat__lien { box-shadow: 0 0 0 2px var(--reloge-primaire, #fd6905); }

/* La fiche d'un partenaire, dans la mise en page de la fiche d'un logement. */
.reloge-partenaire__presentation { display: flex; gap: 1.4rem; align-items: flex-start; }
.reloge-partenaire__logo { flex: 0 0 auto; width: 160px; height: 160px; object-fit: contain; box-sizing: border-box; padding: .6rem;
    border: 1px solid var(--reloge-bord, #e3e7ec); border-radius: var(--reloge-rayon-sm, .6rem); background: #fff; }
.reloge-partenaire__logo--initiale { display: grid; place-items: center; padding: 1.4rem; }
.reloge-partenaire__logo--initiale .reloge-annuaire__initiales { height: 100%; font-size: 3rem; }
.reloge-partenaire__texte { flex: 1 1 auto; min-width: 0; }
.reloge-partenaire__texte .reloge-fiche-sous-titre { margin-top: 0; }
.reloge-partenaire__zone { margin: 0 0 .8rem; color: var(--reloge-gris, #5a6570); }
.reloge-partenaire__contact { padding: 1.2rem 1.25rem; border: 1px solid var(--reloge-bord, #e3e7ec); border-radius: var(--reloge-rayon, .8rem);
    background: #fff; box-shadow: 0 .4rem 1.2rem rgba(1, 22, 39, .06); }
.reloge-partenaire__contact .reloge-resa__titre { margin: 0 0 .8rem; font-size: 1.2rem; }
.reloge-partenaire__contact .reloge-form { max-width: none; margin: 0; box-shadow: none; padding: 0; }
.reloge-partenaire__contact textarea { width: 100%; box-sizing: border-box; }
/* Colonne etroite, comme la fiche d'un etablissement (reloge-front.css, --etab) : la colonne de droite s'efface,
   « Contacter » passe juste apres la presentation, les garanties apres les services. */
@media (max-width: 999px) {
    .reloge-fiche-colonnes--partenaire { display: flex; flex-direction: column; }
    .reloge-fiche-colonnes--partenaire > .reloge-fiche-colonnes__laterale { display: contents; }
    .reloge-fiche-colonnes--partenaire .reloge-partenaire__contact { order: -1; margin-bottom: 1.5rem; }
    .reloge-fiche-colonnes--partenaire .reloge-fiche-confiance { order: 2; }
}
@media (max-width: 640px) {
    .reloge-partenaire__presentation { flex-direction: column; }
    .reloge-partenaire__logo { width: 120px; height: 120px; }
}

/* L'espace de la fiche. */
.reloge-annuaire__fermer { display: flex; justify-content: flex-end; margin: 0 0 .5rem; }
.reloge-annuaire__portes { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: 1.5rem; align-items: start; }
.reloge-annuaire__bloc { margin: 1.25rem 0; }
.reloge-annuaire__bloc .reloge-form { max-width: none; }
.reloge-annuaire__ligne { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: .75rem; align-items: end; }
.reloge-annuaire__ligne label { display: grid; gap: .3rem; font-weight: 600; font-size: .9rem; min-width: 0; }
.reloge-annuaire__ligne input, .reloge-annuaire__ligne select { width: 100%; box-sizing: border-box; }
.reloge-annuaire__filtres { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .35rem .9rem; margin-top: .6rem; }
.reloge-annuaire__filtre,
.reloge-form label.reloge-annuaire__filtre { display: flex; align-items: center; gap: .5rem; font-weight: 400; cursor: pointer; }
.reloge-annuaire__filtre input,
.reloge-form .reloge-annuaire__filtre input { flex: none; width: auto; margin: 0; padding: 0; }
.reloge-annuaire__choix { margin: 0; padding: 0; border: 0; }
.reloge-annuaire__choix legend { font-weight: 600; margin-bottom: .3rem; }
.reloge-annuaire__langues-choix { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: .2rem .8rem; }
.reloge-annuaire__gestes { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0 0; }
.reloge-annuaire__bloc input[readonly] { width: 100%; box-sizing: border-box; margin-bottom: .4rem; font-size: .85rem; }

/* Au tableau de bord des proprietaires. */
.reloge-annuaire--parc { margin: 1.5rem 0 0; }
.reloge-annuaire--parc .reloge-resultats { margin-bottom: .8rem; }

@media (max-width: 760px) {
    .reloge-annuaire__ligne { grid-template-columns: minmax(0, 1fr); }
}