/*
 * Arco-Vienna - eigene CSS-Anpassungen
 * Eingebunden ueber config.php: $conf['settings']['css.extension.file']
 * Upgrade-sicher: ueberschreibt NICHT die Theme-Datei booked.css.
 * Hier koennen weitere kleine Design-Anpassungen gesammelt werden.
 */

/*
 * Die .wait-box (Overlay fuer "wird erstellt" und die Bestaetigung) hat in
 * booked.css keinen eigenen Hintergrund. Normalerweise dimmt blockUI nur den
 * Hintergrund ab; die Box selbst bleibt durchsichtig, sodass der Kalender
 * durchscheint. Wir geben ihr daher einen eigenen, undurchsichtigen
 * Hintergrund und etwas Dialog-Optik. Gilt auf allen Bildschirmgroessen.
 */
.wait-box {
    background-color: #ffffff !important;
    border-radius: 6px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);
}

/*
 * Mobil: Bestaetigungs-Overlay nach dem Buchen/Aendern/Stornieren
 * scrollbar machen, damit der "Close"-Button unten auf kleinen
 * Bildschirmen (z.B. iPhone) immer erreichbar ist.
 *
 * Problem ohne diese Regel: blockUI zeigt die Box (.wait-box) zentriert
 * ueber dem Bildschirm ohne eigene Scrollmoeglichkeit. Ist der Inhalt
 * hoeher als der Bildschirm, liegt der Button unter dem sichtbaren
 * Bereich und man kommt aus der Bestaetigung nicht mehr heraus.
 */
@media (max-width: 768px) {
    .wait-box {
        position: fixed !important;
        top: 4vh !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        max-width: 92vw !important;
        max-height: 88vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}