/* Barre « lieux favoris » sous le menu (RainAtlas, 02/11/2026, même principe qu'AtmoAtlas) — créée par favbar.js, rien sans JS. */
.ra-favbar{position:relative;z-index:900;background:#f3f7fd;border-bottom:1px solid #dbe5f3;font-size:.9rem;color:#121b61;font-family:inherit}
.ra-fb-in{max-width:1200px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:14px;min-height:56px;box-sizing:border-box}
.ra-favbar:not(:has(.ra-fb-card)){display:none}   /* rien à montrer : pas de bande vide */
.ra-fb-list{flex:1;min-width:0;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;padding:9px 9px 4px 0;margin:-9px 0 -4px}
.ra-fb-list::-webkit-scrollbar{display:none}
.ra-fb-card{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto;background:#fff;border:1px solid #dbe5f3;border-radius:10px;padding:6px 10px 6px 8px;text-decoration:none;color:inherit;line-height:1.2}
.ra-fb-card:hover{border-color:#1f86e0}
.ra-fb-card:focus-visible{outline:2px solid #1f86e0;outline-offset:2px}
.ra-fb-drop{width:22px;height:22px;flex:0 0 auto}
.ra-fb-card .nm{font-weight:700;color:#121b61;white-space:nowrap;display:flex;align-items:center;gap:5px}
.ra-fb-card .lb{font-size:.78rem;color:#5b6b8a;white-space:nowrap;display:block;margin-top:1px}
.ra-fb-card .rm{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:1px solid #dbe5f3;background:#fff;color:#5b6b8a;font-size:13px;line-height:18px;text-align:center;padding:0;cursor:pointer;display:none}
.ra-fb-card:hover .rm,.ra-fb-card .rm:focus{display:block}
.ra-fb-here{flex:0 0 auto;position:relative;display:flex;align-items:center;gap:8px}
.ra-fb-here:empty{display:none}
.ra-fb-here .ra-fb-card{border-color:#c5dcf5}
.ra-fb-loc{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;border:1px solid #c5dcf5;background:#fff;color:#1f6fd0;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}
.ra-fb-loc:hover{border-color:#1f6fd0} .ra-fb-loc:disabled{opacity:.6;cursor:wait}
.ra-fb-arrow{width:12px;height:12px;color:#1f6fd0;flex:0 0 auto}
.rain-h1row{display:flex;align-items:center;gap:2px;min-width:0}.rain-h1row>:first-child{min-width:0;flex:0 1 auto}.rain-h1row .ra-fav-btn{flex:0 0 auto}   /* le titre se tronque, l'étoile reste visible */
/* étoile favori à côté du nom de la ville (bandeau sombre de la page ville) : icône seule, le libellé est dans title/aria-label */
.ra-fav-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:26px;height:26px;margin:-3px 0 0 4px;padding:0;background:transparent;border:0;border-radius:50%;color:#9fb6cf;cursor:pointer}
.ra-fav-btn[hidden]{display:none}
.ra-fav-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.ra-fav-btn:focus-visible{outline:2px solid #4ac9ff;outline-offset:1px}
.ra-fav-btn svg{width:17px;height:17px;flex:0 0 auto}
@media (max-width:640px){
  .ra-fb-in{padding:7px 12px;gap:8px;min-height:50px}
  .ra-fb-loc span{display:none} .ra-fb-loc{padding:0 9px}
  .ra-fb-card .lb{display:none}
  .ra-fb-drop{width:18px;height:18px}
  .ra-fav-btn{width:24px;height:24px} .ra-fav-btn svg{width:15px;height:15px}
}
/* mobile : la pastille et le bouton retour prennent un peu moins de place pour que le nom de la ville garde la sienne malgré l'étoile (02/11/2026) */
@media (max-width:480px){
  .rain-top{gap:.5rem}
  .rain-back{width:34px;height:34px}
  .rain-pill{padding:.32rem .55rem;font-size:.74rem;gap:.3rem}
  .rain-h1row .ra-fav-btn{margin-left:1px}
}