/* Bouton "Partager cette page" + popin — reservation.sja73.com (ancien site, pas de thème api15)
   Couleurs relevées sur le site le 2026-10-16 : bleu marine #223A5E (titres), rose #DB0F4A (boutons).
   Tailles en px (et non en rem comme dans os-partage-ui.js) : la taille de police de base du site est très
   petite, la popin aurait des textes minuscules.
   La popin est injectée dans <body> par os-partage-ui.js avec son CSS de base → surcharges en !important. */

/* bouton, centré sous le titre de la fiche détail */
.modulepartager {
  text-align: center;
  margin: 6px 0 14px;
}
.cta-sheet-link {
  color: #223A5E;
  display: inline-flex;
  align-items: center;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
  transition: color .25s ease-in-out;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
}
.cta-sheet-link:hover,
.cta-sheet-link:focus {
  color: #DB0F4A;
  text-decoration: none;
}
.cta-sheet-link .icon {
  font-size: 1.25rem;
  margin-right: 4px;
  display: inline-flex;
}

/* popin */
.popin-partage-overlay {
  background: rgba(34, 58, 94, .55) !important;
}
.popin-partage {
  background: #fff !important;
  font-family: Raleway, Arial, sans-serif !important;
}
.popin-partage h2 {
  color: #223A5E !important;
  font-size: 18px !important;
}
/* reset des styles boutons génériques du site */
.popin-partage-close,
.popin-partage-close:hover,
.popin-partage-close:focus,
.popin-partage-liste button,
.popin-partage-liste button:hover,
.popin-partage-liste button:focus {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
}
.popin-partage-close {
  font-size: 22px !important;
  line-height: 1 !important;
  color: #223A5E !important;
}
.popin-partage-close:hover {
  color: #DB0F4A !important;
}
.popin-partage-liste a,
.popin-partage-liste button {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #223A5E !important;
}
.popin-partage-liste a:hover,
.popin-partage-liste button:hover {
  color: #DB0F4A !important;
}
.popin-partage-liste .ico {
  font-size: 14px !important;
  background: #DB0F4A !important;
  color: #fff !important;
}
.popin-partage-liste a:hover .ico,
.popin-partage-liste button:hover .ico {
  background: #223A5E !important;
}
/* 🔗 est un emoji : color ignoré, on le redessine en blanc */
.popin-partage-liste button .ico {
  color: transparent !important;
  text-shadow: 0 0 0 #fff !important;
}
.popin-partage-copie-feedback {
  font-size: 13px !important;
  color: #2e7d32 !important;
}