/* TVW Card Button – Styles */
.woocommerce ul.products li.product { position: relative; overflow: hidden; }

.woocommerce ul.products li.product .tvw-card-btn-wrap {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 3;
}

.woocommerce ul.products li.product .tvw-card-btn {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  background: linear-gradient(135deg, #111, #444);
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  transform: translateY(12px);
  opacity: 0;
  transition: transform .25s ease, box-shadow .25s ease, opacity .2s ease;
}

.woocommerce ul.products li.product:hover .tvw-card-btn {
  transform: translateY(0);
  opacity: 1;
}

.woocommerce ul.products li.product .tvw-card-btn:hover {
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}

.woocommerce ul.products li.product .tvw-card-btn:focus-visible {
  outline: 3px solid #1e90ff;
  outline-offset: 2px;
}

@media (hover: none) {
  .woocommerce ul.products li.product .tvw-card-btn {
    opacity: 1;
    transform: none;
  }
}

/* Divi Shop Modul – kleine Abstände */
.et_pb_shop .woocommerce ul.products li.product .tvw-card-btn-wrap {
  left: 10px;
  right: 10px;
  bottom: 10px;
}

/* ===========================================================
   TVW Card Button – BRAND STYLE (Oinkelman)
   Datei: /wp-content/plugins/tvw-card-button/assets/card-button.css
   =========================================================== */

/* Optional: Google-Font laden (auskommentieren, wenn du Lato lokal hast) */
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap'); */

:root{
  --tvw-btn-bg:           #2C3D4C;   /* Primär */
  --tvw-btn-bg-hover:     #9A8D84;   /* Sekundär / Hover */
  --tvw-btn-text:         #ffffff;   /* Text normal auf Primär */
  --tvw-btn-text-hover:   #2C3D4C;   /* Text auf Hover-Hintergrund */
  --tvw-btn-radius:       6px;       /* Border-Radius */
  --tvw-btn-font:         'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --tvw-btn-font-size:    16px;
  --tvw-btn-shadow:       0 8px 16px rgba(0,0,0,.18);  /* nach eigenem Ermessen */
  --tvw-btn-shadow-hover: 0 10px 24px rgba(0,0,0,.22);
}

/* Button-Branding */
.woocommerce ul.products li.product .tvw-card-btn{
  background: var(--tvw-btn-bg);
  color: var(--tvw-btn-text);
  border: none;                      /* kein Border */
  border-radius: var(--tvw-btn-radius);
  font-family: var(--tvw-btn-font);
  font-size: var(--tvw-btn-font-size);
  font-weight: 700;
  box-shadow: var(--tvw-btn-shadow);
  transition: background-color .2s ease, box-shadow .2s ease, transform .25s ease, opacity .2s ease;
}

/* Hover-/Focus-States im Brand */
.woocommerce ul.products li.product .tvw-card-btn:hover{
  background: var(--tvw-btn-bg-hover);
  color: var(--tvw-btn-text-hover);
  box-shadow: var(--tvw-btn-shadow-hover);
}
.woocommerce ul.products li.product .tvw-card-btn:focus-visible{
  outline: 2px solid var(--tvw-btn-bg);  /* saubere Tastatur-Focus-Farbe */
  outline-offset: 2px;
}

/* ===========================================================
   TOGGLES – bei Bedarf einkommentieren (/* … */ entfernen)
   Nach Aktivierung: Divi → Builder → Erweitert → Statische CSS-Dateien löschen
   =========================================================== */

/* --- VARIANTE A: Overlay-Button dauerhaft sichtbar (unten auf der Karte) --- */
/*
.woocommerce ul.products li.product .tvw-card-btn{
  opacity: 1 !important;
  transform: none !important;
}
*/

/* --- VARIANTE B: Button im Flow unter Titel/Preis, immer sichtbar --- */
/*
.woocommerce ul.products li.product .tvw-card-btn-wrap{
  position: static !important;
  left: auto; right: auto; bottom: auto;
  margin-top: 12px;
}
.woocommerce ul.products li.product .tvw-card-btn{
  opacity: 1 !important;
  transform: none !important;
  width: 100%;
}
*/

/* --- OPTIONAL: Woo-Buttons im Grid ausblenden (Katalogmodus) --- */
/*
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button{
  display: none !important;
}
*/