/**
 * Einheitliche Button-Form & -Farbe pro Welt (alle Bildschirmgrössen).
 * NEXORA: unverändert (keine Regeln hier).
 */

/* ── PROFESSIONAL: rechteckig, schwarz/weiss ── */
body[data-world="vertex"] .btn,
body[data-world="vertex"] .btn-primary,
body[data-world="vertex"] .btn-menu,
body[data-world="vertex"] .btn-close,
body[data-world="vertex"] .dna-slide,
body[data-world="vertex"] .dna-slide.hero-button,
body[data-world="vertex"] .hero-button,
body[data-world="vertex"] .world-btn,
body[data-world="vertex"] .world-switch button,
body[data-world="vertex"] .cta-row .btn,
body[data-world="vertex"] .welten-cta-band__actions .btn,
body[data-world="vertex"] .dock-card {
  border-radius: 0 !important;
}

body[data-world="vertex"] .btn {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  box-shadow: none !important;
}

body[data-world="vertex"] .btn-primary,
body[data-world="vertex"] .dna-slide,
body[data-world="vertex"] .dna-slide.hero-button,
body[data-world="vertex"] .hero-button {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

body[data-world="vertex"] .btn:not(.btn-primary) {
  background: transparent !important;
  color: #111 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

body[data-world="vertex"] .btn-primary:hover {
  background: #1a1a1a !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
  transform: translateY(-2px);
}

body[data-world="vertex"] .btn:not(.btn-primary):hover {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

body[data-world="vertex"] .dna-slide:hover,
body[data-world="vertex"] .dna-slide.hero-button:hover,
body[data-world="vertex"] .hero-button:hover {
  background: transparent !important;
  color: #111 !important;
  border-color: #111 !important;
  transform: translateY(-2px);
}

body[data-world="vertex"] .world-btn.is-active {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
  border-radius: 0 !important;
}

body[data-world="vertex"] .btn-menu,
body[data-world="vertex"] .btn-close {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #111 !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
}

/* ── FREIRAUM: organische Pill-Form wie Hero ── */
body[data-world="freiraum"] {
  --freiraum-btn-radius: 999px 24px 999px 24px;
  --freiraum-btn-bg: linear-gradient(
    135deg,
    rgba(255, 209, 102, 0.32),
    rgba(255, 48, 126, 0.28),
    rgba(0, 220, 210, 0.18)
  );
  --freiraum-btn-bg-hover: linear-gradient(
    135deg,
    rgba(255, 209, 102, 0.48),
    rgba(255, 48, 126, 0.42),
    rgba(0, 220, 210, 0.3)
  );
  --freiraum-btn-border: 2px solid rgba(255, 255, 255, 0.26);
  --freiraum-btn-shadow:
    8px 10px 0 rgba(255, 48, 126, 0.28),
    -5px -4px 0 rgba(0, 220, 210, 0.18),
    0 18px 42px rgba(0, 0, 0, 0.28);
  --freiraum-btn-shadow-hover:
    12px 14px 0 rgba(255, 48, 126, 0.34),
    -7px -6px 0 rgba(0, 220, 210, 0.24),
    0 26px 54px rgba(0, 0, 0, 0.32);
}

body[data-world="freiraum"] .btn,
body[data-world="freiraum"] .btn-primary,
body[data-world="freiraum"] .btn-menu,
body[data-world="freiraum"] .btn-close,
body[data-world="freiraum"] .dna-slide,
body[data-world="freiraum"] .dna-slide.hero-button,
body[data-world="freiraum"] .hero-button,
body[data-world="freiraum"] .world-btn,
body[data-world="freiraum"] .world-switch button,
body[data-world="freiraum"] .cta-row .btn,
body[data-world="freiraum"] .welten-cta-band__actions .btn,
body[data-world="freiraum"] .dock-card {
  border-radius: var(--freiraum-btn-radius) !important;
  border: var(--freiraum-btn-border) !important;
  background: var(--freiraum-btn-bg) !important;
  color: #fff !important;
  box-shadow: var(--freiraum-btn-shadow) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.28) !important;
}

body[data-world="freiraum"] .btn-primary,
body[data-world="freiraum"] .world-btn.is-active,
body[data-world="freiraum"] .world-switch button.is-active {
  background: linear-gradient(135deg, #ffd166, #ff6fae) !important;
  color: #24142f !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  text-shadow: none !important;
}

body[data-world="freiraum"] .btn:hover,
body[data-world="freiraum"] .btn-primary:hover,
body[data-world="freiraum"] .dna-slide:hover,
body[data-world="freiraum"] .hero-button:hover,
body[data-world="freiraum"] .world-btn:hover,
body[data-world="freiraum"] .dock-card:hover {
  background: var(--freiraum-btn-bg-hover) !important;
  box-shadow: var(--freiraum-btn-shadow-hover) !important;
  transform: translateY(-4px) scale(1.03);
}

body[data-world="freiraum"] .btn-menu,
body[data-world="freiraum"] .btn-close {
  background: rgba(55, 24, 62, 0.72) !important;
  border-color: rgba(255, 209, 102, 0.35) !important;
}

/* Master-Shell Weltleiste */
body[data-master-world="vertex"] .world-bar button,
body[data-master-world="vertex"] .sound-toggle {
  border-radius: 0 !important;
}

body[data-master-world="freiraum"] .world-bar button[data-iframe],
body[data-master-world="freiraum"] .sound-toggle {
  border-radius: 999px 24px 999px 24px !important;
  border: 2px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 4px 5px 0 rgba(255, 48, 126, 0.22), -3px -2px 0 rgba(0, 220, 210, 0.14) !important;
}

body[data-master-world="freiraum"] .world-bar button[data-iframe].is-active {
  background: linear-gradient(135deg, #ffd166, #ff8bbd) !important;
  color: #24142f !important;
  text-shadow: none !important;
}