/* ═══════════════════════════════════════════════════════════════
   Choix d'ouverture pour les liens mailto — un petit menu propose
   Gmail (navigateur), l'application mail du système, ou copier
   l'adresse, plutôt que de forcer l'ouverture d'une appli absente.
═════════════════════════════════════════════════════════════════ */
.mail-choice{
  position:fixed;
  z-index:300;
  min-width:230px;
  background:var(--c-porcel,#faf6ee);
  color:var(--c-ink,#1d2b2f);
  border:1px solid color-mix(in srgb,var(--c-petrol,#2f5f69) 20%,transparent);
  border-radius:6px;
  box-shadow:0 20px 44px -18px rgba(10,24,28,.35);
  padding:10px;
  font-family:var(--ff-body,serif);
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s,transform .18s;
}
.mail-choice.is-in{opacity:1;transform:none}
.mail-choice .mc-addr{
  margin:2px 8px 8px;
  font-family:var(--ff-mono,monospace);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  color:color-mix(in srgb,var(--c-petrol,#2f5f69) 80%,transparent);
  word-break:break-all;
}
.mail-choice .mc-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:9px 10px;
  border:0;
  border-radius:4px;
  background:none;
  text-align:left;
  text-decoration:none;
  color:var(--c-ink,#1d2b2f);
  font-family:var(--ff-body,serif);
  font-size:14px;
  cursor:pointer;
  transition:background .15s;
}
.mail-choice .mc-item:hover,.mail-choice .mc-item:focus-visible{background:color-mix(in srgb,var(--c-petrol,#2f5f69) 10%,transparent)}
.mail-choice .mc-item span{font-size:13px;opacity:.7}

@media (prefers-reduced-motion:reduce){.mail-choice{transition:none}}