/**
 * TeamSpeak-Bots Pakete – gleiche visuelle Sprache wie KVM-Pakete (.kvm-pakete-modern)
 */
.ts3bots-pakete-page.kvm-pakete-sub-banner.sub-section {
  background-image: linear-gradient(180deg, rgba(11, 15, 25, 0.5), rgba(11, 15, 25, 0.9)),
    url(/images/banner/bots.png);
  background-size: cover;
  background-position: center center;
}

.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-card form.ts3bots-pkg-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin: 0;
}

.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-card .kvm-pkg-card-visual.ts3bots-card-visual {
  background-image: none;
  background-color: #121824;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 88%;
}

.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-card .btn-primary[disabled],
.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-card a.btn-primary.disabled {
  opacity: 0.65;
  pointer-events: none;
  box-shadow: none !important;
}

.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-card button.btn-primary {
  margin-top: 0.5rem !important;
  width: 100% !important;
  padding: 12px 16px !important;
  font-weight: 700 !important;
  border-radius: var(--kvm-p-radius-sm, 10px) !important;
  border: none !important;
  background: var(--kvm-p-accent, #4361ee) !important;
  box-shadow: 0 8px 22px var(--kvm-p-accent-soft, rgba(67, 97, 238, 0.35));
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-card button.btn-primary:hover:not(:disabled) {
  filter: brightness(1.06);
}

.ts3bots-pakete-page.kvm-pakete-modern .kvm-pkg-ribbon.early {
  background: linear-gradient(135deg, #6d28d9, #a78bfa) !important;
}