/*
 * Bookeing : styles propres à l'outil (préfixe bk-), écrits à la main, pas de build.
 * La charte EEIF (static/charte/) fournit les tokens et les composants : ici seulement
 * ce qui est spécifique, avec ses variables, jamais une couleur ou une taille en dur.
 */

/* Zone de recherche (fragment #finder) */
.bk-finder { display: flex; flex-direction: column; align-items: flex-start; gap: var(--espace-4); }
.bk-compteur { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); margin: 0; color: var(--encre-douce); font: var(--text-corps-petit); }
.bk-finder__form { margin: 0; }
.bk-feedback { width: 100%; }
.bk-feedback:empty { display: none; }

/* Fiche du terrain (dialogue) */
.bk-terrain { width: min(100% - 2 * var(--espace-4), 40rem); }
.bk-trouve { margin: 0; }
.bk-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--espace-2); }
.bk-photo {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border: 1px solid var(--trait);
    border-radius: var(--rayon-md);
    background: var(--surface-creuse);
}
.bk-resume { padding: var(--espace-4); border-radius: var(--rayon-md); background: var(--surface-creuse); font: var(--text-corps-petit); }
.bk-resume p { margin: 0; }
.bk-resume .bk-prix { margin-top: var(--espace-2); }
.bk-dates { display: flex; align-items: flex-start; gap: var(--espace-2); margin: 0; }
.bk-dates .ei-icone { margin-top: 2px; color: var(--bleu-eeif); }