/* KwK Mega-Menu Button-Angleichung — versionierte Override-CSS (2026-06-03).
 *
 * Hintergrund: style.css wird mit cache-control max-age=1y ausgeliefert und der
 * ?ver=-Querystring wird per style_loader_src-Filter gestrippt (febas-hosting.md).
 * Wiederkehrende Besucher halten die alte style.css bis zu 1 Jahr. Damit die
 * Button-Angleichung sofort greift, liegen die geänderten Mega-Menu-Regeln
 * zusätzlich in dieser dateinamen-versionierten Datei (nach style.css geladen).
 *
 * Bei künftiger Änderung: v-Nummer im Dateinamen + functions.php-Enqueue bumpen,
 * alte Datei per SFTP löschen, und style.css entsprechend mit anpassen.
 *
 * Ziel (JK-Vorgabe): die 4 Action-Buttons im Panel "Kurse, Events & Gutscheine"
 * exakt gleich groß — gleiche Breite UND gleiche Höhe. Button 1 behält eine
 * rein-optische Hervorhebung (Hintergrund + inset-Ring), ohne die Box-Maße zu
 * verändern.
 */

/* ===== DESKTOP ===== */
/* Gleiche Breite: repeat(4, 1fr) statt 1.4fr 1fr 1fr 1fr.
   Gleiche Höhe: align-items: stretch streckt jede Karte auf die Höhe der höchsten. */
.kwk-mega-top-cards--4col {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  align-items: stretch;
}
/* Jede der 4 Karten füllt die Grid-Zelle voll aus -> identische Höhe.
   Icon oben ausrichten, damit bei 1- vs. 2-zeiligem Desc nichts vertikal springt. */
.kwk-mega-top-cards--4col .kwk-mega-link {
  height: 100%;
  min-height: 76px;
  align-items: flex-start;
}
/* Icon-Box bei allen 4 identisch (Button 1 war 56px, andere 52px -> einheitlich 52px). */
.kwk-mega-top-cards--4col .kwk-mega-link .kwk-mega-link-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
}
.kwk-mega-top-cards--4col .kwk-mega-link .kwk-mega-link-icon svg {
  width: 26px;
  height: 26px;
}
/* Button 1 (--primary): Border 1px wie alle anderen (kein Layout-Shift).
   Hervorhebung via inset-Ring (box-shadow, layout-neutral) + äußerer Schatten. */
.kwk-mega-top-cards--4col .kwk-mega-link--primary {
  border: 1px solid var(--kwk-gold-light);
  box-shadow: inset 0 0 0 1px var(--kwk-gold-light), 0 4px 18px rgba(141, 90, 59, 0.18);
}
.kwk-mega-top-cards--4col .kwk-mega-link--primary:hover {
  border-color: var(--kwk-gold-soft);
  box-shadow: inset 0 0 0 1px var(--kwk-gold-soft), 0 6px 24px rgba(141, 90, 59, 0.28);
}

/* ===== MOBILE ===== */
/* Die 4 Haupt-Buttons als gleichwertiges Quartett: alle --highlight (gleicher Look)
   + identische min-height auf 2-Zeilen-Niveau, damit unterschiedlich lange Sublines
   keine unterschiedlichen Item-Höhen erzeugen (1-zeilige werden gestreckt).
   Desc auf 2 Zeilen geclampt, damit nichts über die min-height ausbricht. */
.kwk-mobile-quad .kwk-mobile-link {
  min-height: 88px;
  align-items: center;
}
.kwk-mobile-quad .kwk-mobile-link-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}