/* ============================================================
   MOTEUR COMMUN CARTE VIVE — Module "compte" (compte professionnel
   persistant + mot de passe administrateur auto-défini).

   Charger APRÈS moteur/core.css (réutilise les mêmes variables de
   thème : --couleur-fond, --couleur-primaire, --couleur-primaire-sombre,
   --couleur-accent, --couleur-accent-pale, --couleur-texte).
   ============================================================ */

/* ── PORTE D'ENTRÉE — connexion de base (tier 1), plein écran ── */
#compte-login-overlay {
  display: none; /* basculé en 'flex' par moteur/compte.js tant qu'aucun compte n'est connecté */
  position: fixed; inset: 0;
  background: var(--couleur-fond);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
}
#compte-login-box {
  background: var(--couleur-primaire);
  border-radius: 16px;
  max-width: 340px; width: 100%;
  padding: 2rem 1.6rem;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0,0,0,0.35);
}
#compte-login-logo {
  max-width: 96px;
  margin: 0 auto 1rem;
  display: block;
}
#compte-login-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: var(--couleur-accent-pale);
  font-size: 1.2rem;
  margin-bottom: 1.4rem;
}
#compte-login-box input {
  width: 100%;
  padding: 0.7rem 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(185,146,79,0.35);
  margin-bottom: 0.7rem;
  font-size: 0.95rem;
  font-family: 'Montserrat', sans-serif;
}
#compte-login-error {
  display: none;
  color: #e8a37a;
  font-size: 0.78rem;
  margin-bottom: 0.7rem;
}
#compte-login-btn {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--couleur-accent);
  background: var(--couleur-accent);
  color: var(--couleur-primaire-sombre);
  cursor: pointer;
  margin-top: 0.3rem;
}
#compte-login-btn:disabled { opacity: 0.6; cursor: default; }

/* ── ICÔNE 🔑 — déverrouillage du mode administration (tier 2) ── */
/* Position choisie le 10/10/2026 (tâche #20, aperçu tablette) : right:1rem,
   pour s'empiler PROPREMENT à la verticale avec les boutons "Gérer mes
   vins"/"Gérer mes plats" (moteur/cave-admin.css / moteur/carte-admin.css)
   et le bandeau "Mode administration" ci-dessous — tous les quatre
   peuvent désormais être visibles EN MÊME TEMPS pour un client qui a à la
   fois la cave ET la carte, cas jamais testé avant cette tâche (l'ancien
   right:4.1rem avait été choisi pour laisser de la place à UN SEUL bouton
   admin voisin, pas deux). Voir la note dans cave-admin.css/carte-admin.css
   pour le détail de la colonne complète. */
#compte-cle-trigger {
  position: fixed;
  bottom: 1rem; right: 1rem;
  width: 2.6rem; height: 2.6rem;
  border-radius: 50%;
  background: var(--couleur-primaire);
  color: var(--couleur-accent-pale);
  border: 1px solid rgba(185,146,79,0.4);
  font-size: 1.1rem;
  cursor: pointer;
  opacity: 0.55;
  z-index: 500;
}
#compte-cle-trigger:hover { opacity: 1; }

#compte-admin-modal-overlay {
  display: none;
  position: fixed; inset: 0;
  background: rgba(20,20,16,0.85);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
#compte-admin-modal-box {
  background: var(--couleur-fond);
  border-radius: 14px;
  max-width: 340px; width: 90%;
  padding: 1.6rem 1.4rem;
  text-align: center;
}
#compte-admin-modal-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: var(--couleur-primaire-sombre);
  margin-bottom: 0.8rem;
}
#compte-admin-modal-sous-titre {
  font-size: 0.82rem;
  color: var(--couleur-primaire-sombre);
  opacity: 0.8;
  margin-bottom: 1rem;
}
#compte-admin-modal-box input {
  width: 100%;
  padding: 0.6rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(75,90,58,0.35);
  margin-bottom: 0.7rem;
  font-size: 0.9rem;
}
#compte-admin-error {
  display: none;
  color: #9b4a2f;
  font-size: 0.75rem;
  margin-bottom: 0.6rem;
}
#compte-admin-modal-box button {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0.55rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--couleur-primaire-sombre);
  background: var(--couleur-primaire-sombre);
  color: #fff;
  cursor: pointer;
  margin: 0.2rem;
}
#compte-admin-modal-box button:disabled { opacity: 0.6; cursor: default; }
#compte-admin-modal-cancel {
  background: none;
  color: var(--couleur-primaire-sombre);
}

/* ── BANDEAU "MODE ADMINISTRATION" + action "quitter" (ne déconnecte jamais le compte de base) ── */
#compte-admin-badge {
  display: none;
  position: fixed;
  bottom: 4.6rem; right: 1rem;
  background: var(--couleur-primaire-sombre);
  color: var(--couleur-accent-pale);
  font-size: 0.7rem;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  z-index: 500;
}
#compte-admin-badge span.compte-admin-badge-action {
  margin-left: 0.5rem;
  text-decoration: underline;
  cursor: pointer;
}