/*
 * HomeBe — bouton « Continuer avec Google ».
 *
 * Les règles de marque de Google encadrent ce bouton : fond blanc ou bleu
 * officiel, logo « G » multicolore non déformé, libellé parmi une liste
 * autorisée, contraste et zone de respiration minimaux. Ce ne sont pas des
 * recommandations : un bouton non conforme peut voir son accès révoqué.
 *
 * Ce qui reste libre, et qu'on ajuste à la charte HomeBe : le rayon (pilule),
 * la typographie (DM Sans), et la largeur.
 *
 * Ces styles habillent aussi le bouton de Nextend Social Login (.nsl-button),
 * dont le rendu par défaut ne ressemble pas au reste du site.
 */

:root{
  --hb-navy:#1B2A4E; --hb-line:#D7DBE3; --hb-sub:#5B6577; --hb-mid:#8C95A6;
}

.hb-google-zone { margin: 0 0 18px; }

/* ---- Bouton, conforme aux règles Google ---- */
.hb-google-btn,
.hb-google-zone .nsl-button,
.hb-google-zone .nsl-button-default {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 13px 22px !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  border: 1.4px solid var(--hb-line) !important;
  box-shadow: 0 1px 2px rgba(27, 42, 78, .05) !important;
  color: var(--hb-navy) !important;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .15s ease;
  -webkit-tap-highlight-color: transparent;
}

.hb-google-btn:hover,
.hb-google-zone .nsl-button:hover {
  border-color: var(--hb-navy) !important;
  box-shadow: 0 4px 12px rgba(27, 42, 78, .09) !important;
  transform: translateY(-1px);
  color: var(--hb-navy) !important;
}
.hb-google-btn:focus-visible,
.hb-google-zone .nsl-button:focus-visible {
  outline: 2px solid #D9A441 !important;
  outline-offset: 3px;
}

/* Le logo ne doit être ni déformé, ni recoloré, ni recadré. */
.hb-google-btn svg,
.hb-google-zone .nsl-button svg {
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  display: block;
}

/* Nextend enveloppe son libellé : on neutralise ses styles par défaut. */
.hb-google-zone .nsl-button-label-container {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
.hb-google-zone .nsl-button-svg-container {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.hb-google-zone .nsl-container-buttons { display: block !important; }

/* ---- Séparateur « ou » ---- */
.hb-ou {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  color: var(--hb-mid);
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hb-ou::before, .hb-ou::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--hb-line);
}

/* ---- Dans la fenêtre du mur ---- */
.hb-mur-modale .hb-google-zone { margin-bottom: 14px; }
.hb-mur-modale .hb-ou { margin-bottom: 16px; }