/* bk-lot-c.css — lot C (topos, formulaires) : compléments au socle bivouak-ui.css */

/* Groupes de champs en carte blanche sur le fond de page */
.bk-form fieldset.bk-lc-set{ background:var(--bk-surface); border:1px solid var(--bk-line); border-radius:var(--bk-r); padding:18px 20px 20px }
.bk-form fieldset.bk-lc-set > legend{ float:left; width:100%; margin:0 0 4px }
.bk-form fieldset.bk-lc-set > legend + *{ clear:both }
@media (max-width:600px){ .bk-form fieldset.bk-lc-set{ padding:14px 14px 16px } }

/* Texte d'introduction au-dessus d'un formulaire */
.bk-lc-intro{ color:var(--bk-ink-2); font-size:15px; margin:0 0 4px; max-width:68ch }
.bk-lc-intro p{ margin:0 0 8px }

/* Cartes Leaflet / track-builder : la hauteur était en style inline */
.bk-lc-map,.map.bk-lc-map{ height:300px; width:100%; padding:0; border-radius:var(--bk-r-sm); overflow:hidden }
.bk-lc-map--lg,.map.bk-lc-map--lg{ height:420px }
@media (max-width:600px){ .bk-lc-map--lg,.map.bk-lc-map--lg{ height:320px } }

/* Champ suivi d'une unité (m, h, %) */
.bk-lc-unit{ display:flex; align-items:center; gap:8px }
.bk-lc-unit > input,.bk-lc-unit > select{ flex:1; min-width:0 }
.bk-lc-unit > input[type="button"],.bk-lc-unit > input[type="hidden"]{ flex:none; width:auto }
.bk-lc-unit > span{ color:var(--bk-ink-3); font-size:14px; flex:none }

/* Liste de cases à cocher / radios en ligne */
.bk-lc-checks{ display:flex; flex-wrap:wrap; gap:8px 18px }
.bk-lc-checks label{ display:inline-flex; align-items:center; gap:6px; font-weight:400; margin:0 }

/* Résultats de recherche Ajax (sommets apparentés, etc.) */
.bk-lc-results:empty{ display:none }
.bk-lc-results{ display:block; margin-top:6px }

/* Grille 3 colonnes de champs courts */
.bk-lc-row3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
@media (max-width:600px){ .bk-lc-row3{ grid-template-columns:1fr } }

/* Actions alignées à gauche (Précédent) + droite (Suivant) */
.bk-form__actions .bk-lc-spacer{ margin-right:auto }

/* Éditeur TinyMCE : laisser la pleine largeur du champ */
.bk-field .tox-tinymce,.bk-field .mce-tinymce{ width:100% !important }

/* topos/upload_sortie.html : carte + plupload + listes (les <pre> gardent leur style inline, réécrit par le JS) */
.bk-lc-upload{ display:grid; gap:12px; min-width:0 }
.bk-lc-upload #uploader_gps{ min-width:0 }
.bk-lc-upload pre#list_trace,.bk-lc-upload pre#list_photos{ background:var(--bk-bg); border:1px solid var(--bk-line); white-space:normal; font-family:var(--bk-body); font-size:14px; overflow:hidden }
.bk-lc-upload pre#list_photos::after{ content:""; display:block; clear:both }

/* topos/ajout_sortie.html : participants (classe .friends conservée) */
.bk-lc-friends{ display:flex; flex-wrap:wrap; gap:8px }
.bk-lc-friends .friends{ display:inline-flex; align-items:center; gap:8px; margin:0; padding:4px 12px 4px 6px; background:var(--bk-bg); border:1px solid var(--bk-line); border-radius:999px; font-weight:400 }
.bk-lc-friends .friends img{ width:28px; height:28px; border-radius:50% }

/* Listes d'aide (topos/ajouter_sortie.html) */
.bk-lc-howto{ margin:0 0 8px; padding-left:20px; display:grid; gap:8px; font-size:15px; color:var(--bk-ink-2) }

/* topos/preparer.html : track-builder en iframe */
.bk-lc-builder-section{ padding-bottom:40px }
.bk-lc-builder{ width:100%; height:calc(100vh - 220px); min-height:520px; max-height:900px; border-radius:var(--bk-r); overflow:hidden; border:1px solid var(--bk-line); background:var(--bk-surface) }
@media (max-width:700px){ .bk-lc-builder{ height:calc(100vh - 160px); min-height:480px } }

/* Listes alphabétiques (localisation_sommets_refuges, carte_data) */
.bk-lc-loclist{ list-style:none; margin:0 0 6px; padding:0; display:grid; gap:4px; font-size:15px }
.bk-lc-loclist:empty{ display:none }
.bk-lc-loclist small{ color:var(--bk-ink-3) }
.bk-lc-letter{ font-family:var(--bk-display); font-weight:700; font-size:18px; color:var(--bk-accent-ink); margin:12px 0 4px; padding-bottom:2px; border-bottom:1px solid var(--bk-line) }
.bk-lc-loc{ align-items:start }
.bk-main > .bk-lc-map{ margin-top:20px }

/* Fenêtres popup (ajout_photos.html, ajout_trace_gps.html, chargées avec header_short) */
.bk-lc-popup{ max-width:720px; margin:0 auto; padding:20px 16px 24px; display:grid; gap:12px; font-family:var(--bk-body); color:var(--bk-ink) }
.bk-lc-popup__title{ font-family:var(--bk-display); font-weight:600; font-size:24px; letter-spacing:-.01em; margin:0 }
.bk-lc-popup .modal-footer{ padding:12px 0 0; margin:0; text-align:right }
.bk-lc-popup pre#console:empty{ display:none }
.bk-lc-letter.dropcaps::first-letter{ float:none; font-size:inherit; line-height:inherit; margin:0; padding:0; color:inherit; font-weight:inherit }
