/* -----------------------------------------------------------------
 *  share.css – Teilen-Menü (module/share_menu.html)
 *  Direkt aus includes/header.php eingebunden (nicht im CSS-Bündel).
 *  Geometrie von Auslöser und Pfeil bleibt wie in css/stylesheet.css
 *  (.dropdown_share / a.account_share), nur der Stern wird durch das
 *  Teilen-Icon an derselben Stelle ersetzt.
 * --------------------------------------------------------------- */
.share_menu.dropdown_share { background: none; }
.share_menu a.account_share, .share_menu a.account_share:hover, .share_menu a.account_share:focus { text-decoration: none; color: #555; }
/* Icon sitzt im linken Innenabstand des Auslösers, dort wo vorher der Stern war */
.share_menu a.account_share .fa-share-alt { display: inline-block; width: 16px; margin: 0 4px 0 -19px; font-size: 12px; text-align: center; color: #034ea2; }

/* Liste: 5px nach links versetzt, damit die Listen-Icons mit dem Icon im Auslöser fluchten */
.share_menu .submenu_share { left: -25px; width: 150px; box-shadow: 0 6px 20px rgba(0, 0, 0, .08); }
.share_menu .root_share { font-size: 12px; }
.share_menu.dropdown_share li a { display: flex; align-items: center; gap: 8px; padding: 6px 10px; font-family: inherit; font-weight: normal; color: #333; }
.share_menu.dropdown_share li a:hover, .share_menu.dropdown_share li a:focus-visible { background: #f3f5f8; color: #111; text-decoration: none; }
.share_menu li a .fab, .share_menu li a .fas, .share_menu li a .share_icon_x { flex: 0 0 16px; width: 16px; height: 14px; font-size: 14px; text-align: center; color: #555; }
.share_menu li a:hover .fab, .share_menu li a:hover .fas, .share_menu li a:hover .share_icon_x { color: #034ea2; }
.share_menu li.share_native { border-bottom: 1px solid #eee; margin-bottom: 4px; }
.share_menu li a.share_done, .share_menu li a.share_done .fas { color: #1c7c3a; }