/* ON FAIT QUOI DEMAIN — V241.53
   Associations / Clubs / Comités : finition mobile compacte.
   Scope volontairement limité à la page Associations et aux écrans <= 720px. */

.ofqd-assoc-label-mobile{display:none}

@media (max-width:720px){
  /* Empêche toute largeur parasite sur cette page. */
  .ofqd-association-page,
  .ofqd-association-page *{box-sizing:border-box}
  .ofqd-association-page{max-width:100%!important;overflow-x:hidden!important;padding:10px 8px 92px!important}

  /* HERO : titre lisible + filtres et actions réellement compacts. */
  .ofqd-association-page .ofqd-v269-association-hero{
    display:block!important;
    min-height:0!important;
    width:100%!important;
    margin:0 0 9px!important;
    padding:13px 12px 12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#11184d,#43308b)!important;
  }
  .ofqd-association-page .ofqd-v269-hero-copy{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
  }
  .ofqd-association-page .ofqd-v269-eyebrow,
  .ofqd-association-page .ofqd-v269-hero-copy>p{display:none!important}
  .ofqd-association-page .ofqd-v269-hero h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 9px!important;
    padding:0!important;
    color:#fff!important;
    font-size:clamp(1.55rem,7.2vw,1.92rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
  }
  .ofqd-association-page .ofqd-v269-hero h1 span{display:none!important}

  /* Les nombreux thèmes restent sur UNE ligne glissante au lieu de faire deux rangées. */
  .ofqd-association-page .ofqd-v84-association-themes{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .ofqd-association-page .ofqd-v84-association-themes::-webkit-scrollbar{display:none!important}
  .ofqd-association-page .ofqd-v84-association-themes button,
  .ofqd-association-page .ofqd-v96-cross-filter{
    flex:0 0 auto!important;
    min-height:28px!important;
    padding:5px 10px!important;
    font-size:.69rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
  .ofqd-association-page .ofqd-v84-theme-separator,
  .ofqd-association-page .ofqd-v96-theme-separator{display:none!important}

  /* Actions : 2 boutons courts sur une seule ligne. */
  .ofqd-association-page .ofqd-association-actions-card{
    width:100%!important;
    min-width:0!important;
    margin:8px 0 0!important;
  }
  .ofqd-association-page .ofqd-v269-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:6px!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  .ofqd-association-page .ofqd-v269-actions a{
    min-width:0!important;
    min-height:36px!important;
    height:36px!important;
    padding:6px 8px!important;
    gap:5px!important;
    border-radius:10px!important;
    font-size:.72rem!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .ofqd-association-page .ofqd-v269-actions a svg{width:14px!important;height:14px!important}
  .ofqd-association-page .ofqd-assoc-label-desktop{display:none!important}
  .ofqd-association-page .ofqd-assoc-label-mobile{display:inline!important}

  /* ANNUAIRE : moins de cadres et beaucoup moins de hauteur. */
  .ofqd-association-page .ofqd-v269-directory{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .ofqd-association-page .ofqd-v82-territory-row{
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
  }
  .ofqd-association-page .ofqd-v82-toolbar-label{
    margin:0!important;
    padding:0 1px!important;
    font-size:.65rem!important;
    line-height:1!important;
  }
  .ofqd-association-page .ofqd-v82-toolbar-label svg{width:12px!important;height:12px!important}

  /* Territoires sur une ligne glissante, pas de débordement de page. */
  .ofqd-association-page .ofqd-v82-territory-row .ofqd-territory-levels{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .ofqd-association-page .ofqd-v82-territory-row .ofqd-territory-levels::-webkit-scrollbar{display:none!important}
  .ofqd-association-page .ofqd-v82-territory-row .ofqd-territory-levels button{
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:7px 10px!important;
    gap:5px!important;
    font-size:.72rem!important;
    white-space:nowrap!important;
  }
  .ofqd-association-page .ofqd-v82-territory-row .ofqd-territory-levels button svg{width:15px!important;height:15px!important}

  /* Recherche sur UNE ligne : champ + bouton rond. */
  .ofqd-association-page .ofqd-v82-territory-search{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .ofqd-association-page .ofqd-v82-territory-search .ofqd-v269-search-field{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    padding:0 11px!important;
    border-radius:12px!important;
  }
  .ofqd-association-page .ofqd-v82-territory-search .ofqd-v269-search-field input{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:8px 0!important;
    font-size:1rem!important;
  }
  .ofqd-association-page .ofqd-v82-territory-search>button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    font-size:0!important;
    line-height:0!important;
  }
  .ofqd-association-page .ofqd-v82-territory-search>button svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
    margin:0!important;
    font-size:1rem!important;
  }

  /* Résumé : autorise enfin le retour à la ligne au lieu de sortir de l'écran. */
  .ofqd-association-page .ofqd-territory-summary{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px 1px 7px!important;
  }
  .ofqd-association-page .ofqd-territory-summary strong,
  .ofqd-association-page .ofqd-territory-summary span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
  }
  .ofqd-association-page .ofqd-territory-summary strong{
    font-size:1rem!important;
    line-height:1.14!important;
  }
  .ofqd-association-page .ofqd-territory-summary span{
    padding:5px 8px!important;
    border-radius:9px!important;
    font-size:.7rem!important;
    line-height:1.2!important;
  }

  /* Cartes : format horizontal compact, image gauche / infos droite. */
  .ofqd-association-page .ofqd-territory-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  .ofqd-association-page .ofqd-territory-card{
    display:grid!important;
    grid-template-columns:38% minmax(0,1fr)!important;
    min-height:126px!important;
    max-height:148px!important;
    width:100%!important;
    min-width:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .ofqd-association-page .ofqd-territory-media{
    min-width:0!important;
    height:100%!important;
    min-height:126px!important;
  }
  .ofqd-association-page .ofqd-territory-media img{
    width:100%!important;
    height:100%!important;
    min-height:126px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  .ofqd-association-page .ofqd-territory-card-body{
    min-width:0!important;
    padding:8px 9px!important;
    overflow:hidden!important;
  }
  .ofqd-association-page .ofqd-territory-card h2{
    margin:3px 0!important;
    font-size:.88rem!important;
    line-height:1.12!important;
  }
  .ofqd-association-page .ofqd-territory-card p{
    margin:2px 0!important;
    font-size:.68rem!important;
    line-height:1.18!important;
  }
  .ofqd-association-page .ofqd-territory-card em{font-size:.62rem!important}

  /* Rodyn reste au-dessus de la barre basse, pas au milieu de la première carte. */
  body:has(.ofqd-association-page) .ofqd-rodyn-launcher,
  body:has(.ofqd-association-page) [data-rodyn-launcher]{
    bottom:82px!important;
    right:12px!important;
  }
}