/* Le Fil V176.7 — corrections de disposition à partir des captures du 11/11/2026. */
/* Carrousel commerces/associations : la navigation ne doit jamais être coupée. */
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight {
  min-width:0!important; max-width:100%!important; height:auto!important;
  min-height:0!important; max-height:none!important; overflow:visible!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-stage {
  display:flex!important; flex-direction:column!important; justify-content:flex-start!important;
  box-sizing:border-box!important; height:auto!important; min-height:0!important;
  max-height:none!important; overflow:visible!important; padding:13px 15px 10px!important;
  gap:7px!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-eyebrow {
  position:static!important; display:block!important; max-width:100%!important;
  line-height:1.35!important; white-space:normal!important; margin:0!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-stage h2 {
  display:block!important; position:static!important; max-width:100%!important;
  margin:0!important; padding:0!important; line-height:1.25!important;
  overflow:visible!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-cards {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important; gap:8px!important; min-width:0!important;
  height:auto!important; min-height:0!important; max-height:none!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-card {
  position:relative!important; box-sizing:border-box!important; width:100%!important;
  min-width:0!important; min-height:125px!important; height:auto!important;
  display:flex!important; flex-direction:column!important; align-items:center!important;
  justify-content:center!important; gap:5px!important; padding:10px 28px!important;
  overflow:hidden!important; text-align:center!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-card[hidden] {display:none!important}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-card :is(strong,small){
  position:static!important; min-width:0!important; max-width:100%!important;
  overflow-wrap:anywhere!important; white-space:normal!important; line-height:1.25!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-nav {
  position:static!important; flex:0 0 auto!important; box-sizing:border-box!important;
  width:100%!important; min-height:37px!important; height:auto!important;
  margin:0!important; padding:1px 0!important; display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 36px!important;
  justify-content:stretch!important; align-items:center!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-nav button {
  position:static!important; width:34px!important; height:34px!important;
  min-width:34px!important; min-height:34px!important; padding:0!important;
  display:grid!important; place-items:center!important;
}
html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-counter {
  position:static!important; min-width:0!important; display:block!important;
  text-align:center!important; line-height:1.4!important;
}
/* Fiches détaillées : les deux colonnes se remplissent ensemble, en utilisant
   les informations déjà présentes, sans supprimer de section ni de bouton. */
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-content {
  display:grid!important; grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)!important;
  align-items:start!important; gap:12px!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-side {
  display:flex!important; flex-direction:column!important; gap:12px!important;
  min-width:0!important; max-width:100%!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-side > * {
  box-sizing:border-box!important; width:100%!important; min-width:0!important;
  margin:0!important; max-width:100%!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-section-gallery .fil-u-section-body {
  display:grid!important; grid-template-columns:minmax(0,1fr)!important;
  width:100%!important; min-width:0!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-section-gallery .fil-record-gallery-item {
  width:100%!important; height:clamp(120px,23vh,215px)!important;
  min-height:120px!important; max-height:215px!important;
  background:#f1edf6!important; overflow:hidden!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-section-gallery img {
  width:100%!important; height:100%!important; object-fit:contain!important;
  object-position:center!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-tools-row {
  display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:7px!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-tools-row .fil-record-action {
  display:flex!important; justify-content:flex-start!important; width:100%!important;
  min-height:38px!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified :is(.fil-u-section,.fil-u-practical,.fil-u-tools) {
  overflow-wrap:anywhere!important;
}
/* Maintient le défilement exclusivement à l'intérieur de la fiche si son contenu
   dépasse l'écran ; aucun élément n'est rogné ni masqué volontairement. */
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-scroll {
  overflow-y:auto!important; overflow-x:hidden!important; scrollbar-gutter:stable!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-brand-foot {
  margin-top:4px!important; margin-bottom:12px!important; flex-wrap:wrap!important;
}
@media(max-width:760px){
 html body.fil-pages-premium #modal-detail-content .fil-record-unified .fil-u-content{
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-cards {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-card {
  padding:10px 8px!important; min-height:122px!important;
 }
}
@media(max-width:430px){
 html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-cards{
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body.fil-pages-premium #app-root #main-view .fil-v27-spotlight-card{
  min-height:92px!important;
 }
}
