/* ------------------------------------------------------------------------------------------------
   BOUTONS « PARTAGER » ET « AJOUTER À MON AGENDA » (2026-11-09) — communs CCL et CCB
   Balisage : MYCCPartage() / MYCCAgenda() dans php/cclive-fonctions.php ; comportement : scripts/partage.js
   Smartphone : le bouton ouvre le menu de partage du téléphone ; ordinateur (ou sans partage natif) : ce menu.
------------------------------------------------------------------------------------------------ */
.mycc-partage { position: relative; display: inline-block; vertical-align: top; margin-left: 12px; text-align: left; } /* même taille que le cœur (#favori : 35 px) */
.mycc-partage-btn { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #1A1A1B; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.mycc-partage-btn:hover, .mycc-partage-btn[aria-expanded="true"] { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .25); }
.mycc-partage-btn:focus-visible { outline: 3px solid #E6173A; outline-offset: 2px; }
.mycc-partage-btn svg, .mycc-partage-btn img { width: 20px; height: 20px; }

.mycc-partage-menu { position: absolute; z-index: 300; top: calc(100% + 10px); right: 0; min-width: 230px; padding: 8px; border-radius: 16px; background: #fff; color: #1A1A1B; box-shadow: 0 14px 40px rgba(0, 0, 0, .28); font-family: 'GT Walsheim regular', sans-serif; font-size: 15px; line-height: 1.2; text-transform: none; letter-spacing: 0; }
.mycc-partage-menu[hidden] { display: none !important; }
.mycc-partage-titre { padding: 8px 12px 6px; font-family: 'GT Walsheim bold', sans-serif; font-size: 12px; color: #777; text-transform: uppercase; letter-spacing: .04em; }
.mycc-partage-menu a, .mycc-partage-menu button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; border-radius: 10px; background: none; color: #1A1A1B !important; font: inherit; text-align: left; text-decoration: none !important; cursor: pointer; }
.mycc-partage-menu a:hover, .mycc-partage-menu button:hover, .mycc-partage-menu a:focus-visible, .mycc-partage-menu button:focus-visible { background: #F3F3F3; outline: none; }
.mycc-partage-ico { display: flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; color: #fff; }
.mycc-partage-ico svg { width: 17px; height: 17px; fill: currentColor; }
.mycc-p-facebook .mycc-partage-ico { background: #1877F2; }
.mycc-p-whatsapp .mycc-partage-ico { background: #25D366; }
.mycc-p-x .mycc-partage-ico { background: #000; }
.mycc-p-bluesky .mycc-partage-ico { background: #1185FE; }
.mycc-p-mail .mycc-partage-ico, .mycc-p-lien .mycc-partage-ico, .mycc-p-ics .mycc-partage-ico { background: var(--carte-accent, #E6173A); color: var(--carte-accent-ico, #fff); }
.mycc-p-google .mycc-partage-ico { background: #fff; border: 1px solid #E3E3E3; }
.mycc-p-lien.mycc-copie .mycc-partage-ico { background: #1B9E4B; }


@media (max-width: 767px) {
	.mycc-partage-menu { position: fixed; top: auto; left: 12px; right: 12px; bottom: 12px; min-width: 0; }
	/* (2026-11-10) feuille posée sur la page (partage.js la sort de son parent) : au-dessus de la barre du bas, sur un voile */
	.mycc-partage-menu.mycc-feuille { z-index: 10050; left: 0; right: 0; bottom: 0; max-height: 80vh; overflow-y: auto; padding: 10px 10px calc(14px + env(safe-area-inset-bottom)); border-radius: 20px 20px 0 0; box-shadow: 0 -10px 40px rgba(0, 0, 0, .35); animation: mycc-feuille .2s ease-out; }
	.mycc-partage-menu.mycc-feuille::before { content: ""; display: block; width: 40px; height: 4px; margin: 2px auto 6px; border-radius: 2px; background: #DDD; }
	.mycc-partage-voile { position: fixed; inset: 0; z-index: 10049; background: rgba(0, 0, 0, .45); }
	.mycc-partage-voile[hidden] { display: none; }
}
@keyframes mycc-feuille { from { transform: translateY(30px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.mycc-partage-btn { transition: none; }
	.mycc-partage-menu.mycc-feuille { animation: none; }
}