/* 360 Wedemark - Bedienleiste, Logo und Passwortseite im öffentlichen Rundgang (tour.php) */

/* ---- Untere Leiste ------------------------------------------------------ */
.wd-bar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px;
    padding: 4px 10px;
    min-height: 44px;
    background: rgba(28, 28, 28, 0.82);   /* vorher PSV-Standard ~50 % -> jetzt deutlich lesbarer */
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
    color: #fff; font: 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.wd-bar a { color: rgba(255, 255, 255, 0.9); text-decoration: none; }
.wd-bar a:hover { text-decoration: underline; }

.wd-btn {
    flex: none; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 6px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent; color: #fff; cursor: pointer;
}
.wd-btn:hover { background: rgba(255, 255, 255, 0.15); }
.wd-btn svg { width: 20px; height: 20px; }

.wd-zoom { display: flex; align-items: center; gap: 2px; }
.wd-zoom input[type="range"] { width: 110px; accent-color: #d4af37; margin: 0 4px; cursor: pointer; }

.wd-legal { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; white-space: nowrap; }
.wd-links { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
.wd-legal .wd-sep { opacity: 0.5; }
.wd-powered { opacity: 0.75; font-size: 12px; }

/* Cookie-Einstellungen: der schwebende Keks-Button des Cookie-Banners (CCM19) wird auf dieser Seite
   ausgeblendet, stattdessen gibt es den Textlink "Cookie" in der Leiste */
.ccm-settings-summoner,
[class*="ccm-settings-summoner"],
[class*="ccm-widget-summoner"] { display: none !important; }

/* Fußzeilen-Text: nur so hoch wie die Zeilen es brauchen */
/* breiter senkrechter Trennstrich links vom Text */
.wd-text { flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; padding: 4px 0 4px 14px; border-left: 4px solid rgba(255, 255, 255, 0.55); }
.wd-line1 { font-weight: 600; }

.wd-actions { margin-left: auto; display: flex; align-items: center; }
.wd-text + .wd-actions { margin-left: 0; }

/* Eingeklappt: nur noch Impressum/Datenschutz + Symbol zum Wiedereinblenden */
.wd-bar.is-collapsed { right: auto; border-radius: 0 10px 0 0; padding: 0 6px 0 10px; min-height: 36px; }
.wd-bar.is-collapsed .wd-zoom,
.wd-bar.is-collapsed .wd-text,
.wd-bar.is-collapsed .wd-powered,
.wd-bar.is-collapsed #wd-full { display: none; }
.wd-bar.is-collapsed .wd-actions { margin-left: 0; }

/* ---- Logo --------------------------------------------------------------- */
.wd-logo { position: fixed; z-index: 20; max-width: min(200px, 40vw); max-height: 70px; width: auto; height: auto; pointer-events: none; }
.wd-logo.pos-top-left     { top: 12px; left: 12px; }
.wd-logo.pos-top-right    { top: 12px; right: 12px; }
.wd-logo.pos-bottom-left  { bottom: calc(var(--wd-bar-h, 44px) + 12px); left: 12px; }
.wd-logo.pos-bottom-right { bottom: calc(var(--wd-bar-h, 44px) + 12px); right: 12px; }
body.has-gyro .wd-logo.pos-top-right { right: 68px; }  /* Platz für den Gyroskop-Button */
.wd-bar.is-collapsed ~ .wd-logo.pos-bottom-left { bottom: calc(var(--wd-bar-h, 36px) + 12px); }

@media (max-width: 640px) {
    .wd-zoom input[type="range"] { width: 80px; }
    /* Handy: Zeile 1 = Zoom + Buttons, Zeile 2 = Links, Zeile 3 = Text */
    .wd-zoom { order: 1; flex: 1 1 auto; }
    .wd-zoom input[type="range"] { flex: 1 1 auto; }
    .wd-actions { order: 2; margin-left: 0; }
    /* Links und Fußzeilen-Text teilen sich eine Zeile, solange Platz ist (spart Höhe im iFrame) */
    .wd-legal { order: 3; flex: 0 0 auto; }
    .wd-text { order: 4; flex: 1 1 140px; padding-top: 4px; }
    .wd-bar.is-collapsed .wd-actions { order: 0; }
    .wd-bar.is-collapsed .wd-legal { order: 0; flex-basis: auto; }
    .wd-logo { max-height: 48px; max-width: min(130px, 35vw); }
}

/* Sehr schmaler iFrame (Handy-Breite): alles untereinander */
@media (max-width: 420px) {
    .wd-legal { flex-basis: 100%; }
    .wd-text { flex-basis: 100%; }
}

/* Niedriger iFrame: Leiste so flach wie möglich, damit das Panorama sichtbar bleibt */
@media (max-height: 460px) {
    .wd-bar { padding: 2px 8px; min-height: 36px; gap: 2px 12px; }
    .wd-btn { width: 32px; height: 32px; }
    .wd-powered { display: none; }
    .wd-text { padding-top: 2px; padding-bottom: 2px; }
}

/* ---- Passwortseite ------------------------------------------------------ */
.tour-gate { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; }
.tour-gate .card { width: min(100%, 380px); text-align: center; }
.tour-gate .brand-logo { max-width: 100%; height: auto; margin-bottom: 8px; }
.tour-gate-logo { max-width: 180px; max-height: 80px; margin-bottom: 12px; }