/* Boutons de connexion tierce (Google, Apple), en HTML plutôt qu'en image :
   texte en français, dimensions identiques, rendu net. Charte « Sign in with
   Google » (thème sombre : fond #131314, trait intérieur #8E918F, texte
   #E3E3E3, logo G multicolore, police Google Sans en graisse 500, 12px avant
   le logo, 10px entre logo et texte) et charte Apple (fond noir, logo blanc,
   police système). Chargée par le tunnel et la connexion (registration_base)
   et par l'espace connecté (app.js, page Paramètres). */

/* Google Sans Flex (licence OFL, fichier OFL.txt voisin), auto-hébergée :
   aucune requête vers Google Fonts. Sous-ensemble latin, graisse 500. */
@font-face {
    font-family: 'Google Sans Flex';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/google-sans-flex/google-sans-flex-latin-500-kYSeuOj.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.signwith { display: flex; flex-direction: column; align-items: center; gap: .8rem; }
.signwith-btn { display: block; width: 100%; max-width: 280px; text-decoration: none; border-radius: 8px; transition: transform .15s; }
.signwith-btn:hover { transform: translateY(-1px); }
.signwith-btn:focus-visible { outline: 2px solid #2D7265; outline-offset: 2px; }

.signwith-face {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    height: 44px; padding: 0 12px; border-radius: 8px;
    font-size: 14px; line-height: 20px; font-weight: 500; white-space: nowrap;
}
.signwith-logo { width: 20px; height: 20px; flex-shrink: 0; }
.signwith-face--google {
    background: #131314; color: #E3E3E3; box-shadow: inset 0 0 0 1px #8E918F;
    font-family: 'Google Sans Flex', 'Inter', Arial, sans-serif;
}
.signwith-face--apple {
    background: #000; color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}
.signwith-face--apple .signwith-logo { fill: #fff; width: 17px; }

/* Page Paramètres : même visuel, sans lien (simple étiquette du fournisseur) */
.signwith-face--static { display: inline-flex; min-width: 200px; }