/* bk-lot-a.css — compléments du lot A (topos : listes, sorties, massifs)
   Chargé par les templates topos/liste_*, massif(s), index, list_post_sorties. */

/* ---- barre de filtres des topos ---- */
.bk-lt-filters{ margin-top:4px }
.bk-lt-search{ flex:1 1 260px; max-width:none }
.bk-lt-search form{ box-shadow:none; background:var(--bk-surface); border:1px solid var(--bk-line); padding:4px 14px; min-height:42px }
.bk-lt-search input{ font-size:15px }
.bk-lt-sort{ margin:0; font-weight:400 }
.bk-lt-sort select{ width:auto }
.bk-lt-filters > .bk-chips{ width:100%; order:5 }
.bk-lt-filters > .bk-filters__more{ order:6 }
.bk-lt-form{ display:block !important }
.bk-lt-fields{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px 16px; align-items:end }
.bk-lt-fields .bk-field{ min-width:0 }
.bk-lt-fields select,.bk-lt-fields input[type="number"]{ min-width:0 !important; width:100% }
.bk-lt-pair{ display:grid; grid-template-columns:72px minmax(0,1fr); gap:6px }
.bk-lt-pair select:first-child{ padding-left:12px !important; padding-right:22px !important; background-position:right 8px center }
.bk-lt-pair input{ min-height:40px; border-radius:var(--bk-r-sm) }
.bk-lt-cotbox{ display:contents }
.bk-lt-cotbox .cotation_box{ display:contents }
.bk-lt-cotbox .cotation_box[style*="none"]{ display:none !important }
.bk-lt-label{ font-weight:600; font-size:14px }
.bk-lt-form .bk-form__actions{ margin-top:16px }
.bk-lt-form label.bk-field--inline{ display:flex; align-items:center; gap:10px; min-height:40px; font-weight:400; margin:0 }
.bk-lt-form label.bk-field--inline input{ width:18px; height:18px; min-width:0 !important; margin:0; accent-color:var(--bk-accent) }

/* ---- barre d'outils de la liste (vue grille / liste + pagination) ---- */
.bk-lt__bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 16px }
.bk-lt__bar .bk-pager{ margin:0 0 0 auto; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; max-width:100%; scrollbar-width:none }
.bk-lt .bk-table td.bk-num,.bk-lt .bk-table th.bk-num{ white-space:nowrap; text-align:right }
.bk-lt .display-grid[hidden],.bk-lt .display-list[hidden]{ display:none }
.bk-lt-title{ color:var(--bk-ink); font-weight:600; border-left:4px solid var(--c,var(--bk-line)); padding-left:8px }
.bk-lt-title:hover{ color:var(--bk-accent-ink) }
.bk-lt-cot{ color:inherit } .bk-lt-cot:hover{ color:var(--bk-accent-ink) }
.bk-lt-link{ margin:0 }
.bk-lt-link .bk-btn{ width:100% }
.bk-table td .bk-lt-link .bk-btn{ width:auto }
.bk-pager-bottom{ margin-top:24px }

/* ---- liste de sorties (grille de cartes, défilement infini) ---- */
.bk-sorties-grid{ margin-bottom:24px }
.bk-like{ border:0; background:transparent; padding:0; display:inline-flex; align-items:center; gap:4px; color:var(--bk-ink-3); cursor:pointer; font:inherit; min-height:0 }
.bk-like:hover{ color:var(--bk-accent-ink) }
.bk-like.flag-active{ color:var(--bk-accent-ink) }
.bk-soc sub{ vertical-align:baseline; font-size:inherit; bottom:0 }

/* ---- massifs ---- */
.bk-massifs{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:start }
@media (max-width:960px){ .bk-massifs{ grid-template-columns:1fr } }
.bk-letters{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; padding:0; list-style:none }
.bk-letters a,.bk-letters button{ display:inline-grid; place-items:center; min-width:36px; height:36px; padding:0 8px; border-radius:999px; border:1px solid var(--bk-line); background:var(--bk-surface); color:var(--bk-ink-2); font-weight:600; font-size:14px }
.bk-letters a:hover{ border-color:var(--bk-ink-3); color:var(--bk-ink) }
.bk-letters .active a,.bk-letters a[aria-selected="true"]{ background:var(--bk-anth); border-color:var(--bk-anth); color:#fff }
.bk-azlist{ display:grid; gap:20px }
.bk-azlist h3{ font-size:20px; margin:0 0 8px; color:var(--bk-accent-ink) }
.bk-azlist ul{ list-style:none; margin:0; padding:0; columns:2 200px; column-gap:24px }
.bk-azlist li{ break-inside:avoid; padding:5px 0; border-bottom:1px solid var(--bk-line) }
.bk-azlist li a{ color:var(--bk-ink); font-weight:600 } .bk-azlist li a:hover{ color:var(--bk-accent-ink) }
.bk-map--tall{ height:520px; min-height:320px }
.bk-map--tall > div{ width:100%; height:100% }
@media (max-width:700px){ .bk-map--tall{ height:380px } }
.bk-massif-intro{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:start }
.bk-massif-intro--solo{ grid-template-columns:1fr }
@media (max-width:860px){ .bk-massif-intro{ grid-template-columns:1fr } }
.bk-massif-photo{ position:relative; border-radius:var(--bk-r); overflow:hidden; aspect-ratio:4/3; margin:0 }
.bk-massif-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.bk-massif-photo figcaption{ position:absolute; left:12px; right:12px; bottom:10px; z-index:2; font-size:13px; font-weight:600; text-shadow:0 1px 6px rgba(0,0,0,.6) }
.bk-massif-photo figcaption a{ color:#fff }
.bk-pac{ max-width:360px; margin:0 0 12px }
.bk-tabpanes .tab-pane{ display:none } .bk-tabpanes .tab-pane.active{ display:block }

/* ---- page d'entrée topos ---- */
.bk-guides{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px }
.bk-explore-map{ height:520px; max-height:640px }
@media (max-width:700px){ .bk-explore-map{ height:380px } }
#list_topos_around:empty{ display:none }
.bk-rayon{ width:auto; min-width:120px }

/* ---- modale de cotation ---- */
.bk-cot__h{ font-family:var(--bk-display); font-weight:600; font-size:16px; margin:14px 0 6px; color:var(--bk-ink) }
.bk-cot__h:first-child{ margin-top:0 }
#myModal_cotation .modal-body{ font-size:15px; line-height:1.55; color:var(--bk-ink-2) }
#myModal_cotation .modal-body b{ color:var(--bk-ink) }
.bk-lt .bk-table{ min-width:640px }
@media (max-width:960px){ .bk-massifs .bk-aside{ order:-1 } .bk-massifs .bk-map--tall{ height:320px } }