/* bodenkontor.de: Ergänzungen zu den übernommenen Stylesheets, Gegenstück zu site.js */

/* Ladeanimation des Themes wird nicht mehr gebraucht */
#load, .spinner-loader { display: none !important; }

/* Einblend-Animationen: bis zum Sichtbarwerden ausgeblendet, ohne JS sichtbar */
.js .bk-anim { opacity: 0; }

/* Hintergrund-Diashow */
.bk-slideshow { position: absolute; inset: 0; overflow: hidden; z-index: 0; }
.bk-slide { position: absolute; inset: 0; opacity: 0; transition-property: opacity; }
.bk-slide.aktiv { opacity: 1; }
.bk-slide .elementor-background-slideshow__slide__image { position: absolute; inset: 0; background-size: cover; background-position: center; }

/* Laufband */
.bk-ticker-box { overflow: hidden; position: relative; }
.bk-ticker-spur { display: flex; width: max-content; animation: bk-lauf 40s linear infinite; }
.bk-ticker-spur:hover { animation-play-state: paused; }
.bk-ticker { display: flex !important; flex-wrap: nowrap; white-space: nowrap; margin: 0; padding: 0; }
.bk-ticker > * { flex: none; padding-right: 3em; list-style: none; }
.mtphr-dnt-tick { position: static !important; display: block !important; opacity: 1 !important; }
@keyframes bk-lauf { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .bk-ticker-spur { animation: none; } }

/* The7-Menüs (z. B. Footer): früher per Skript sichtbar geschaltet */
.dt-sub-menu-display-on_click, .dt-sub-menu-display-on_item_click { visibility: visible !important; }

/* Akkordeon/Toggle: Inhalte anfangs zu */
.elementor-tab-content { display: none; }
.elementor-tab-title { cursor: pointer; }

/* Galerie im Raster */
.bk-gallery { display: grid; grid-template-columns: repeat(var(--columns, 4), 1fr); gap: var(--vgap, 10px) var(--hgap, 10px); }
.bk-gallery .e-gallery-item { position: relative; display: block; overflow: hidden; }
.bk-gallery .e-gallery-image { padding-bottom: var(--aspect-ratio, 66.66%); background-size: cover; background-position: center; }

/* Lightbox */
.bk-lightbox { position: fixed; inset: 0; z-index: 99999; background: rgba(0, 0, 0, .88); display: none; align-items: center; justify-content: center; }
.bk-lightbox.offen { display: flex; }
.bk-lightbox figure { margin: 0; max-width: 90vw; max-height: 88vh; text-align: center; }
.bk-lightbox img { max-width: 90vw; max-height: 80vh; object-fit: contain; }
.bk-lightbox figcaption { color: #fff; font-size: 14px; margin-top: 8px; }
.bk-lightbox button { position: absolute; background: none; border: 0; color: #fff; font-size: 48px; line-height: 1; cursor: pointer; padding: 12px; }
.bk-lb-zu { top: 10px; right: 16px; }
.bk-lb-vor { left: 10px; top: 50%; transform: translateY(-50%); }
.bk-lb-weiter { right: 10px; top: 50%; transform: translateY(-50%); }

/* Popup (Slide-in von rechts) */
.bk-popup.elementor-popup-modal { position: fixed; inset: 0; z-index: 9999; display: none !important; background: rgba(0, 0, 0, .5); }
.bk-popup.elementor-popup-modal.offen { display: flex !important; justify-content: flex-end; align-items: stretch; }
/* ohne JS bleibt die Popup-Vorlage unsichtbar */
.elementor-location-popup { display: none; }
.bk-popup .elementor-location-popup { display: block; }
.bk-popup .dialog-widget-content { position: relative; height: 100%; max-width: 100vw; overflow: auto; background: #fff; animation: bk-rein .5s ease; }
.bk-popup .dialog-close-button { position: absolute; top: 12px; right: 16px; font-size: 32px; line-height: 1; color: #012140; text-decoration: none; z-index: 2; }
@keyframes bk-rein { from { transform: translateX(100%); } to { transform: none; } }

/* Ersatz für die Google-Maps-Einbettung: nur Link, keine Datenübertragung */
.bk-karte { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 300px; padding: 24px;
  background: #F1FAFF url(/wp-content/uploads/borlabs-cookie/1/brlbs-cb-google-maps-main.png) center / cover no-repeat; text-align: center; }
.bk-karte-text { margin: 0; padding: 8px 14px; background: rgba(255, 255, 255, .9); color: #012140; }
.bk-karte-knopf { background: #012140; color: #fff; padding: 12px 24px; text-decoration: none; }
.bk-karte-knopf:hover { background: #CC0606; color: #fff; }