/* Upgrade Banner */
.upgrade-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: linear-gradient(135deg, #fff8e7 0%, #fff3d0 100%);
  border: 1px solid var(--gold);
  border-radius: 8px;
  margin: 16px 0;
}
.upgrade-icon { font-size: 1.8em; }
.upgrade-text strong { color: var(--navy); display: block; margin-bottom: 4px; }
.upgrade-text p { color: var(--text-light); margin: 0; }
.plan-highlight { color: var(--gold); font-weight: 700; }
.btn-upgrade {
  background: var(--gold);
  color: var(--navy);
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
.btn-upgrade:hover { background: #b8973f; }

/* Blur Overlay für gesperrte Inhalte */
.upgrade-overlay {
  position: relative;
  z-index: 10;
  margin-top: -20px;
  margin-bottom: 20px;
}

/* Plan Badge in Navigation */
.nav-plan-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  font-size: 0.75em;
  font-weight: 600;
  background: var(--gold);
  color: var(--navy);
  margin-left: 8px;
}

/* Disabled Button mit Lock */
.btn-locked {
  opacity: 0.5;
  cursor: not-allowed;
  position: relative;
}
.btn-locked::after {
  content: ' \1F512';
}

/* Abo-Info Karte */
.subscription-card {
  background: linear-gradient(135deg, var(--navy) 0%, #243756 100%);
  color: #fff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
}
.subscription-card .plan-name {
  font-size: 1.4em;
  font-weight: 700;
  color: var(--gold);
}
.subscription-card .plan-details {
  margin-top: 12px;
  color: rgba(255,255,255,0.8);
}