.synced-slider-widget-container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

/* Hauptslider Styles */
.synced-main-slider {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.synced-main-slide-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.synced-main-slide-inner a {
    display: block;
    width: 100%;
    height: 100%;
}

.synced-main-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Title Overlay */
.synced-slider-title-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    pointer-events: none;
}

.synced-slider-title {
    display: inline-block;
    word-break: break-word;
}

/* Nav Buttons Base Style */
.synced-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
    user-select: none;
}

.synced-nav-btn svg,
.synced-nav-btn i {
    display: block;
    line-height: 1;
}

.synced-nav-prev {
    left: 15px;
}

.synced-nav-next {
    right: 15px;
}

/* Thumbnail Slider Styles */
.synced-thumb-slider {
    width: 100%;
    height: auto;
    margin-top: 15px;
    overflow: hidden;
}

.synced-thumb-slider .swiper-slide {
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    transition: opacity 0.3s ease, border 0.3s ease;
    box-sizing: border-box;
}

.synced-thumb-slider .swiper-slide:hover {
    opacity: 1 !important;
}

.synced-thumb-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* hide lightbox buttons */
.elementor-slideshow__header .e-eicon-share-arrow,
.elementor-slideshow__header .e-eicon-zoom-in-bold,
.elementor-slideshow__header .e-eicon-frame-expand {
    display: none !important;
}

/* Native Drag-Events für Bilder & Links im Slider deaktivieren */
.synced-slider-widget-container img,
.synced-slider-widget-container a {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
}

/* Verhindert CSS-Verzögerungen beim manuellen Wischen */
.synced-main-slider .swiper-wrapper,
.synced-thumb-slider .swiper-wrapper {
    will-change: transform;
}

/* ==========================================================================
   PRE-LOADER / CLICK BLOCKER (Verhindert Direktaufruf der Bild-URL vor JS-Load)
   ========================================================================== */

/* Solange der Container nicht die Klasse 'is-initialized' hat, bleiben Links inaktiv */
.synced-slider-widget-container:not(.is-initialized) .synced-main-slide-inner a {
    pointer-events: none;
    cursor: default;
}