/* ========================================
   CONSENT PLACEHOLDER - Klaro Cookie Consent
   Zeigt Placeholder für blockierte iframes
   ======================================== */

/* Blockierte iframes (ohne src, nur data-src) - NUR für Placeholder */
iframe[data-name]:not([src]),
iframe[data-name][src=""] {
  background: linear-gradient(135deg, rgba(5, 11, 22, 0.8) 0%, rgba(8, 20, 33, 0.9) 100%);
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 200px;
}

/* Placeholder-Text */
iframe[data-name]:not([src])::before,
iframe[data-name][src=""]::before {
  content: '🔒 Cookie-Einwilligung erforderlich';
  color: var(--color-text-secondary);
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  text-align: center;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 300px;
}

/* Discord-spezifischer Placeholder */
iframe.discord-widget-iframe[data-name="discord"]:not([src])::before,
iframe.discord-widget-iframe[data-name="discord"][src=""]::before {
  content: '🔒 Discord-Widget\AZur Anzeige Discord-Cookies akzeptieren';
  white-space: pre-line;
}

/* YouTube-spezifischer Placeholder */
iframe[data-name="youtube"]:not([src])::before,
iframe[data-name="youtube"][src=""]::before {
  content: '🔒 YouTube-Video\AZur Wiedergabe YouTube-Cookies akzeptieren';
  white-space: pre-line;
}

/* Hover-Effekt auf Placeholder */
iframe[data-name]:not([src]):hover,
iframe[data-name][src=""]:hover {
  cursor: pointer;
}

/* Englische Version (via data-lang) */
html[lang="en"] iframe[data-name]:not([src])::before,
html[lang="en"] iframe[data-name][src=""]::before {
  content: '🔒 Cookie consent required';
}

html[lang="en"] iframe.discord-widget-iframe[data-name="discord"]:not([src])::before,
html[lang="en"] iframe.discord-widget-iframe[data-name="discord"][src=""]::before {
  content: '🔒 Discord Widget\AAccept Discord cookies to view';
  white-space: pre-line;
}

html[lang="en"] iframe[data-name="youtube"]:not([src])::before,
html[lang="en"] iframe[data-name="youtube"][src=""]::before {
  content: '🔒 YouTube Video\AAccept YouTube cookies to play';
  white-space: pre-line;
}

/* Geladene iframes (mit Consent) - kein Placeholder */
iframe[data-name][src]:not([src=""]) {
  border: none;
  background: transparent;
}

iframe[data-name][src]:not([src=""])::before {
  display: none;
}