/* Structural CSS only. Visual treatment (fit, position, overlay color/opacity)
   remains editable through native Elementor widget controls. */
.elementor-widget-soufi-video-playlist {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.elementor-widget-soufi-video-playlist > .elementor-widget-container,
.soufi-video-playlist {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.soufi-video-playlist__video,
.soufi-video-playlist__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.soufi-video-playlist__video {
    display: block;
    background: #090402;
}

.soufi-video-playlist__overlay {
    pointer-events: none;
}

.soufi-video-playlist__empty {
    position: relative;
    z-index: 1;
    padding: 12px 16px;
    background: rgba(255,255,255,.9);
    color: #111;
    font: 13px/1.4 Arial, sans-serif;
}