/* ========== components/logo.css ========== */
/* Aubui — logo d'une enseigne / d'un service (31/10, premier usage : Wallet). Taille fixe, coins arrondis, fond blanc
   (un logo sombre reste lisible en thème sombre). Pas d'image : une pastille avec l'initiale sur la couleur de l'enseigne
   (--aub-logo-couleur). Rangée de choix : .aub-logos (boutons ronds avec un logo, aria-pressed). Doc : /pages/logo.php */
.aub-logo{--aub-logo-taille:2.5rem;--aub-logo-couleur:var(--aub-accent);flex:none;display:inline-grid;place-items:center;width:var(--aub-logo-taille);height:var(--aub-logo-taille);border-radius:calc(var(--aub-logo-taille) * .26);background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--aub-border);line-height:1}
.aub-logo img{display:block;width:100%;height:100%;object-fit:contain}
.aub-logo--pastille{background:var(--aub-logo-couleur);color:#fff;font-weight:700;font-size:calc(var(--aub-logo-taille) * .44);text-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:none;user-select:none}
.aub-logo--sm{--aub-logo-taille:1.75rem}
.aub-logo--lg{--aub-logo-taille:3.5rem}
.aub-logo--xl{--aub-logo-taille:5rem}
.aub-logos{display:flex;flex-wrap:wrap;gap:.5rem}
.aub-logos__choix{font:inherit;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;min-width:4.5rem;max-width:6rem;padding:.45rem .35rem;border-radius:var(--aub-radius);border:1px solid var(--aub-border);background:var(--aub-bg-elevated);color:var(--aub-fg-muted);font-size:var(--aub-text-xs);text-align:center}
.aub-logos__choix span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aub-logos__choix:hover{color:var(--aub-fg);border-color:var(--aub-border-strong)}
.aub-logos__choix:focus-visible{outline:2px solid var(--aub-accent);outline-offset:2px}
.aub-logos__choix[aria-pressed=true]{border-color:var(--aub-accent);background:var(--aub-accent-muted);color:var(--aub-fg);font-weight:600}