/* ════════════════════════════════════════════════════════════════════════
 * av-varianten.css — die beiden Knoepfe unter „2. Variante waehlen".
 *
 * Auftrag Martin vom 09.09.2026 (Karte 508, WhatsApp): Der Standard-Knopf
 * war dunkelblau gefuellt und damit viel dominanter als der Premium-Knopf,
 * der nur aus einem orangen Rahmen bestand und sich erst beim Darueberfahren
 * fuellte. Weil mehr Premium als Standard bestellt werden soll, drehen wir
 * die Gewichtung um:
 *
 *   Standard  nur dunkelblauer Rahmen, dunkelblaue Schrift, transparent;
 *             beim Darueberfahren dunkelblau gefuellt, Schrift weiss.
 *   Premium   sofort orange gefuellt, weisse Schrift; beim Darueberfahren
 *             das dunklere Orange.
 *
 * Gilt fuer /horoskope (Knoepfe fuehren auf die Kategorieseiten) und fuer
 * alle kaufbaren Kategorieseiten (dort <button data-av-buy>), DE und EN.
 * Erzeugt werden die Knoepfe in build_pages.py::variante_karten()/kauf_btn();
 * eingehaengt wird diese Datei ueber build_pages.py::varianten_assets().
 *
 * Warum eine eigene Datei und nicht custom.less: die Spalte
 * j_template_styles.params ist fast voll (build/README.md „Fallen") — wie
 * bei av-start.css und av-order.css.
 *
 * Farben = Marken-Palette aus theme.av-build.less:
 *   Dunkelblau #1A2A6C · dunkler #13204F · gedrueckt #0E1839
 *   Orange     #E8731A · dunkler #C25C10 · gedrueckt #A54D0B
 * ════════════════════════════════════════════════════════════════════════ */

/* ── Standard: Rahmen, fuellt sich erst beim Darueberfahren ──────────── */
.uk-button.av-btn-standard {
  background-color: transparent;
  border-color: #1A2A6C;
  color: #1A2A6C;
}
.uk-button.av-btn-standard:hover,
.uk-button.av-btn-standard:focus {
  background-color: #1A2A6C;
  border-color: #1A2A6C;
  color: #FFFFFF;
}
.uk-button.av-btn-standard:active {
  background-color: #0E1839;
  border-color: #0E1839;
  color: #FFFFFF;
}

/* ── Premium: sofort gefuellt ────────────────────────────────────────── */
.uk-button.av-btn-premium {
  background-color: #E8731A;
  border-color: #E8731A;
  color: #FFFFFF;
}
.uk-button.av-btn-premium:hover,
.uk-button.av-btn-premium:focus {
  background-color: #C25C10;
  border-color: #C25C10;
  color: #FFFFFF;
}
.uk-button.av-btn-premium:active {
  background-color: #A54D0B;
  border-color: #A54D0B;
  color: #FFFFFF;
}