/**
 * TB-Tools Bohrkronen-Verlinkung - Tipp-Box komplett klickbar.
 *
 * "Stretched Link"-Muster: im Markup bleibt genau EIN echter <a>
 * (.tbt-bkv-tipp-link) - kein zweites, verschachteltes <a> um die ganze
 * Box, das waere ungueltiges HTML. Stattdessen wird per ::after auf dem
 * Link die Klickflaeche auf den kompletten Elternblock (.tbt-bkv-tipp)
 * ausgedehnt.
 *
 * WICHTIG (Fix 2026-08-24, Nachtrag 17): Der Link selbst darf KEIN
 * position:relative bekommen. Ein absolut positioniertes ::after richtet
 * sich immer am naechsten positionierten Vorfahren aus - bekommt der Link
 * selbst position:relative, ist das der Link, und inset:0 deckt dann nur
 * den Link-Text ab statt der ganzen Box. Genau dieser Fehler war in
 * Version 1.1.0 drin und hat die Klickflaeche wirkungslos gemacht. Der
 * Link bleibt deshalb static; positioniert wird ausschliesslich der
 * Container .tbt-bkv-tipp.
 *
 * Bewusst nur auf die plugin-eigene Klasse .tbt-bkv-tipp beschraenkt,
 * NICHT auf die sitweite .tbt-tipp-box - andere Tipp-Boxen im Shop
 * (andere Verlinkungs-Plugins) sollen dadurch nicht ungewollt ebenfalls
 * komplett klickbar werden. Optik/Farben der Box selbst kommen
 * unveraendert aus dem sitweiten .tbt-tipp-box-Stylesheet.
 */
.tbt-bkv-tipp {
    position: relative;
}

.tbt-bkv-tipp-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.tbt-bkv-tipp:hover {
    cursor: pointer;
}

/* Sichtbarer Fokus-Ring auf der ganzen Box, wenn der Link per Tastatur
   angesteuert wird - sonst waere bei Tastatur-Navigation nicht erkennbar,
   welcher Bereich gerade aktiv ist. */
.tbt-bkv-tipp:focus-within {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Mobil kompakter (Nachtrag 18, 2026-08-24). Der Block sitzt jetzt unter
   dem Kauf-Button, soll dort aber trotzdem wenig Platz kosten - auf dem
   Smartphone war er 115px hoch. Kleinere Schrift und weniger Innenabstand
   sparen rund ein Drittel davon, ohne dass der Text schlechter lesbar
   wird (0.9rem bleibt deutlich ueber der Lesbarkeitsgrenze). */
@media (max-width: 782px) {
    .tbt-bkv-tipp {
        font-size: 0.9rem;
        line-height: 1.45;
        padding: 0.7rem 0.85rem;
        margin-top: 0.75rem;
    }
}