/* ===========================================================================
   refonte.css — refonte graphique validée sur la maquette (piste A)
   Chargée en DERNIER, uniquement par les pages déjà refondues. Chaque page
   refondue porte <html data-rf="…"> (accueil, agenda, annuaire…) : toutes les
   règles sont préfixées par html[data-rf], ce qui les fait passer devant les
   styles d'origine sans toucher à ces derniers. Aucun texte, aucun script.

   Thème unique : bandeaux sombres adoucis (en-tête, haut de page, pied),
   zones de lecture claires. Sans dégradés. Marge rouge de cahier.
   =========================================================================== */

html[data-rf]{
  /* motifs discrets du corps de page (Seyès, lignes) */
  --rf-s1:color-mix(in srgb,var(--rf-ac) 3.5%,transparent); --rf-s2:color-mix(in srgb,var(--rf-ac) 7%,transparent);
  /* bandeaux sombres */
  --rf-d-bg:#241d2c; --rf-d-sf:#2e2638; --rf-d-ln:#3d3448; --rf-d-mu:#ada3b8; --rf-d-t:#efeaf3; --rf-d-ac:#a78bfa;
  /* zones claires */
  --rf-bg:#fbfaf8; --rf-sf:#ffffff; --rf-t:#211b19; --rf-mu:#57504a; --rf-ln:#e8e2dc; --rf-ac:#6d28d9;
  --rf-btn:#6d28d9; --rf-btnt:#ffffff;
  /* tuiles */
  --rf-band-h:24px; --rf-strip:#241c33; --rf-strip-t:#f3ecdf; --rf-ocre:#c99a3a;
  /* marge rouge */
  --rf-mrg:rgba(224,64,110,.55);
  /* Marge rouge : 24 px à gauche du contenu centré (largeur --rf-cw, retrait
     minimal --rf-pad). Les % se résolvent sur la largeur de la zone peinte,
     qui fait toute la largeur de l'écran. */
  --rf-cw:1204px; --rf-pad:38px;
  --rf-mx:calc(max(var(--rf-pad), (100% - var(--rf-cw)) / 2) - 24px);
  --rf-marge:linear-gradient(90deg,transparent 0 var(--rf-mx),var(--rf-mrg) var(--rf-mx) calc(var(--rf-mx) + 1.5px),transparent calc(var(--rf-mx) + 1.5px));
  --rf-fd:'Playfair Display',Georgia,serif; --rf-fb:'DM Sans',Arial,sans-serif;
}
html[data-rf][data-rf="agenda"]{--rf-d-bg:#221b30;--rf-d-sf:#2b2340;--rf-d-ln:#3b3252;--rf-d-mu:#aaa1bd}
html[data-rf][data-rf="annuaire"]{--rf-d-bg:#2b2217;--rf-d-sf:#352a1d;--rf-d-ln:#4a3c2b;--rf-d-mu:#b5a68c;--rf-d-ac:#e0a43a}
html[data-rf="accueil"]{--rf-cw:1100px}
@media(max-width:700px){html[data-rf]{--rf-mx:9px}}

/* ---------------------------------------------------------------------------
   En-tête (commun)
   --------------------------------------------------------------------------- */
html[data-rf] #nav{background:var(--rf-d-bg)!important;border-bottom:1px solid var(--rf-d-ln)!important;backdrop-filter:none!important;box-shadow:none!important}
html[data-rf] #nav .logo-light{display:none!important}
html[data-rf] #nav .logo-dark{display:block!important}
html[data-rf] #nav .nav-logo-badge img{width:30px!important;height:30px!important}
html[data-rf] #nav .nav-logo-name{color:var(--rf-d-t)!important;font:700 16px/1.15 var(--rf-fd)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-rf] #nav .nav-logo-sub{color:var(--rf-d-mu)!important;font:700 12px/1.2 var(--rf-fb)!important;letter-spacing:.06em!important}
html[data-rf] #nav .nav-links a{color:var(--rf-d-mu)!important;font-size:12px!important;letter-spacing:.1em!important;background:none!important}
html[data-rf] #nav .nav-links a.active,html[data-rf] #nav .nav-links a:hover{color:var(--rf-d-ac)!important}
html[data-rf] #nav .nav-links a::after{display:none!important}
html[data-rf] #nav .nav-search-btn{background:transparent!important;border:1px solid var(--rf-d-ln)!important;border-radius:8px!important;color:var(--rf-d-t)!important;box-shadow:none!important}
html[data-rf] #nav .nav-search-btn svg{stroke:var(--rf-d-t)!important}
html[data-rf] #nav .nav-credit{color:var(--rf-d-mu)!important;font-size:12px!important}
html[data-rf] #nav .nav-credit a{color:var(--rf-d-t)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-rf] #nav .nav-burger span{background:var(--rf-d-t)!important}
@media(max-width:900px){
  html[data-rf] #nav .nav-links{background:var(--rf-d-bg)!important;border-color:var(--rf-d-ln)!important}
  /* sous-titre du logo : 12 px, sur deux lignes au plus, dans la hauteur de l'en-tête */
  html[data-rf] #nav .nav-brand{gap:8px!important;min-width:0!important}
  html[data-rf] #nav .nav-logo-name{font-size:15px!important;line-height:1.1!important}
  html[data-rf] #nav .nav-logo-sub{letter-spacing:0!important;line-height:1.15!important;white-space:normal!important;max-width:220px!important}
}

/* ---------------------------------------------------------------------------
   Pied de page (commun)
   --------------------------------------------------------------------------- */
html[data-rf] footer{background:var(--rf-d-bg)!important;border-top:1px solid var(--rf-d-ln)!important}
html[data-rf] footer .f-brand-name,html[data-rf] footer .footer-brand-name{color:var(--rf-d-t)!important;-webkit-text-fill-color:var(--rf-d-t)!important;font:700 15px var(--rf-fd)!important;background:none!important}
html[data-rf] footer .f-brand-name em{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
html[data-rf] footer .f-brand-desc,html[data-rf] footer .footer-brand-desc{color:var(--rf-d-mu)!important;font-size:12px!important;font-weight:400!important}
html[data-rf] footer .f-col-title,html[data-rf] footer .footer-col-title{color:var(--rf-d-t)!important;font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important}
html[data-rf] footer .f-links a,html[data-rf] footer .footer-links-col a{color:var(--rf-d-mu)!important;font-size:12px!important}
html[data-rf] footer .f-links a:hover{color:var(--rf-d-t)!important}
html[data-rf] footer .footer-bottom{border-top-color:var(--rf-d-ln)!important;color:var(--rf-d-mu)!important;font-size:12px!important}
html[data-rf] footer .footer-bottom *{font-size:12px!important}
html[data-rf] footer .footer-bottom a{color:var(--rf-d-t)!important}

/* ---------------------------------------------------------------------------
   Titres de section, boutons (communs aux zones claires)
   --------------------------------------------------------------------------- */
html[data-rf] .section-label{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-ac)!important;padding-left:22px!important;margin-bottom:4px!important}
html[data-rf] .section-label::before{width:16px!important;height:21px!important;top:-3px!important}
html[data-rf] .section-title{font:700 22px/1.15 var(--rf-fd)!important;color:var(--rf-t)!important}
html[data-rf] .section-title em{color:var(--rf-ac)!important;-webkit-text-fill-color:var(--rf-ac)!important;background:none!important;font-style:italic!important}
html[data-rf] .section-desc{color:var(--rf-mu)!important;font-size:12px!important;font-weight:400!important;margin-top:4px!important;line-height:1.5!important}
html[data-rf] .section-head{border-bottom:1px solid var(--rf-ln)!important;padding-bottom:10px!important;margin-bottom:14px!important}
html[data-rf] .section-head::after{display:none!important}
html[data-rf] .rule{background:var(--rf-ln)!important}
html[data-rf] .section-ctas{gap:10px!important;margin-top:14px!important}
html[data-rf] .section-ctas>a{background:var(--rf-btn)!important;color:var(--rf-btnt)!important;border:1px solid var(--rf-btn)!important;border-radius:6px!important;padding:8px 16px!important;font:700 13px var(--rf-fb)!important;letter-spacing:0!important;box-shadow:none!important;background-image:none!important}
html[data-rf] .section-ctas>a.cta-link-ghost{background:transparent!important;color:var(--rf-t)!important;border-color:var(--rf-ln)!important}
html[data-rf] .section-ctas .cta-ic{display:none!important}

/* ===========================================================================
   ACCUEIL
   =========================================================================== */
html[data-rf="accueil"] body{background:var(--rf-bg)!important}

/* Haut de page : sombre, petites étoiles fixes, marge rouge */
html[data-rf="accueil"] #hero{
  background-color:var(--rf-d-bg)!important;
  background-image:
    radial-gradient(circle,rgba(239,234,243,.75) 1.1px,transparent 1.8px),
    radial-gradient(circle,rgba(167,139,250,.95) 1.4px,transparent 2.2px),
    radial-gradient(circle,rgba(240,195,90,.8) 1px,transparent 1.6px),
    radial-gradient(circle,rgba(239,234,243,.6) .9px,transparent 1.5px),
    radial-gradient(circle,rgba(167,139,250,.8) 1.1px,transparent 1.8px)!important;
  background-size:97px 71px,151px 113px,211px 167px,263px 59px,331px 89px!important;
  background-position:13px 9px,71px 37px,143px 22px,29px 48px,197px 5px!important;
  background-repeat:repeat!important;
  padding:40px 38px 34px!important;min-height:0!important;border:0!important}
html[data-rf="accueil"] #hero::before,html[data-rf="accueil"] #hero::after{display:none!important}
html[data-rf="accueil"] .hero-h1{font:700 46px/1.05 var(--rf-fd)!important;color:var(--rf-d-t)!important;animation:none!important}
html[data-rf="accueil"] .hero-h1 em{color:var(--rf-d-ac)!important;-webkit-text-fill-color:var(--rf-d-ac)!important;background:none!important;font-style:italic!important}
html[data-rf="accueil"] .hero-sub{color:var(--rf-d-mu)!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;max-width:70ch!important;margin:8px auto 0!important;animation:none!important}

/* Zones claires : même fond, marge rouge */
html[data-rf="accueil"] :is(#section-agenda,#section-annuaire,#section-manifeste){background-color:var(--rf-bg)!important;background-image:var(--rf-marge)!important;background-repeat:no-repeat!important;padding:24px 38px!important}
html[data-rf="accueil"] .section-geo{font-size:12px!important;color:var(--rf-mu)!important;margin:0 0 12px!important}
html[data-rf="accueil"] .section-geo a,html[data-rf="accueil"] .section-geo button,html[data-rf="accueil"] .section-geo u{color:var(--rf-ac)!important}
html[data-rf="accueil"] .preview-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:0!important}

/* Tuile événement : image pleine tuile, bandeau sombre, texte blanc dessous */
html[data-rf="accueil"] .ev-card{position:relative!important;display:block!important;height:250px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:4px!important;overflow:hidden!important;box-shadow:none!important;transform:none!important;background:var(--rf-strip)!important}
html[data-rf="accueil"] .ev-card-bg{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;transform:none!important;filter:none!important;opacity:1!important}
html[data-rf="accueil"] .ev-card-scrim{position:absolute!important;inset:auto 0 0 0!important;height:62%!important;background:linear-gradient(to top,rgba(14,10,22,.9),rgba(14,10,22,.62) 60%,rgba(14,10,22,0))!important;opacity:1!important}
html[data-rf="accueil"] .ev-card-in{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:auto!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"date city" "title title" "art art"!important;gap:0!important;z-index:2!important}
html[data-rf="accueil"] .ev-card-date,html[data-rf="accueil"] .ev-card-city{height:var(--rf-band-h)!important;display:flex!important;align-items:center!important;background:var(--rf-strip)!important;color:var(--rf-strip-t)!important;font:700 12px/1 var(--rf-fb)!important;letter-spacing:.06em!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important}
html[data-rf="accueil"] .ev-card-date{grid-area:date!important;padding:0 8px 0 10px!important;text-transform:uppercase!important}
html[data-rf="accueil"] .ev-card-city{grid-area:city!important;padding:0 10px 0 8px!important;font-style:normal!important;justify-content:flex-end!important}
html[data-rf="accueil"] .ev-card-title{grid-area:title!important;padding:6px 11px 0!important;margin:0 0 3px!important;font:700 15px/1.2 var(--rf-fd)!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;display:block!important}
html[data-rf="accueil"] .ev-card-artists{grid-area:art!important;padding:0 11px 9px!important;margin:0!important;list-style:none!important;display:block!important;font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.85)!important}
html[data-rf="accueil"] .ev-card-artists:empty{padding-bottom:6px!important}
html[data-rf="accueil"] .ev-card-artists li{display:inline!important;margin:0 10px 0 0!important;padding:0!important;font-size:12px!important;color:inherit!important;background:none!important}
html[data-rf="accueil"] .ev-card-artists li::before{display:none!important}

/* Tuile artiste : fiche de l'annuaire (bandeau ocre, bandeau sombre, photo dessous) */
html[data-rf="accueil"] .ar-card{position:relative!important;display:flex!important;flex-direction:column!important;height:250px!important;padding:0!important;border:1px solid var(--rf-ocre)!important;border-radius:4px!important;overflow:hidden!important;background:var(--rf-sf)!important;box-shadow:none!important;transform:none!important}
html[data-rf="accueil"] .ar-card-scrim{display:none!important}
html[data-rf="accueil"] .ar-card-in{position:static!important;order:1!important;height:auto!important;padding:0!important;gap:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"name type" "city city"!important;flex:none!important}
html[data-rf="accueil"] .ar-card-in .ar-card-meta{display:contents!important}
html[data-rf="accueil"] .ar-card-in .ar-card-name{grid-area:name!important;background:var(--rf-ocre)!important;color:#1a1206!important;font:700 17px/1.2 var(--rf-fd)!important;padding:7px 6px 7px 10px!important;overflow-wrap:break-word!important;min-width:0!important}
html[data-rf="accueil"] .ar-card-in .ar-card-type{grid-area:type!important;background:var(--rf-ocre)!important;color:#1a1206!important;-webkit-text-fill-color:#1a1206!important;font:italic 400 12px var(--rf-fb)!important;padding:7px 10px 7px 4px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important}
html[data-rf="accueil"] .ar-card-in .ar-card-meta .ar-sep{display:none!important}
html[data-rf="accueil"] .ar-card-in .ar-card-meta>span:last-child{grid-area:city!important;height:var(--rf-band-h)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;background:var(--rf-strip)!important;color:var(--rf-strip-t)!important;font:700 12px/1 var(--rf-fb)!important;letter-spacing:.03em!important;padding:0 10px!important;white-space:nowrap!important;overflow:hidden!important}
html[data-rf="accueil"] .ar-card-bg{position:relative!important;inset:auto!important;order:2!important;flex:1!important;min-height:0!important;background-size:cover!important;background-position:center 25%!important}
html[data-rf="accueil"] .ar-card-bg.is-logo{background-size:40% auto!important;background-position:center!important}

/* Projet communautaire : trois blocs de la taille des tuiles */
html[data-rf="accueil"] .manifeste-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important}
html[data-rf="accueil"] .manifeste-card{height:250px!important;display:flex!important;flex-direction:column!important;padding:0!important;border:1px solid color-mix(in srgb,var(--rf-ac) 35%,var(--rf-ln))!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;overflow:hidden!important;text-align:center!important;transform:none!important}
html[data-rf="accueil"] .manifeste-card::before,html[data-rf="accueil"] .manifeste-card::after{display:none!important}
html[data-rf="accueil"] .manifeste-sym{display:block!important;flex:1!important;width:auto!important;height:auto!important;min-height:72px!important;margin:0!important;background-color:color-mix(in srgb,var(--rf-ac) 7%,var(--rf-sf))!important;background-size:66px auto!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:0!important}
html[data-rf="accueil"] .manifeste-title{height:var(--rf-band-h)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--rf-strip)!important;color:var(--rf-strip-t)!important;font:700 14px/1 var(--rf-fd)!important;margin:0!important;padding:0 10px!important}
html[data-rf="accueil"] .manifeste-body{padding:8px 14px 10px!important;color:var(--rf-mu)!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;flex:none!important}
html[data-rf="accueil"] .manifeste-body strong{color:var(--rf-t)!important}

/* Ressources communautaires */
html[data-rf="accueil"] .community-block{margin-top:22px!important}
html[data-rf="accueil"] .community-links{border:1px solid var(--rf-ln)!important;border-radius:4px!important;padding:16px 18px!important;background:var(--rf-sf)!important;box-shadow:none!important;font-size:13px!important;color:var(--rf-t)!important}
html[data-rf="accueil"] .community-links-label{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-t)!important;text-transform:uppercase!important}
html[data-rf="accueil"] .community-links-intro{font-size:13px!important;color:var(--rf-t)!important}
html[data-rf="accueil"] .community-links-intro em{color:var(--rf-mu)!important}
html[data-rf="accueil"] .community-links strong{font-weight:700!important;color:var(--rf-t)!important}
html[data-rf="accueil"] .community-item{font-size:13px!important;color:var(--rf-t)!important}
html[data-rf="accueil"] .community-item a{color:var(--rf-t)!important;text-decoration:underline!important;text-underline-offset:2px!important}
html[data-rf="accueil"] .community-item em{color:var(--rf-mu)!important}

/* Téléphone */
@media(max-width:700px){
  html[data-rf="accueil"] #hero{padding:26px 14px 22px 22px!important}
  html[data-rf="accueil"] .hero-h1{font-size:40px!important;white-space:normal!important}
  html[data-rf="accueil"] :is(#section-agenda,#section-annuaire,#section-manifeste){padding:18px 14px 18px 22px!important}
  html[data-rf="accueil"] .preview-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* tuile événement : la ville passe sous les artistes, le bandeau garde la date entière */
  html[data-rf="accueil"] .ev-card-in{grid-template-areas:"date date" "title title" "art art" "city city"!important}
  html[data-rf="accueil"] .ev-card-date{padding-right:10px!important}
  html[data-rf="accueil"] .ev-card-city{height:auto!important;background:none!important;color:rgba(255,255,255,.85)!important;font:400 12px/1.4 var(--rf-fb)!important;letter-spacing:0!important;justify-content:flex-start!important;padding:0 11px 9px!important;white-space:normal!important}
  html[data-rf="accueil"] .ev-card-artists{padding-bottom:2px!important}
  /* tuile artiste : le nom occupe tout le bandeau ocre, le type passe dans le bandeau sombre */
  html[data-rf="accueil"] .ar-card-in{grid-template-areas:"name name" "type city"!important}
  html[data-rf="accueil"] .ar-card-in .ar-card-type{background:var(--rf-strip)!important;color:var(--rf-strip-t)!important;-webkit-text-fill-color:var(--rf-strip-t)!important;justify-content:flex-start!important;height:var(--rf-band-h)!important;padding:0 4px 0 10px!important;white-space:nowrap!important}
  html[data-rf="accueil"] .ar-card-in .ar-card-meta>span:last-child{padding-left:4px!important}
  html[data-rf="accueil"] .manifeste-grid{grid-template-columns:minmax(0,1fr)!important}
  html[data-rf="accueil"] .manifeste-card{height:auto!important}
  html[data-rf="accueil"] .manifeste-sym{flex:none!important;height:72px!important;background-size:54px auto!important}
}

/* ===========================================================================
   AGENDA
   =========================================================================== */
html[data-rf="agenda"]{--rf-bg:#fcfbfe;--rf-t:#1d1726;--rf-mu:#544c69;--rf-ln:#e6e1ef;--rf-today:#db2777}
html[data-rf="agenda"] body{background:var(--rf-bg)!important}

/* Haut de page : sombre, petites étoiles fixes (l'animation est retirée) */
html[data-rf="agenda"] #hero{
  background-color:var(--rf-d-bg)!important;
  background-image:
    radial-gradient(circle,rgba(236,233,242,.75) 1.1px,transparent 1.8px),
    radial-gradient(circle,rgba(167,139,250,.95) 1.4px,transparent 2.2px),
    radial-gradient(circle,rgba(240,195,90,.8) 1px,transparent 1.6px),
    radial-gradient(circle,rgba(236,233,242,.6) .9px,transparent 1.5px),
    radial-gradient(circle,rgba(167,139,250,.8) 1.1px,transparent 1.8px)!important;
  background-size:97px 71px,151px 113px,211px 167px,263px 59px,331px 89px!important;
  background-position:13px 9px,71px 37px,143px 22px,29px 48px,197px 5px!important;
  background-repeat:repeat!important;
  padding:22px 38px 18px!important;min-height:0!important;border:0!important}
html[data-rf="agenda"] #hero::before,html[data-rf="agenda"] #hero::after{display:none!important}
html[data-rf="agenda"] #sparkle-canvas,html[data-rf="agenda"] .hero-shape{display:none!important}
html[data-rf="agenda"] .hero-inner{max-width:1204px!important;margin:0 auto!important;padding:0!important}
html[data-rf="agenda"] .hero-h1{font:700 36px/1.05 var(--rf-fd)!important;color:var(--rf-d-t)!important;margin:0 0 8px!important}
html[data-rf="agenda"] .hero-h1 em{color:var(--rf-d-ac)!important;-webkit-text-fill-color:var(--rf-d-ac)!important;background:none!important;font-style:italic!important}
html[data-rf="agenda"] .hero-sub{color:var(--rf-d-mu)!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:96ch!important;margin:0!important}

/* Bande de recherche (ordinateur) : sombre, comme le haut de page */
@media all{
  html[data-rf="agenda"] #filterbar:not(.mob-open){background:var(--rf-d-bg)!important;backdrop-filter:none!important;border-top:1px solid var(--rf-d-ln)!important;border-bottom:1px solid var(--rf-d-ln)!important;padding:12px max(38px,calc((100% - 1204px)/2))!important}
  html[data-rf="agenda"] #filterbar:not(.mob-open) .df-search input,html[data-rf="agenda"] #filterbar:not(.mob-open) .fbar-sel,html[data-rf="agenda"] #filterbar:not(.mob-open) .pays-select{background:var(--rf-d-sf)!important;border:1px solid var(--rf-d-ln)!important;color:var(--rf-d-t)!important;border-radius:6px!important}
  html[data-rf="agenda"] #filterbar:not(.mob-open) .df-search input::placeholder{color:var(--rf-d-mu)!important;opacity:1!important}
  html[data-rf="agenda"] #filterbar:not(.mob-open) .df-search svg{stroke:var(--rf-d-mu)!important}
  html[data-rf="agenda"] #filterbar:not(.mob-open) .chip-group-label,html[data-rf="agenda"] #filterbar:not(.mob-open) .chip{color:var(--rf-d-mu)!important;border-color:var(--rf-d-ln)!important}
}
html[data-rf="agenda"] #agendaSubmitBtn{background:var(--rf-btn)!important;background-image:none!important;color:#fff!important;border-radius:6px!important;font:700 13px var(--rf-fb)!important;padding:8px 16px!important;box-shadow:none!important;border:0!important}
html[data-rf="agenda"] #agendaSubmitBtn .cta-ic{display:none!important}

/* Zone de lecture */
html[data-rf="agenda"] #main{background-image:var(--rf-marge),repeating-linear-gradient(0deg,var(--rf-s2) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,var(--rf-s1) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--rf-s1) 0 1px,transparent 1px 32px)!important;background-repeat:no-repeat,repeat,repeat,repeat!important;max-width:none!important;padding:18px max(38px,calc((100% - 1204px)/2)) 40px!important;gap:22px!important}

/* Un seul bloc « quand » : périodes à gauche, jours à droite */
html[data-rf="agenda"] .events-col{display:grid!important;grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;column-gap:18px!important;align-items:center!important;align-content:start!important}
html[data-rf="agenda"] .events-col>*{grid-column:1/-1;min-width:0}
html[data-rf="agenda"] .events-col>#quickFilters{grid-column:1!important;grid-row:1!important}
html[data-rf="agenda"] .events-col>.dr-bar{grid-column:2!important;grid-row:1!important;margin:0!important;border:0!important;padding:0!important}
html[data-rf="agenda"] .events-col>.col-head{border-top:1px solid var(--rf-ln)!important;padding-top:14px!important;margin-top:12px!important}
html[data-rf="agenda"] #quickFilters{background:none!important;padding:0!important;margin:0!important;border:0!important;position:static!important;box-shadow:none!important}
html[data-rf="agenda"] #quickFilters .qf-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,auto))!important;gap:8px!important;max-width:none!important;margin:0!important;padding:0!important}
html[data-rf="agenda"] #quickFilters .qf-card{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:0 6px!important;padding:8px 12px!important;min-height:0!important;height:auto!important;border:1px solid var(--rf-ln)!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;transform:none!important;text-align:left!important;white-space:nowrap!important}
html[data-rf="agenda"] #quickFilters .qf-card.active{border-color:var(--rf-ac)!important;background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf))!important}
html[data-rf="agenda"] #quickFilters .qf-icon{display:none!important}
html[data-rf="agenda"] #quickFilters .qf-label{font:700 13px var(--rf-fb)!important;color:var(--rf-t)!important;margin:0!important}
html[data-rf="agenda"] #quickFilters .qf-count{font:400 12px var(--rf-fb)!important;color:var(--rf-mu)!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
html[data-rf="agenda"] #quickFilters .qf-card.active .qf-count{color:var(--rf-ac)!important;background:none!important}

/* Ruban des jours : icône calendrier seule, sans « Date » ni le premier mois */
html[data-rf] .dr-cal span{display:none!important}
html[data-rf] .dr-cal{width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border:1px solid var(--rf-ln)!important;border-radius:8px!important;display:grid!important;place-items:center!important;color:var(--rf-ac)!important;background:var(--rf-sf)!important}
html[data-rf] .dr-cal svg{width:17px!important;height:17px!important;stroke:var(--rf-ac)!important}
html[data-rf] .dr-track .m:first-child{display:none!important}
html[data-rf] .dr-track .m{color:var(--rf-today)!important;font-family:var(--rf-fb)!important;font-size:12px!important;letter-spacing:.06em!important}
html[data-rf] .dr-track .d .wd{font:700 12px var(--rf-fb)!important;letter-spacing:.02em!important;color:var(--rf-mu)!important}
html[data-rf] .dr-track .d.today .wd{color:var(--rf-today)!important}
html[data-rf] .dr-track .d b{color:var(--rf-t)!important;font-family:var(--rf-fb)!important}
html[data-rf] .dr-track .d.we{background:color-mix(in srgb,var(--rf-ac) 9%,transparent)!important}
html[data-rf] .dr-track .d.on{background:var(--rf-ac)!important}
html[data-rf] .dr-track .d.on b,html[data-rf] .dr-track .d.on .wd{color:#fff!important}
html[data-rf] .dr-track .dots i{background:var(--rf-ac)!important}
html[data-rf] .dr-arr{border-color:var(--rf-ln)!important;color:var(--rf-ac)!important;box-shadow:none!important}
html[data-rf] .dr-res{font-size:12px!important}

/* Titres de colonne, bascule Liste / Carte */
html[data-rf="agenda"] .col-head h2{font:700 22px/1.15 var(--rf-fd)!important;color:var(--rf-t)!important}
html[data-rf="agenda"] .col-head::after,html[data-rf="agenda"] .col-head h2::after{display:none!important}
html[data-rf="agenda"] .col-count{font-size:12px!important;color:var(--rf-mu)!important;background:none!important;border:1px solid var(--rf-ln)!important;border-radius:4px!important}
html[data-rf="agenda"] .view-toggle{border:1px solid var(--rf-ln)!important;border-radius:6px!important;background:var(--rf-sf)!important;box-shadow:none!important;padding:2px!important}
html[data-rf="agenda"] .view-btn{border-radius:4px!important;font-size:12px!important;color:var(--rf-mu)!important;background:none!important;box-shadow:none!important}
html[data-rf="agenda"] .view-btn.active{background:color-mix(in srgb,var(--rf-ac) 10%,var(--rf-sf))!important;color:var(--rf-ac)!important}
html[data-rf="agenda"] .show-all-toggle{border:1px solid var(--rf-ln)!important;border-radius:6px!important;background:var(--rf-sf)!important;color:var(--rf-t)!important;box-shadow:none!important;font-size:13px!important}
html[data-rf="agenda"] .show-all-toggle-count{font-size:12px!important;background:none!important;border:1px solid var(--rf-ln)!important;color:var(--rf-mu)!important}

/* Tuile événement : la même que l'accueil, avec lieu et prix */
html[data-rf="agenda"] .events-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html[data-rf="agenda"] .events-grid>.ev-card{position:relative!important;height:250px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:4px!important;overflow:hidden!important;background:var(--rf-strip)!important;box-shadow:none!important;transform:none!important;cursor:pointer}
html[data-rf="agenda"] .ev-card .ev-img,html[data-rf="agenda"] .ev-card .ev-img-ph{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;aspect-ratio:auto!important;margin:0!important;transform:none!important}
html[data-rf="agenda"] .ev-card .ev-img-ph{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding-top:26px!important;gap:6px!important;background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf))!important;color:var(--rf-mu)!important;font-size:12px!important}
html[data-rf="agenda"] .ev-card .ev-img-ph .logo-dark{display:none!important}
html[data-rf="agenda"] .ev-card .ev-img-ph small{font-size:12px!important}
html[data-rf="agenda"] .ev-card::before{content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:62%!important;background:linear-gradient(to top,rgba(14,10,22,.9),rgba(14,10,22,.62) 60%,rgba(14,10,22,0))!important;z-index:1!important;pointer-events:none!important;display:block!important;border:0!important;width:auto!important;top:auto!important;opacity:1!important}
html[data-rf="agenda"] .ev-card::after{display:none!important}
html[data-rf="agenda"] .ev-card .ev-body{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:2!important;padding:0!important;margin:0!important;background:none!important;display:block!important;flex:none!important;gap:0!important}
html[data-rf="agenda"] .ev-card .ev-date{height:var(--rf-band-h)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:var(--rf-strip)!important;color:var(--rf-strip-t)!important;font:700 12px/1 var(--rf-fb)!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:0 10px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;border:0!important}
html[data-rf="agenda"] .ev-card .ev-date *{color:inherit!important;font:inherit!important;background:none!important;padding:0!important;border:0!important;margin:0!important}
html[data-rf="agenda"] .ev-card .ev-title{padding:6px 11px 0!important;margin:0 0 3px!important;font:700 15px/1.2 var(--rf-fd)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:0!important;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
html[data-rf="agenda"] .ev-card .ev-artists{padding:0 11px!important;margin:0!important;display:block!important;font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.85)!important;background:none!important}
html[data-rf="agenda"] .ev-card .ev-artist-pill{display:inline!important;margin:0 10px 0 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:inherit!important;font-size:12px!important}
html[data-rf="agenda"] .ev-card .ev-artist-pill::before{display:none!important}
html[data-rf="agenda"] .ev-card .ev-place{display:flex!important;justify-content:space-between!important;gap:8px!important;padding:4px 11px 9px!important;margin:0!important;border:0!important;font-size:12px!important;color:rgba(255,255,255,.8)!important;background:none!important}
html[data-rf="agenda"] .ev-card .ev-venue{color:inherit!important;font:400 12px var(--rf-fb)!important;font-style:normal!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:0!important}
html[data-rf="agenda"] .ev-card .ev-price{color:#fff!important;font:700 12px var(--rf-fb)!important;background:none!important;border:0!important;padding:0!important;white-space:nowrap!important}

/* Colonne de droite */
html[data-rf="agenda"] .sidebar-widget{border:1px solid var(--rf-ln)!important;border-left:1px solid var(--rf-ln)!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;padding:14px 16px!important}
html[data-rf="agenda"] .sidebar-widget::before{display:none!important}
html[data-rf="agenda"] .w-title{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-t)!important;text-transform:uppercase!important;border-bottom:1px solid var(--rf-ln)!important}
html[data-rf="agenda"] .city-row{font-size:13px!important;color:var(--rf-t)!important;border-color:var(--rf-ln)!important}
html[data-rf="agenda"] .city-n{font-size:12px!important;color:var(--rf-mu)!important}
html[data-rf="agenda"] .city-toggle{font-size:12px!important;color:var(--rf-ac)!important}
html[data-rf="agenda"] .about-text p{font-size:12px!important;color:var(--rf-mu)!important;line-height:1.55!important}
html[data-rf="agenda"] .about-text strong{color:var(--rf-t)!important}

/* Chiffres en bas de page */
html[data-rf] .rf-statline{background-color:var(--rf-bg)!important;background-image:var(--rf-marge)!important;background-repeat:no-repeat!important;border-top:1px solid var(--rf-ln)!important;padding:12px max(38px,calc((100% - 1204px)/2))!important}
html[data-rf] .rf-statline .hero-stats{display:flex!important;flex-wrap:wrap!important;gap:6px 22px!important;margin:0!important;justify-content:flex-start!important}
html[data-rf] .rf-statline .hero-stats>div{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:5px!important}
html[data-rf] .rf-statline .hero-stat-n{font:700 14px var(--rf-fb)!important;color:var(--rf-t)!important;-webkit-text-fill-color:var(--rf-t)!important;letter-spacing:0!important}
html[data-rf] .rf-statline .hero-stat-l{font-size:12px!important;letter-spacing:.06em!important;color:var(--rf-mu)!important;margin:0!important}

/* Téléphone et tablette */
@media(max-width:1000px){
  html[data-rf="agenda"] .events-col{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  html[data-rf="agenda"] .events-col>#quickFilters{order:1}
  html[data-rf="agenda"] .events-col>.dr-bar{order:2;margin-top:10px!important}
  html[data-rf="agenda"] .events-col>.col-head{order:3}
  html[data-rf="agenda"] .events-col>#eventsView,html[data-rf="agenda"] .events-col>#mapView{order:4}
  html[data-rf="agenda"] .events-col>#mobCityCard{order:5;margin-top:18px!important}
  html[data-rf="agenda"] .events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html[data-rf="agenda"] #hero{padding:16px 14px 12px 22px!important}
  html[data-rf="agenda"] .hero-h1{font-size:30px!important}
  html[data-rf="agenda"] #main{padding:16px 14px 30px 22px!important}
  html[data-rf] .rf-statline{padding:12px 14px 12px 22px!important}
  /* bouton d'ajout d'abord, puis la recherche */
  html[data-rf="agenda"] #filterbar:not(.mob-open){padding:10px 14px 12px 22px!important;border:0!important}
  html[data-rf="agenda"] #filterbar:not(.mob-open) #agendaSubmitBtn{order:-1!important;width:100%!important;justify-content:center!important}
  /* 4 périodes sur une ligne chacune, en 2 rangées */
  html[data-rf="agenda"] #quickFilters .qf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html[data-rf="agenda"] #quickFilters .qf-card{padding:7px 8px!important;gap:0 4px!important;white-space:normal!important;flex-wrap:wrap!important}
  /* une tuile par ligne, comme dans la maquette : date et heure tiennent dans le bandeau */
  html[data-rf="agenda"] .events-grid{grid-template-columns:minmax(0,1fr)!important}
  html[data-rf="agenda"] #quickFilters .qf-label{font-size:12px!important}
}

/* ===========================================================================
   ANNUAIRE
   =========================================================================== */
html[data-rf="annuaire"]{--rf-bg:#fbf7ee;--rf-sf:#fffdf8;--rf-t:#2a2012;--rf-mu:#5d503a;--rf-ln:#e9dfcb;--rf-ac:#a75f0d;--rf-btn:#a75f0d;--rf-band:#d4a94a;--rf-strip:#2a2012;--rf-strip-t:#f3e9d6}
html[data-rf="annuaire"] body{background:var(--rf-bg)!important}

/* Haut de page : sombre, lignes de 24 px très discrètes */
html[data-rf="annuaire"] #hero{background-color:var(--rf-d-bg)!important;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(224,164,58,.09) 23px 24px)!important;background-repeat:repeat!important;padding:22px 38px 18px!important;min-height:0!important;border:0!important}
html[data-rf="annuaire"] #hero::before,html[data-rf="annuaire"] #hero::after{display:none!important}
html[data-rf="annuaire"] .hero-inner{max-width:1204px!important;margin:0 auto!important;padding:0!important}
html[data-rf="annuaire"] .hero-h1{font:700 36px/1.05 var(--rf-fd)!important;color:var(--rf-d-t)!important;margin:0 0 8px!important}
html[data-rf="annuaire"] .hero-h1 em{color:var(--rf-d-ac)!important;-webkit-text-fill-color:var(--rf-d-ac)!important;background:none!important;font-style:italic!important}
html[data-rf="annuaire"] .hero-sub{color:var(--rf-d-mu)!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:96ch!important;margin:0!important}

/* Bande de recherche sombre */
html[data-rf="annuaire"] #filterbar:not(.mob-open){background:var(--rf-d-bg)!important;backdrop-filter:none!important;border-top:1px solid var(--rf-d-ln)!important;border-bottom:1px solid var(--rf-d-ln)!important;padding:12px max(38px,calc((100% - 1204px)/2))!important}
html[data-rf="annuaire"] #filterbar:not(.mob-open) .df-search input,html[data-rf="annuaire"] #filterbar:not(.mob-open) .fbar-sel,html[data-rf="annuaire"] #filterbar:not(.mob-open) .pays-select{background:var(--rf-d-sf)!important;border:1px solid var(--rf-d-ln)!important;color:var(--rf-d-t)!important;border-radius:6px!important}
html[data-rf="annuaire"] #filterbar:not(.mob-open) .df-search input::placeholder{color:var(--rf-d-mu)!important;opacity:1!important}
html[data-rf="annuaire"] #filterbar:not(.mob-open) .df-search svg{stroke:var(--rf-d-mu)!important}
html[data-rf="annuaire"] #filterbar .submit-top{background:#c98a1e!important;background-image:none!important;color:#1a1206!important;border-radius:6px!important;font:700 13px var(--rf-fb)!important;padding:8px 16px!important;box-shadow:none!important;border:0!important}
html[data-rf="annuaire"] #filterbar .submit-top .cta-ic{display:none!important}

/* Zone de lecture */
html[data-rf="annuaire"] #main{background-image:var(--rf-marge),repeating-linear-gradient(0deg,transparent 0 23px,var(--rf-s2) 23px 24px)!important;background-repeat:no-repeat,repeat!important;max-width:none!important;padding:18px max(38px,calc((100% - 1204px)/2)) 40px!important;gap:22px!important}

/* Filtres de catégorie : juste avant les onglets de lettres, comme l'agenda */
html[data-rf="annuaire"] #quickFilters{background:none!important;padding:0!important;margin:0 0 14px!important;border:0!important;position:static!important;box-shadow:none!important}
html[data-rf="annuaire"] #quickFilters .qf-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;max-width:none!important;margin:0!important;padding:0!important}
html[data-rf="annuaire"] #quickFilters .qf-card{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;gap:0 6px!important;padding:8px 12px!important;min-height:0!important;height:auto!important;border:1px solid var(--rf-ln)!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;transform:none!important;text-align:left!important}
html[data-rf="annuaire"] #quickFilters .qf-card.active{border-color:var(--rf-ac)!important;background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf))!important}
html[data-rf="annuaire"] #quickFilters .qf-icon{display:none!important}
html[data-rf="annuaire"] #quickFilters .qf-label{font:700 13px var(--rf-fb)!important;color:var(--rf-t)!important;margin:0!important}
html[data-rf="annuaire"] #quickFilters .qf-count{font:400 12px var(--rf-fb)!important;color:var(--rf-mu)!important;background:none!important;border:0!important;padding:0!important;margin:0!important}

/* Onglets de lettres, en-tête de grille ; plus de bascule Tuiles / Liste */
html[data-rf="annuaire"] .view-toggle{display:none!important}
html[data-rf="annuaire"] .letter-tab{font:700 13px var(--rf-fd)!important;color:var(--rf-t)!important;border-color:var(--rf-ln)!important;background:var(--rf-sf)!important;box-shadow:none!important}
html[data-rf="annuaire"] .letter-tab.on{color:var(--rf-ac)!important;border-color:var(--rf-ac)!important;background:var(--rf-bg)!important;border-bottom-color:var(--rf-bg)!important}
html[data-rf="annuaire"] #letterBar{border-bottom-color:var(--rf-ac)!important}
html[data-rf="annuaire"] .grid-count,html[data-rf="annuaire"] .grid-sort,html[data-rf="annuaire"] .grid-sort select,html[data-rf="annuaire"] .pgbar{font-size:13px!important;color:var(--rf-t)!important}
html[data-rf="annuaire"] .letter-chapter-l{font:700 30px var(--rf-fd)!important;color:var(--rf-ac)!important}
html[data-rf="annuaire"] .letter-chapter-rule{background:var(--rf-ln)!important}

/* Fiches : bandeau ocre, bandeau sombre avec l'aperçu de la photo, texte */
html[data-rf="annuaire"] .letter-cols .artist-card.artiste-simple,html[data-rf="annuaire"] .letter-cols .artist-card.artiste-full,
html[data-rf="annuaire"] .artists-grid .artist-card.artiste-simple,html[data-rf="annuaire"] .artists-grid .artist-card.artiste-full{display:block!important;border:1px solid var(--rf-band)!important;border-radius:4px!important;overflow:hidden!important;background:var(--rf-sf)!important;box-shadow:none!important}
html[data-rf="annuaire"] .artist-card.artiste-simple,html[data-rf="annuaire"] .artist-card.artiste-full{--ac-band:var(--rf-band)!important}
/* fiche sans coordonnées : le filet vertical devient le même bandeau horizontal */
html[data-rf="annuaire"] .artist-card.artiste-full:not(.ac-contact)>.ac-band{display:none!important}
html[data-rf="annuaire"] .artist-card.artiste-full .ac-head{background:var(--rf-band)!important;padding:7px 10px!important}
html[data-rf="annuaire"] .artist-card :is(.ac-band,.ac-head){padding:7px 10px!important;align-items:baseline!important}
html[data-rf="annuaire"] .artist-card .card-name{font:700 17px/1.2 var(--rf-fd)!important;color:#1a1206!important}
html[data-rf="annuaire"] .artist-card :is(.ac-band,.ac-head) .ac-pron{font-size:12px!important;color:#1a1206!important}
html[data-rf="annuaire"] .artist-card :is(.ac-band,.ac-head) .ac-type{font-size:12px!important;color:#1a1206!important}
/* la puce « avec photo » devient inutile quand la photo est visible dans le bandeau */
html[data-rf="annuaire"] .artist-card.ac-haspic:has(.ac-line[style]) .card-name::before{display:none!important}
html[data-rf="annuaire"] .artist-card .card-body{font-size:12px!important;line-height:1.38!important;color:var(--rf-t)!important;padding:0 10px 8px!important}
html[data-rf="annuaire"] .artist-card .ac-line{min-height:var(--rf-band-h)!important;align-items:center!important;margin:0 -10px 6px!important;padding:3px 10px!important;background:var(--rf-strip)!important;color:var(--rf-strip-t)!important}
html[data-rf="annuaire"] .artist-card .ac-line[style]{background:linear-gradient(90deg,var(--rf-strip) 22%,color-mix(in srgb,var(--rf-strip) 25%,transparent) 42%,color-mix(in srgb,var(--rf-strip) 25%,transparent) 58%,var(--rf-strip) 78%),var(--ph) center 30%/56% auto no-repeat,var(--rf-strip)!important}
html[data-rf="annuaire"] .artist-card :is(.ac-house,.ac-city){font:700 12px/1.2 var(--rf-fb)!important;letter-spacing:.03em!important;color:var(--rf-strip-t)!important}
html[data-rf="annuaire"] .artist-card .ac-bio{font-size:12px!important}
html[data-rf="annuaire"] .artist-card .ac-label{font-size:12px!important}
html[data-rf="annuaire"] .artist-card .ac-sub,html[data-rf="annuaire"] .artist-card .ac-sub a{font-size:12px!important;color:var(--rf-t)!important}
/* fiche sans bandeau sombre : un peu d'air sous le bandeau ocre */
html[data-rf="annuaire"] .artist-card .card-body>.ac-bio:first-child{margin-top:6px!important}

/* Colonne de droite */
html[data-rf="annuaire"] .sidebar-widget{border:1px solid var(--rf-ln)!important;border-left:1px solid var(--rf-ln)!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;padding:14px 16px!important}
html[data-rf="annuaire"] .sidebar-widget::before{display:none!important}
html[data-rf="annuaire"] .w-title{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-t)!important;text-transform:uppercase!important;border-bottom:1px solid var(--rf-ln)!important}
html[data-rf="annuaire"] :is(.loc-filter-item,.mob-filter-item){font-size:13px!important;color:var(--rf-t)!important;border-color:var(--rf-ln)!important}
html[data-rf="annuaire"] :is(.loc-filter-item,.mob-filter-item).active{color:var(--rf-ac)!important;background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf))!important}
html[data-rf="annuaire"] .loc-filter-count{font-size:12px!important;color:var(--rf-mu)!important;background:none!important}
html[data-rf="annuaire"] .city-toggle{font-size:12px!important;color:var(--rf-ac)!important}
html[data-rf="annuaire"] .about-text p{font-size:12px!important;color:var(--rf-mu)!important;line-height:1.55!important}
html[data-rf="annuaire"] .about-text strong{color:var(--rf-t)!important}

/* Téléphone et tablette */
@media(max-width:1000px){
  html[data-rf="annuaire"] #quickFilters .qf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html[data-rf="annuaire"] #hero{padding:16px 14px 12px 22px!important}
  html[data-rf="annuaire"] .hero-h1{font-size:30px!important}
  html[data-rf="annuaire"] #main{padding:16px 14px 30px 22px!important}
  html[data-rf="annuaire"] #filterbar:not(.mob-open){padding:10px 14px 12px 22px!important;border:0!important}
  html[data-rf="annuaire"] #filterbar:not(.mob-open) .submit-top{order:-1!important;width:100%!important;justify-content:center!important}
  html[data-rf="annuaire"] #quickFilters .qf-grid{gap:6px!important}
  html[data-rf="annuaire"] #quickFilters .qf-card{padding:7px 8px!important;gap:0 4px!important}
  html[data-rf="annuaire"] #quickFilters .qf-label{font-size:12px!important}
  /* une fiche par ligne, en taille normale (plus de texte à 7-9 px) */
  html[data-rf="annuaire"] .letter-cols{column-count:1!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .card-name{font-size:17px!important}
  html[data-rf="annuaire"] .letter-cols .artist-card :is(.ac-pron,.ac-type,.ac-house,.ac-city){font-size:12px!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .card-body{font-size:12px!important;padding:0 10px 8px!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .ac-line{padding:3px 10px!important;margin:0 -10px 6px!important}
  html[data-rf="annuaire"] .letter-cols .artist-card :is(.ac-band,.ac-head){padding:7px 10px!important}
  /* une colonne : libellés de contact complets et valeurs en entier */
  html[data-rf="annuaire"] .letter-cols .artist-card .ac-sub-lead[data-short]{font-size:12px!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .ac-sub-lead[data-short]::before{content:none!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .ac-sub-t{max-width:none!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .ac-submeta{padding:4px 10px 0!important;color:var(--rf-t)!important}
  html[data-rf="annuaire"] .letter-cols .artist-card .ac-submeta :is(.ac-pron,.ac-type){font-size:12px!important}
}

/* ===========================================================================
   PAGES VILLE (générées par build-pages)
   =========================================================================== */
html[data-rf="ville"]{--rf-d-bg:#221b30;--rf-d-ln:#3b3252;--rf-d-mu:#aaa1bd;--rf-bg:#fcfbfe;--rf-t:#1d1726;--rf-mu:#544c69;--rf-ln:#e6e1ef;--rf-today:#db2777;
  --rf-l1:color-mix(in srgb,var(--rf-ac) 5%,transparent);--rf-l2:color-mix(in srgb,var(--rf-ac) 10%,transparent)}
html[data-rf="ville"] body{background:var(--rf-bg)!important;color:var(--rf-t)!important}
html[data-rf="ville"] body::before,html[data-rf="ville"] body::after{display:none!important}

/* En-tête léger : logo et ACCUEIL AGENDA ANNUAIRE */
html[data-rf="ville"] #nav{height:56px!important;padding:8px 22px!important}
html[data-rf="ville"] #nav .nav-logo-sub,html[data-rf="ville"] #nav .nav-credit{display:none!important}
html[data-rf="ville"] #nav .nav-logo-badge,html[data-rf="ville"] #nav .nav-logo-badge img{width:26px!important;height:26px!important}

/* Page : marge rouge sur toute la hauteur, Seyès en haut seulement */
html[data-rf="ville"] .wrap{max-width:none!important;margin:0!important;padding:56px 0 30px!important;background-image:var(--rf-marge)!important;background-repeat:no-repeat!important}
html[data-rf="ville"] .vhead{padding:18px max(38px,calc((100% - 1204px)/2)) 16px;background-image:var(--rf-marge),repeating-linear-gradient(0deg,var(--rf-l2) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,var(--rf-l1) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--rf-l1) 0 1px,transparent 1px 32px);border-bottom:1px solid var(--rf-ln)}
html[data-rf="ville"] .crumb{font-size:12px!important;letter-spacing:0!important;margin-bottom:6px!important}
html[data-rf="ville"] .crumb a{color:var(--rf-ac)!important}
html[data-rf="ville"] h1{font:900 34px/1.1 var(--rf-fd)!important;margin:6px 0!important;color:var(--rf-t)!important}
html[data-rf="ville"] .kw{font-size:13px!important;color:var(--rf-mu)!important;margin:0!important}

/* Deux colonnes : la colonne de droite commence au niveau du ruban */
html[data-rf="ville"] .vcols{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;padding:14px max(38px,calc((100% - 1204px)/2)) 0;align-items:start}
html[data-rf="ville"] .vmain{min-width:0}
html[data-rf="ville"] .vside{display:grid;gap:14px;align-content:start}
html[data-rf="ville"] .vbox{border:1px solid var(--rf-ln);border-radius:4px;background:var(--rf-sf);padding:12px 14px}
html[data-rf="ville"] .vbox h2.sec{font:700 15px/1.2 var(--rf-fd)!important;margin:0 0 4px!important}
html[data-rf="ville"] .vbox .sub{font-size:12px!important;margin:0 0 10px!important;color:var(--rf-mu)!important}
html[data-rf="ville"] .vbox .ars{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 6px!important}
html[data-rf="ville"] .vbox .ar{width:auto!important;font-size:12px!important;color:var(--rf-t)!important}
html[data-rf="ville"] .vbox .av{width:40px!important;height:40px!important}
html[data-rf="ville"] .vbox .ar-n{font-size:12px!important;line-height:1.3!important}
html[data-rf="ville"] .vbox .av.plus{font-size:12px!important}
html[data-rf="ville"] .vbox .pills{gap:5px!important}
html[data-rf="ville"] .vbox .pills a{font-size:12px!important;padding:3px 8px!important;background:var(--rf-sf)!important;color:var(--rf-ac)!important;border-color:var(--rf-ln)!important}
html[data-rf="ville"] .vbox .pills i{font-size:12px!important;font-family:var(--rf-fb)!important}

/* Ruban des jours et filtres, dans la colonne principale */
html[data-rf="ville"] .js .dbar,html[data-rf="ville"].js .dbar{position:static!important;margin:0!important;padding:0 0 10px!important;background:none!important;backdrop-filter:none!important;border-bottom:1px solid var(--rf-ln)!important}
html[data-rf="ville"] .cal{width:34px!important;height:34px!important;padding:0!important;border:1px solid var(--rf-ln)!important;border-radius:8px!important;background:var(--rf-sf)!important;color:var(--rf-ac)!important}
html[data-rf="ville"] .cal span{display:none!important}
html[data-rf="ville"] .cal svg{width:17px!important;height:17px!important}
html[data-rf="ville"] .rib .m:first-child{display:none!important}
html[data-rf="ville"] .rib .m{color:var(--rf-today)!important;font-family:var(--rf-fb)!important;font-size:12px!important;letter-spacing:.06em!important}
html[data-rf="ville"] .rib .d{width:38px!important;border-radius:8px!important}
html[data-rf="ville"] .rib .d .wd{font:700 12px var(--rf-fb)!important;letter-spacing:.02em!important;color:var(--rf-mu)!important}
html[data-rf="ville"] .rib .d.today .wd{color:var(--rf-today)!important}
html[data-rf="ville"] .rib .d b{font-family:var(--rf-fb)!important;font-size:15px!important;color:var(--rf-t)!important}
html[data-rf="ville"] .rib .d.we{background:color-mix(in srgb,var(--rf-ac) 9%,transparent)!important}
html[data-rf="ville"] .rib .d .dots i{background:var(--rf-ac)!important}
html[data-rf="ville"] .rib .d.on{background:var(--rf-ac)!important;border-color:var(--rf-ac)!important}
html[data-rf="ville"] .rib .d.on b,html[data-rf="ville"] .rib .d.on .wd{color:#fff!important}
html[data-rf="ville"] .rib .d.on .dots i{background:#fff!important}
html[data-rf="ville"] .rib .arr{border-color:var(--rf-ln)!important;box-shadow:none!important;right:0!important}
html[data-rf="ville"] .rib::after{background:linear-gradient(to right,transparent,var(--rf-bg))!important}
html[data-rf="ville"] .res{font-size:12px!important}
html[data-rf="ville"] .opts{margin-top:10px!important;gap:6px 14px!important;font-size:12px!important}
html[data-rf="ville"] .opts .lb,html[data-rf="ville"] .toc .lb{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--rf-mu)!important}
html[data-rf="ville"] .fchk{font-size:12px!important;color:var(--rf-t)!important}
html[data-rf="ville"] .toc a{font-size:12px!important;color:var(--rf-t)!important}
html[data-rf="ville"] .toc a i{font-size:12px!important;font-family:var(--rf-fb)!important;color:var(--rf-ac)!important}

/* Intertitres de période */
html[data-rf="ville"] .dayh{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-ac)!important;margin:16px 0 6px!important}
html[data-rf="ville"] .dayh.first{margin-top:12px!important}
html[data-rf="ville"] .dayh::after{display:none!important}

/* Ligne : date | bande sombre | informations | aperçu de l'affiche en fondu */
html[data-rf="ville"] .rows{gap:8px!important}
html[data-rf="ville"] .rl{display:grid!important;grid-template-columns:52px var(--rf-band-h) minmax(0,1fr)!important;gap:0!important;padding:0!important;align-items:stretch!important;border:1px solid color-mix(in srgb,var(--rf-ac) 35%,var(--rf-ln))!important;border-radius:4px!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;background:var(--rf-sf)!important}
html[data-rf="ville"] .rl[style]{background:linear-gradient(90deg,var(--rf-sf) 52%,color-mix(in srgb,var(--rf-sf) 35%,transparent) 72%,transparent 100%),var(--ph) right 35%/46% auto no-repeat,var(--rf-sf)!important}
html[data-rf="ville"] a.rl:hover{border-color:var(--rf-ac)!important}
html[data-rf="ville"] .stamp{border:0!important;border-radius:0!important;background:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px 0!important;font-family:var(--rf-fb)!important}
html[data-rf="ville"] .stamp b{font:700 20px/1.05 var(--rf-fd)!important;color:var(--rf-ac)!important}
html[data-rf="ville"] .stamp i{font:700 12px var(--rf-fb)!important;letter-spacing:.05em!important;color:var(--rf-ac)!important}
html[data-rf="ville"] .vbi{display:block;background:var(--rf-strip)}
html[data-rf="ville"] .rb{padding:10px 12px!important;justify-content:center!important;min-width:0!important}
html[data-rf="ville"] .badge{margin:0 0 2px!important}
html[data-rf="ville"] .pil-type{border:0!important;background:none!important;padding:0!important;font:700 12px var(--rf-fb)!important;letter-spacing:.04em!important;color:var(--rf-ac)!important}
html[data-rf="ville"] .rt{font:700 15px/1.2 var(--rf-fd)!important;color:var(--rf-t)!important;margin:0 0 3px!important}
html[data-rf="ville"] .rt .par{display:none!important}
html[data-rf="ville"] .meta{font-size:12px!important;color:var(--rf-mu)!important;gap:2px 10px!important}
html[data-rf="ville"] .meta svg{display:none!important}
html[data-rf="ville"] .meta b,html[data-rf="ville"] .meta strong{color:var(--rf-t)!important}
html[data-rf="ville"] .meta .free{color:#16a34a!important}
html[data-rf="ville"] .row.nolink .rl{border-style:dashed!important}
html[data-rf="ville"] .row.nolink::after{font-size:12px!important;box-shadow:none!important}
html[data-rf="ville"] .dempty{font-size:13px!important;border-radius:4px!important}

/* Ajout de date, déjà passé */
html[data-rf="ville"] .addrow{margin-top:16px!important}
html[data-rf="ville"] .agenda-cta-link{background:var(--rf-btn)!important;border-radius:6px!important;padding:8px 16px!important;font:700 13px var(--rf-fb)!important;box-shadow:none!important;transform:none!important}
html[data-rf="ville"] .agenda-cta-link .cta-ic{display:none!important}
html[data-rf="ville"] .vmain h2.sec{font:700 22px/1.15 var(--rf-fd)!important;margin:26px 0 8px!important;color:var(--rf-t)!important}
html[data-rf="ville"] .pastl a{font-size:13px!important;color:var(--rf-t)!important;border-color:var(--rf-ln)!important;grid-template-columns:7.5rem 1fr auto!important}
html[data-rf="ville"] .pastl a i,html[data-rf="ville"] .pastl a em{font:400 12px var(--rf-fb)!important;letter-spacing:.02em!important;color:var(--rf-mu)!important}

/* Par type de soirée : replié, titres visibles */
html[data-rf="ville"] .bytype{margin-top:26px!important;padding-top:12px!important;border-top:1px solid var(--rf-ln)!important}
html[data-rf="ville"] .bt-kick{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-ac)!important}
html[data-rf="ville"] .bt-grid{grid-template-columns:minmax(0,1fr)!important}
html[data-rf="ville"] .bt-sec{border-bottom:1px solid var(--rf-ln)}
html[data-rf="ville"] .bt-sec h2.fmt{font:700 17px/1.2 var(--rf-fd)!important;margin:0!important;padding:10px 0!important;cursor:pointer;color:var(--rf-t)!important}
html[data-rf="ville"] h2.fmt .cnt{font:400 12px var(--rf-fb)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rf-mu)!important}
html[data-rf="ville"] h2.fmt .chev{font-style:normal;margin-left:auto;color:var(--rf-mu);font-size:14px;transition:transform .2s}
html[data-rf="ville"] .bt-sec.unf h2.fmt .chev{transform:rotate(180deg)}
html[data-rf="ville"].js .bt-sec:not(.unf) :is(.bt-list,.bt-more){display:none!important}
html[data-rf="ville"] .bt-list a,html[data-rf="ville"] .bt-list .bt-nl{font-size:13px!important;border-color:var(--rf-ln)!important}
html[data-rf="ville"] .bt-list time{font:400 12px var(--rf-fb)!important}
html[data-rf="ville"] .bt-more{font-size:13px!important}
html[data-rf="ville"] .bt-more i{font-size:12px!important;font-family:var(--rf-fb)!important}
html[data-rf="ville"] .bt-sec.unf{padding-bottom:10px}
html[data-rf="ville"] .pagefoot{font-size:12px!important;color:var(--rf-mu)!important;margin:26px max(38px,calc((100% - 1204px)/2)) 0!important;border-color:var(--rf-ln)!important}

@media(max-width:900px){
  html[data-rf="ville"] .vcols{display:block;padding:12px 14px 0 22px}
  html[data-rf="ville"] .vside{margin-top:22px}
  html[data-rf="ville"] .vbox .ars{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html[data-rf="ville"] #nav{padding:8px 14px!important}
  html[data-rf="ville"] .vhead{padding:14px 14px 12px 22px}
  html[data-rf="ville"] h1{font-size:28px!important}
  html[data-rf="ville"] .pagefoot{margin:22px 14px 0 22px!important}
  html[data-rf="ville"] .rl[style]{background:linear-gradient(90deg,var(--rf-sf) 66%,color-mix(in srgb,var(--rf-sf) 40%,transparent) 80%,transparent 100%),var(--ph) right 35%/34% auto no-repeat,var(--rf-sf)!important}
  html[data-rf="ville"] .rl[style] .rb{padding-right:44%!important}
  html[data-rf="ville"] .pastl a{grid-template-columns:1fr!important}
}

/* ===========================================================================
   PAGES ÉVÉNEMENT (générées par build-pages)
   =========================================================================== */
html[data-rf="evenement"]{--rf-d-bg:#221b30;--rf-d-ln:#3b3252;--rf-d-mu:#aaa1bd;--rf-bg:#fcfbfe;--rf-t:#1d1726;--rf-mu:#544c69;--rf-ln:#e6e1ef;--rf-cw:900px;--rf-l1:color-mix(in srgb,var(--rf-ac) 5%,transparent);--rf-l2:color-mix(in srgb,var(--rf-ac) 10%,transparent)}
html[data-rf="evenement"] body{color:var(--rf-t)!important;background-color:var(--rf-bg)!important;
  background-image:var(--rf-marge),repeating-linear-gradient(0deg,var(--rf-l2) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,var(--rf-l1) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--rf-l1) 0 1px,transparent 1px 32px)!important;background-repeat:no-repeat,repeat,repeat,repeat!important}
html[data-rf="evenement"] body::before,html[data-rf="evenement"] body::after{display:none!important}

/* En-tête léger (le gabarit n'avait pas d'en-tête) */
html[data-rf="evenement"] #nav{position:fixed;top:0;left:0;right:0;z-index:90;height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 22px}
html[data-rf="evenement"] #nav .nav-brand{display:flex;align-items:center;gap:8px;text-decoration:none}
html[data-rf="evenement"] #nav .nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}
html[data-rf="evenement"] #nav .nav-links a{text-transform:uppercase;text-decoration:none}
html[data-rf="evenement"] #nav .nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
html[data-rf="evenement"] #nav .nav-burger span{display:block;width:22px;height:2px;border-radius:2px}
html[data-rf="evenement"] #nav .nav-logo-badge img{width:26px!important;height:26px!important}
@media(max-width:900px){
  html[data-rf="evenement"] #nav{padding:8px 14px}
  html[data-rf="evenement"] #nav .nav-links{display:none}
  html[data-rf="evenement"] #nav .nav-links.open{display:flex;flex-direction:column;gap:0;position:fixed;top:56px;left:0;right:0;padding:6px 0;border-bottom:1px solid var(--rf-d-ln)}
  html[data-rf="evenement"] #nav .nav-links.open a{display:block;padding:12px 22px;font-size:14px!important}
  html[data-rf="evenement"] #nav .nav-burger{display:flex}
}

/* Contenu */
html[data-rf="evenement"] .wrap{padding:74px 38px 40px!important;max-width:calc(900px + 76px)!important;margin:0 auto!important}
html[data-rf="evenement"] .crumb{font-size:12px!important;letter-spacing:0!important;font-weight:400!important;margin-bottom:14px!important}
html[data-rf="evenement"] .crumb a{color:var(--rf-ac)!important}
html[data-rf="evenement"] .card{gap:28px!important}
html[data-rf="evenement"] .visual-img{border-radius:4px!important}
html[data-rf="evenement"] .badge{margin-bottom:6px!important}
html[data-rf="evenement"] .pil-type{border:0!important;background:none!important;padding:0!important;font:700 12px var(--rf-fb)!important;letter-spacing:.04em!important;color:var(--rf-ac)!important}
html[data-rf="evenement"] h1{font:700 28px/1.2 var(--rf-fd)!important;color:var(--rf-t)!important}
html[data-rf="evenement"] .org{font-size:13px!important;color:var(--rf-mu)!important}
html[data-rf="evenement"] .divider{background:var(--rf-ln)!important}
html[data-rf="evenement"] .info-row{font-size:13px!important}
html[data-rf="evenement"] .info-row>svg{display:none!important}
html[data-rf="evenement"] .info-row .lbl{font:700 12px var(--rf-fb)!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--rf-mu)!important;min-width:84px!important}
html[data-rf="evenement"] .info-row .val{color:var(--rf-t)!important}
html[data-rf="evenement"] .lineup,html[data-rf="evenement"] .prat-list{margin-left:0!important}
html[data-rf="evenement"] .artist-link{font-size:12px}
/* Billetterie et Calendrier, juste sous les informations */
html[data-rf="evenement"] .actions.evact-top{justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;margin:14px 0 0!important}
html[data-rf="evenement"] .actions .mo-btn{background:var(--rf-btn)!important;color:#fff!important;border:1px solid var(--rf-btn)!important;border-radius:6px!important;padding:8px 16px!important;font:700 13px var(--rf-fb)!important;letter-spacing:0!important;box-shadow:none!important}
html[data-rf="evenement"] .actions .pil{background:var(--rf-sf)!important;color:var(--rf-t)!important;border:1px solid var(--rf-ln)!important;border-radius:6px!important;padding:8px 14px!important;font:700 13px var(--rf-fb)!important;letter-spacing:0!important}
html[data-rf="evenement"] .actions .pil svg{width:14px!important;height:14px!important}
/* Description, carte, infos pratiques, source */
html[data-rf="evenement"] .desc{font-size:14px!important;color:var(--rf-t)!important}
html[data-rf="evenement"] .desc-clamp .desc-body::after{background:linear-gradient(transparent,var(--rf-bg))!important}
html[data-rf="evenement"] .desc-more{font-size:13px!important}
html[data-rf="evenement"] .map-embed{border-color:var(--rf-ln)!important;border-radius:4px!important}
html[data-rf="evenement"] .tail{border-color:var(--rf-ln)!important}
html[data-rf="evenement"] .src{font-size:12px!important;color:var(--rf-mu)!important}
html[data-rf="evenement"] .wrap>footer{font-size:12px!important;color:var(--rf-mu)!important;border-color:var(--rf-ln)!important}
@media(max-width:680px){
  html[data-rf="evenement"] .wrap{padding:70px 14px 30px 22px!important}
  html[data-rf="evenement"] h1{font-size:24px!important}
}

/* ---------------------------------------------------------------------------
   Agenda, bas de page : « Afficher tous… », archives, « Filtrer par ville »
   (téléphone) — même sobriété que le reste de la page
   --------------------------------------------------------------------------- */
html[data-rf="agenda"] .show-all-toggle{font:700 13px var(--rf-fb)!important;letter-spacing:0!important;padding:10px 14px!important;gap:10px!important;justify-content:center!important;white-space:nowrap!important}
html[data-rf="agenda"] .show-all-toggle-label{letter-spacing:0!important;white-space:nowrap!important}
html[data-rf="agenda"] .show-all-toggle-count{font:400 12px var(--rf-fb)!important;letter-spacing:0!important;padding:2px 8px!important;border-radius:4px!important}
html[data-rf="agenda"] .show-all-toggle::after{color:var(--rf-mu)!important}
html[data-rf="agenda"] .archive-year{border:1px solid var(--rf-ln)!important;border-radius:4px!important;box-shadow:none!important;background:var(--rf-sf)!important;margin-bottom:8px!important}
html[data-rf="agenda"] .archive-year-header{background:var(--rf-sf)!important;padding:10px 14px!important;gap:6px 14px!important;flex-wrap:wrap!important}
html[data-rf="agenda"] .archive-year-header:hover{background:color-mix(in srgb,var(--rf-ac) 5%,var(--rf-sf))!important}
html[data-rf="agenda"] .archive-year-title{font:700 17px var(--rf-fd)!important;color:var(--rf-t)!important}
html[data-rf="agenda"] .archive-year-stats{gap:4px 12px!important}
html[data-rf="agenda"] .archive-stat{font:400 12px var(--rf-fb)!important;color:var(--rf-mu)!important}
html[data-rf="agenda"] .archive-stat strong{color:var(--rf-t)!important;font-weight:700!important}
html[data-rf="agenda"] .archive-toggle{font-size:12px!important;color:var(--rf-mu)!important}
html[data-rf="agenda"] .mob-city-card{border:1px solid var(--rf-ln)!important;border-left:1px solid var(--rf-ln)!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;padding:12px 14px!important}
html[data-rf="agenda"] .mob-city-card .mcc-t{font:700 12px var(--rf-fb)!important;letter-spacing:.06em!important;color:var(--rf-t)!important;border-bottom:1px solid var(--rf-ln)!important}
html[data-rf="agenda"] .mob-city-card .mcc-row{font-size:13px!important;color:var(--rf-t)!important;border-bottom:1px solid var(--rf-ln)!important}
html[data-rf="agenda"] .mob-city-card .mcc-row em{font:400 12px var(--rf-fb)!important;color:var(--rf-mu)!important}
html[data-rf="agenda"] .mob-city-card .mcc-row.on,html[data-rf="agenda"] .mob-city-card .mcc-row.on em{color:var(--rf-ac)!important}
html[data-rf="agenda"] .mob-city-card .mcc-hint{font:400 12px var(--rf-fb)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rf-mu)!important}

/* Agenda, téléphone et tablette : « Filtrer par ville » remonte sous les
   périodes, en une rangée de villes qui défile au doigt (comme le ruban des
   jours). Même bouton, même fonction (filterCity) ; re-cliquer la ville
   choisie (marquée d'une croix) revient à toutes les villes. */
@media(max-width:1000px){
  html[data-rf="agenda"] .events-col>#mobCityCard{order:2!important;margin:10px 0 0!important}
  html[data-rf="agenda"] .events-col>.dr-bar{order:3!important}
  html[data-rf="agenda"] .events-col>.col-head{order:4!important}
  html[data-rf="agenda"] .events-col>#eventsView,html[data-rf="agenda"] .events-col>#mapView{order:5!important}
  html[data-rf="agenda"] .mob-city-card{display:grid!important;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
  html[data-rf="agenda"] .mob-city-card .mcc-t{grid-column:1;border:0!important;padding:0!important;margin:0!important;text-transform:uppercase}
  html[data-rf="agenda"] .mob-city-card .mcc-hint{grid-column:2;grid-row:1;justify-self:end;padding:0!important;border:0!important}
  html[data-rf="agenda"] .mob-city-card .city-page-banner{grid-column:1/-1;margin:2px 0 0!important}
  html[data-rf="agenda"] .mob-city-card .mcc-scroll{grid-column:1/-1;display:flex!important;align-items:stretch!important;gap:6px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;padding:2px 28px 2px 0!important;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
  html[data-rf="agenda"] .mob-city-card .mcc-scroll::-webkit-scrollbar{display:none}
  html[data-rf="agenda"] .mob-city-card .mcc-row{flex:none!important;width:auto!important;display:inline-flex!important;align-items:baseline!important;gap:5px!important;min-height:0!important;line-height:18px!important;padding:8px 10px!important;border:1px solid var(--rf-ln)!important;border-radius:4px!important;background:var(--rf-sf)!important;white-space:nowrap!important}
  html[data-rf="agenda"] .mob-city-card .mcc-row.on{border-color:var(--rf-ac)!important;background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf))!important;font-weight:700!important}
  /* ville choisie : [✕ | Rennes 75 | →], même état actif que les périodes */
  html[data-rf="agenda"] .mob-city-card .mcc-sel{flex:none;display:inline-flex;align-items:stretch;border:1px solid var(--rf-ac);border-radius:4px;background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf));overflow:hidden;white-space:nowrap}
  html[data-rf="agenda"] .mob-city-card .mcc-sel .mcc-x{border:0!important;border-right:1px solid var(--rf-ln)!important;border-radius:0!important;background:none!important;padding:0 10px!important;min-width:32px;min-height:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;color:var(--rf-mu)!important}
  html[data-rf="agenda"] .mob-city-card .mcc-name{display:inline-flex;align-items:baseline;gap:5px;padding:8px 10px;line-height:18px;font-size:13px;font-weight:700;color:var(--rf-t)}
  html[data-rf="agenda"] .mob-city-card .mcc-name em{font:400 12px var(--rf-fb);font-style:normal;color:var(--rf-mu)}
  html[data-rf="agenda"] .mob-city-card .mcc-go{display:inline-flex;align-items:center;padding:0 11px;border-left:1px solid var(--rf-ln);background:none;color:var(--rf-ac);font-size:15px;font-weight:400;text-decoration:none}
  html[data-rf="agenda"] .mob-city-card .mcc-go svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
}

/* Zone des filtres (agenda : périodes, villes, ruban ; annuaire : catégories,
   lettres, pagination) : fond uni, sans les lignes du papier, pour la
   lisibilité. Une ombre PLEINE (sans flou) prolonge le fond de quelques px et
   comble les espaces entre les blocs — aucun dégradé. */
html[data-rf="agenda"] .events-col>:is(#quickFilters,#mobCityCard,.dr-bar,.col-head),
html[data-rf="annuaire"] .main-content>:is(#quickFilters,#letterBar,.grid-header),
html[data-rf="annuaire"] #artistsGrid>.letter-chapter:first-child>.letter-chapter-head{background-color:var(--rf-bg)!important;box-shadow:0 0 0 14px var(--rf-bg)!important}
/* le fond uni s'arrête net au ras des premières tuiles */
html[data-rf="agenda"] #main .events-col>.col-head{box-shadow:0 0 0 14px var(--rf-bg),0 26px 0 14px var(--rf-bg)!important}
/* téléphone : contenu à 22 px, marge à 9 px → débord limité à 10 px pour ne pas couvrir la marge */
@media(max-width:700px){
  html[data-rf="agenda"] .events-col>:is(#quickFilters,#mobCityCard,.dr-bar),
  html[data-rf="annuaire"] .main-content>:is(#quickFilters,#letterBar,.grid-header),
  html[data-rf="annuaire"] #artistsGrid>.letter-chapter:first-child>.letter-chapter-head{box-shadow:0 0 0 10px var(--rf-bg)!important}
  html[data-rf="agenda"] #main .events-col>.col-head{box-shadow:0 0 0 10px var(--rf-bg),0 26px 0 10px var(--rf-bg)!important}
}
/* Page ville : « FILTRER ☐ Gratuit · PAR TYPE … » sur une même ligne de lecture */
html[data-rf="ville"] .opts{align-items:center!important}
html[data-rf="ville"] .opts>*,html[data-rf="ville"] .toc ul{align-items:center!important}
html[data-rf="ville"] .opts .lb,html[data-rf="ville"] .fchk,html[data-rf="ville"] .toc a{line-height:20px!important}
html[data-rf="ville"] .fchk input{margin:0!important;align-self:center}

/* ---------------------------------------------------------------------------
   Colonne de droite : filtres homogènes agenda / annuaire (ordinateur)
   --------------------------------------------------------------------------- */
html[data-rf] :is(#cityList .city-row,.loc-filter-item,.mob-filter-item){display:flex!important;align-items:center!important;gap:6px!important;padding:7px 10px 7px 9px!important;margin:0!important;font:400 13px var(--rf-fb)!important;color:var(--rf-t)!important;background:none!important;border:0!important;border-bottom:1px solid var(--rf-ln)!important;border-left:3px solid transparent!important;border-radius:0!important;cursor:pointer}
html[data-rf] :is(#cityList .city-row,.loc-filter-item,.mob-filter-item):hover{background:color-mix(in srgb,var(--rf-ac) 4%,var(--rf-sf))!important}
html[data-rf] :is(#cityList .city-row.on,.loc-filter-item.active,.mob-filter-item.active){background:color-mix(in srgb,var(--rf-ac) 8%,var(--rf-sf))!important;border-left-color:var(--rf-ac)!important;font-weight:700!important;color:var(--rf-t)!important}
html[data-rf] :is(#cityList .city-row,.loc-filter-item,.mob-filter-item)>:first-child:not(.city-n){flex:1;min-width:0}
html[data-rf] :is(.city-n,.loc-filter-count){margin-left:auto!important;font:400 12px var(--rf-fb)!important;color:var(--rf-mu)!important;background:none!important;padding:0!important;border:0!important;letter-spacing:0!important}
html[data-rf] #cityList .city-row .city-n{order:2}
html[data-rf] #cityList .city-go{order:3;display:inline-flex;align-items:center;padding:0 0 0 8px;margin-left:2px;border-left:1px solid var(--rf-ln);color:var(--rf-ac)!important}
html[data-rf] #cityList .city-go svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html[data-rf] .city-toggle{font:400 12px var(--rf-fb)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rf-ac)!important;border-top:0!important;padding:8px 0 0 12px!important;margin-top:2px!important;text-decoration:underline;text-underline-offset:2px}
html[data-rf="agenda"] .city-page-banner{display:none!important}

/* Agenda, « Prochains événements » : un seul filet clair sous le titre */
html[data-rf="agenda"] #main .events-col>.col-head{border-bottom:1px solid var(--rf-ln)!important}
@media(min-width:1001px){html[data-rf="agenda"] #main .events-col>.col-head{border-top:0!important}}

/* Agenda : tuile d'un événement dont la page n'est pas encore cuite.
   (La règle « .ev-card::after{display:none} » des tuiles masquait le badge.) */
html[data-rf="agenda"] .events-grid>.ev-card.ev-nolink{cursor:default!important;outline:1px dashed color-mix(in srgb,var(--rf-ac) 55%,transparent);outline-offset:-1px}
html[data-rf="agenda"] .ev-card.ev-nolink :is(.ev-img,.ev-img-ph){opacity:.55!important;filter:saturate(.6)!important}
html[data-rf="agenda"] .ev-card.ev-nolink::after{content:'Page en préparation, reviens demain'!important;display:inline-flex!important;position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;z-index:3!important;max-width:calc(100% - 16px)!important;padding:4px 8px!important;border:1px dashed var(--rf-ac)!important;border-radius:4px!important;background:var(--rf-sf)!important;box-shadow:none!important;font:700 12px/1.2 var(--rf-fb)!important;letter-spacing:0!important;color:var(--rf-ac)!important;width:auto!important;height:auto!important}

/* Accueil : tuiles événement allégées, sans les noms d'artistes */
html[data-rf="accueil"] .ev-card-artists{display:none!important}
html[data-rf="accueil"] .ev-card-title{padding-bottom:9px!important;margin-bottom:0!important}
@media(max-width:700px){html[data-rf="accueil"] .ev-card-title{padding-bottom:2px!important}}

/* Pied de page de la page événement : simple ligne de texte, pas le bandeau
   sombre du site (le texte gris y devenait illisible). */
html[data-rf="evenement"] footer{background:none!important;border-top:1px solid var(--rf-ln)!important;color:var(--rf-mu)!important;padding:16px 0 28px!important;margin-top:28px!important;font:13px/1.6 var(--rf-fb)!important;text-align:left}
html[data-rf="evenement"] footer a{color:var(--rf-ac)!important;text-decoration:underline;text-underline-offset:2px}