/* Wrapper */
.mkp-wrap { --mkp-border:#e5e7eb; }

/* Toggle – sichtbarer Text, Theme-sicher */
.mkp-toggle { display:flex; gap:.5rem; margin:0 0 1rem 0; }
.mkp-toggle .mkp-btn{
  appearance:none;
  color:#111 !important;
  background:#fff;
  border:1px solid var(--mkp-border);
  border-radius:.5rem;
  padding:.5rem .75rem;
  cursor:pointer;
}
.mkp-toggle .mkp-btn.is-active{ background:#17a2b8; color:#fff !important; }

/* Minimal: Platzhalter */
.mkpl-view{ min-height:2rem; }
.mkpl-empty{ color:#666; }

/* Hauptkarten sind mit Inline-Styles layoutet – hier nur Effekte/Fixes */

/* Hover-Effekt nur für Titel/Links in der Karte, nicht für Buttons */
.mkpl-pro .mkp-event-card-modern a:not(.mkpl-btn){
  color:#1a1d22 !important;
  text-decoration:none !important;
  transition: color .15s ease, text-decoration-color .15s ease;
}
.mkpl-pro .mkp-event-card-modern a:not(.mkpl-btn):hover{
  color:#17a2b8 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}

/* Action-Button in Karte (Fallback-Farbe; im HTML per Option gesetzt) */
.mkpl-btn{ background:#17a2b8; color:#fff; padding:.5rem 1rem; border-radius:.55rem; text-decoration:none; display:inline-block; }

/* Fix: Badges sollen nicht auf volle Breite stretchen (Flex-Container!) */
.mkpl-pro .mkp-preis-badge,
.mkpl-pro .mkp-badge{
  display:inline-block !important;
  width:auto !important;
  white-space:nowrap;
  align-self:flex-start;   /* verhindert Stretch in column-Flex */
  flex:0 0 auto;          /* nicht wachsen */
}

/* Badges nur Textbreite – harte Überschreibung */
.mkpl-pro .mkp-preis-badge,
.mkpl-pro .mkp-badge{
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  align-self:flex-start !important;
  white-space:nowrap !important;
}

/* Responsive */
@media (max-width: 720px) {
  .mkpl-pro .mkp-event-card-modern { flex-direction: column; }
}