.title__lead { font-weight: 700; /* wie dein aktueller Title */ color: #8a5a2b; /* Beispiel: dein Braun */ } 
.title__rest { color: rgba(138, 90, 43, .35); /* ausgegraut */ filter: blur(3px); /* unkenntlich */ user-select: none; /* nicht markierbar */ pointer-events: none; /* nicht anklickbar */ } 
/* optional: blur nur, wenn Paywall aktiv */ .is-paywalled .title__rest { filter: blur(3px); }



/* Wrapper soll nicht den Button aufblasen */
.upgrade-wrapper{
  display: flex;
  justify-content: flex-end;
  align-items: center;

  flex: 0 0 auto;        /* wichtig gegen Flex-Layouts */
  width: auto;
}

/* KOMPAKTER ORANGER BUTTON */
.upgrade-btn{
  /* überschreibt ggf. globale a{display:block;width:100%} */
  display: inline-flex !important;
  width: auto !important;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 6px 10px;     /* kleiner */
  border-radius: 6px;

  background: #c46f14;   /* orange */
  border: 1px solid #c46f14;

  color: #fff;           /* weißer Text */
  font-weight: 600;
  font-size: 13px;       /* kleiner */
  line-height: 1;

  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;

  transition: background .15s ease-in-out, border-color .15s ease-in-out, transform .05s ease-in-out;
}

.upgrade-btn:hover{
  background: #a85f12;
  border-color: #a85f12;
}

.upgrade-btn:active{
  transform: translateY(1px);
}

/* Icon klein halten */
.upgrade-btn .icon-lock{
  font-size: 14px;
  line-height: 1;
}

/* Tooltip bleibt, aber etwas sauberer positioniert */
.upgrade-btn{ position: relative; }

.upgrade-btn .tooltip{
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(8px);

  background: #222;
  color: #fff;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
  z-index: 9999;
}

.upgrade-btn:hover .tooltip,
.upgrade-btn:focus .tooltip{
  opacity: 1;
  visibility: visible;
  transform: translateY(4px);
}

.upgrade-btn:focus{
  outline: none;
  box-shadow: 0 0 0 2px rgba(196, 111, 20, 0.25);
}