/* Digitana Social - Actionlinks / Textlinks
   Feinschliff 2026-05-19 V2
   Zweck: Kleine Actionlinks und Sichtbarkeitslinks zentral fuehren.
   Wichtig: Keine Kleinschreibung erzwingen. Optik bleibt wie vorher:
   klein, blau, unterstrichen, leuchtend. */

.ds-profile-status-edit summary,
.ds-profile-feed-visibility summary,
.ds-profile-inline-editor summary {
  cursor: pointer;
  color: #8fe2ff;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-shadow: 0 0 8px rgba(32, 169, 255, 0.42);
  list-style: none;
}

.ds-profile-status-edit summary::-webkit-details-marker,
.ds-profile-feed-visibility summary::-webkit-details-marker,
.ds-profile-inline-editor summary::-webkit-details-marker {
  display: none;
}

.ds-profile-status-edit summary::marker,
.ds-profile-feed-visibility summary::marker,
.ds-profile-inline-editor summary::marker {
  content: "";
}

.ds-mini-text-action,
.ds-profile-glow-link-button {
  border: 0;
  background: transparent;
  color: #8fe2ff;
  padding: 0;
  font: inherit;
  font-size: 0.78rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  text-shadow: 0 0 8px rgba(32, 169, 255, 0.42);
  text-transform: none;
}

.ds-profile-cover-adjust .ds-mini-text-action,
.ds-mini-text-action,
.ds-profile-glow-link-button,
.ds-profile-status-edit summary,
.ds-profile-feed-visibility summary,
.ds-profile-inline-editor summary {
  font-size: 0.74rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #8fe2ff;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-shadow: 0 0 8px rgba(32, 169, 255, 0.42);
}

.ds-profile-reply-box summary {
  cursor: pointer;
  color: #8fe2ff;
  text-decoration: underline;
  text-underline-offset: 3px;
  list-style: none;
  text-shadow: 0 0 8px rgba(32, 169, 255, 0.42);
}

.ds-profile-reply-box summary::-webkit-details-marker {
  display: none;
}

.ds-profile-reply-box summary::marker {
  content: "";
}

.ds-profile-cover-adjust .ds-mini-text-action,
.ds-mini-text-action,
.ds-profile-glow-link-button,
.ds-profile-status-edit summary,
.ds-profile-feed-visibility summary,
.ds-profile-inline-editor summary,
.ds-profile-reply-box summary {
  font-size: 0.74rem !important;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #8fe2ff;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-shadow: 0 0 8px rgba(32, 169, 255, 0.42);
}

.ds-profile-cover-adjust .ds-mini-text-action:hover,
.ds-mini-text-action:hover,
.ds-profile-glow-link-button:hover,
.ds-profile-glow-link-button:focus-visible,
.ds-profile-status-edit summary:hover,
.ds-profile-feed-visibility summary:hover,
.ds-profile-inline-editor summary:hover,
.ds-profile-reply-box summary:hover {
  color: #ffffff;
  text-shadow:
    0 0 10px rgba(215, 237, 255, 0.72),
    0 0 20px color-mix(in srgb, var(--ds-profile-accent) 45%, transparent);
}

.ds-profile-post-visibility-picker > summary {
  cursor: pointer;
  list-style: none;
  color: #8fe2ff;
  font-size: 0.74rem;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-shadow: 0 0 8px rgba(32, 169, 255, 0.42);
}

.ds-profile-post-visibility-picker > summary::-webkit-details-marker {
  display: none;
}

.ds-profile-post-visibility-picker > summary::marker {
  content: "";
}

.ds-profile-post-visibility-picker > summary:hover,
.ds-profile-post-visibility-picker[open] > summary {
  color: #ffffff;
  text-shadow:
    0 0 10px rgba(215, 237, 255, 0.72),
    0 0 20px color-mix(in srgb, var(--ds-profile-accent) 45%, transparent);
}

/* ── Globaler Sichtbarkeits-Symbolbutton-Fix A5 ────────────────────────────
   Gilt global für Sichtbarkeits-Summarys, die bewusst als Symbolbutton
   gebaut sind. Normale Textlinks bleiben unverändert. */

.ds-profile-post-visibility-picker > summary.ds-profile-icon-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
  border-radius: 8px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  text-shadow: 0 0 8px rgba(215, 237, 255, 0.28);
  list-style: none;
  background:
    radial-gradient(ellipse at 24% 0%, rgba(255,255,255,0.24), transparent 54%),
    linear-gradient(135deg, rgba(230,235,239,0.24), rgba(8,12,16,0.98) 76%);
  box-shadow:
    inset 0 0 0 1px rgba(225,230,234,0.20),
    0 0 10px color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 18%, transparent);
}

.ds-profile-post-visibility-picker > summary.ds-profile-icon-link::-webkit-details-marker {
  display: none;
}

.ds-profile-post-visibility-picker > summary.ds-profile-icon-link::marker {
  content: "";
}

.ds-profile-post-visibility-picker > summary.ds-profile-icon-link:hover,
.ds-profile-post-visibility-picker[open] > summary.ds-profile-icon-link,
.ds-profile-post-visibility-picker > summary.ds-profile-icon-link:focus-visible {
  outline: none;
  color: #ffffff;
  text-decoration: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(245,248,250,0.34),
    0 0 14px color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 30%, transparent);
  text-shadow:
    0 0 10px rgba(215,237,255,0.72),
    0 0 20px color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 45%, transparent);
}

/* ── Globaler Sichtbarkeits-Overlay-Layer A6 ───────────────────────────────
   Gemeinsamer Vordergrundschutz für alle Sichtbarkeits-Picker.
   Normale Textlinks bleiben Textlinks; Symbolbuttons bleiben Symbolbuttons.
   Kein Modul bekommt hier eigene Logik. */

.ds-profile-post-visibility-picker {
  position: relative;
  overflow: visible;
}

.ds-profile-post-visibility-picker[open] {
  z-index: 5200 !important;
}

.ds-profile-post-visibility-picker[open] > .ds-profile-post-visibility-popover {
  z-index: 5220 !important;
}

.ds-profile-action-block:has(.ds-profile-post-visibility-picker[open]),
.ds-profile-action-row:has(.ds-profile-post-visibility-picker[open]),
.ds-profile-action-left:has(.ds-profile-post-visibility-picker[open]),
.ds-profile-action-right:has(.ds-profile-post-visibility-picker[open]),
.ds-profile-post-actions:has(.ds-profile-post-visibility-picker[open]),
.ds-profile-feed-compose-actions:has(.ds-profile-post-visibility-picker[open]),
.ds-feed-edit-visibility:has(.ds-profile-post-visibility-picker[open]) {
  position: relative;
  overflow: visible;
  z-index: 5200;
}

/* ── Globaler Sichtbarkeits-Popover-Ausrichter A8c ────────────────────────
   Nur links oder rechts. Keine Mitte-Funktion.
   Links stehender Auslöser öffnet nach rechts.
   Rechts stehender Auslöser öffnet nach links. */

.ds-profile-post-visibility-picker > .ds-profile-post-visibility-popover {
  top: calc(100% + 7px);
  left: 0;
  right: auto;
  width: max-content;
  min-width: 178px;
  max-width: min(228px, calc(100vw - 24px));
  box-sizing: border-box;
}

.ds-profile-post-visibility-popover.ds-visibility-popover-open-right {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}

.ds-profile-post-visibility-popover.ds-visibility-popover-open-left {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

.ds-profile-post-visibility-popover .ds-profile-post-visibility-form {
  width: max-content;
  min-width: 100%;
  max-width: 100%;
}

.ds-profile-post-visibility-popover .ds-profile-visibility-choice {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

@media (max-width: 820px) {
  .ds-profile-post-visibility-picker > .ds-profile-post-visibility-popover {
    min-width: 176px;
    max-width: calc(100vw - 24px);
  }
}