/**
 * Wizard-Tour und Hilfe-Fenster — vereinsweit eine Gestalt.
 *
 * Gehört zu `assets/js/tour.js` und wird von `PSV_Core_UI::enqueue_tour()`
 * geladen. Der ℹ-Knopf selbst steht in `help-button.css`.
 */


.psv-pc-tour-offer { background: #f0f6fc; border: 1px solid #b3d1ea; border-radius: 8px; padding: 12px 18px; margin-bottom: 12px; font-size: 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.psv-pc-tour-highlight-frame { z-index: 99999; border-radius: 4px; box-shadow: 0 0 0 4000px rgba(0,0,0,0.55); pointer-events: none; }
.psv-pc-tour-bubble { position: fixed; z-index: 100000; width: 300px; background: #fff; border: 1px solid #c3c4c7; border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); font-size: 14px; }
.psv-pc-tour-bubble-inner { padding: 16px 18px 12px; }
.psv-pc-tour-title { font-weight: 700; font-size: 15px; color: #20588b; margin-bottom: 10px; }
.psv-pc-tour-text { line-height: 1.6; color: #333; margin-bottom: 12px; }
.psv-pc-tour-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid #f0f0f0; }
.psv-pc-tour-counter { font-size: 12px; color: #999; }
.psv-pc-tour-btns { display: flex; gap: 8px; align-items: center; }
.psv-pc-tour-arrow { position: absolute; width: 0; height: 0; }
.psv-pc-tour-arrow-bottom { top: -10px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #c3c4c7; }
.psv-pc-tour-arrow-bottom::after { content: ''; position: absolute; top: 2px; left: -9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; }
.psv-pc-tour-arrow-top { bottom: -10px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #c3c4c7; }
.psv-pc-tour-arrow-top::after { content: ''; position: absolute; bottom: 2px; left: -9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #fff; }

.psv-pc-btn { display: inline-block; padding: 6px 14px; border-radius: 4px; border: 1px solid #c3c4c7; cursor: pointer; font-size: 13px; line-height: 1.4; background: #f6f7f7; color: #50575e; }
.psv-pc-btn-primary { background: #20588b; border-color: #20588b; color: #fff; }
.psv-pc-btn-primary:hover { background: #174a75; border-color: #174a75; color: #fff; }
.psv-pc-btn-secondary { background: #fff; border-color: #20588b; color: #20588b; }
.psv-pc-btn-link { background: none; border: 0; cursor: pointer; text-decoration: underline; }

.psv-pc-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 100001; align-items: center; justify-content: center; }
/* Nur der Text scrollt — Kopf und Fuß bleiben stehen.
   Vorher scrollte der ganze Kasten: Bei einem längeren Hilfetext wanderten
   Titel und Schließen-Knopf nach oben aus dem Bild, und das Häkchen „nicht
   mehr anzeigen" lag unter dem Text verborgen. Genau die beiden Elemente
   braucht man aber sofort. */
.psv-pc-modal-content { background: #fff; border-radius: 10px; max-width: 520px; width: 92%; max-height: 80vh; overflow: hidden; display: flex; flex-direction: column; }
.psv-pc-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 24px; border-bottom: 1px solid #e5e5e5; flex: 0 0 auto; }
.psv-pc-modal-header h3 { margin: 0; font-size: 16px; }
.psv-pc-modal-close { background: none; border: 0; font-size: 18px; cursor: pointer; color: #666; }
.psv-pc-modal-body { padding: 16px 24px; overflow-y: auto; flex: 1 1 auto; min-height: 0; }
/* Der Fuß (Knöpfe + Häkchen) ist das letzte Kind und bleibt sichtbar. */
.psv-pc-modal-content > :last-child { flex: 0 0 auto; }


/* Kein Angebotsbanner auf dem Telefon — dort ersetzt es der ℹ-Knopf. Die
   Entscheidung fällt in tour.js; diese Regel ist der Notnagel für Browser, die
   noch ein älteres Skript im Zwischenspeicher haben. */
@media (max-width: 600px) {
	.psv-pc-tour-offer { display: none !important; }
}
@media (max-height: 480px) and (pointer: coarse) {
	.psv-pc-tour-offer { display: none !important; }
}