/* ==========================================================================
   Custom Slider CSS
   - Felső fehér sáv eltávolítása
   - Távolság a felső NEWSREEL sávtól (margin-top: 20px)
   - Szélesebb méret a hírek tartalmához igazítva (1280px, szöveg elejétől a végéig)
   - Vékonyabb magasság (240px)
   ========================================================================== */

/* 1. A slider feletti felesleges fehér sáv eltávolítása (üres .slide__media elem) */
.view-slider .slide__media,
.slick--view--slider .slide__media {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Felirat és cím pozicionálása, felesleges margók/paddingok eltávolítása */
.view-slider .slide__caption,
.slick--view--slider .slide__caption {
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    width: 100% !important;
    transform: none !important;
}

.view-slider .slide__title,
.slick--view--slider .slide__title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

/* 3. Bootstrap sor negatív margóinak és a slick slider belső margóinak korrigálása */
.view-slider .view-content.row,
.views-element-container .view-content.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.view-slider .slick,
.slick--view--slider {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 4. Slider konténer méretezése, középre igazítása és távolság a newsreel sávtól */
.view-slider,
.views-element-container .view-slider,
.slick--view--slider {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
}

/* Ha a .slick--view--slider a .view-slider-en belül van, ne duplázódjon a felső margó */
.view-slider .slick--view--slider {
    margin-top: 0 !important;
}

/* 5. Slider doboz és képek: szélesebb (1280px) és vékonyabb (240px magasság) */
.view-slider .slider-doboz,
.slider-doboz {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 150px !important;
    position: relative !important;
    overflow: hidden;
}

.view-slider .slider-doboz img,
.view-slider img.image-style-slider,
img.image-style-slider {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* 6. Reszponzív beállítások */
@media (min-width: 1200px) {
    .view-slider,
    .slick--view--slider,
    .views-element-container .view-slider,
    .view-slider .slider-doboz,
    .slider-doboz {
        max-width: 1280px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .view-slider,
    .slick--view--slider,
    .views-element-container .view-slider,
    .view-slider .slider-doboz,
    .slider-doboz {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .view-slider,
    .slick--view--slider,
    .views-element-container .view-slider,
    .view-slider .slider-doboz,
    .slider-doboz {
        max-width: 720px !important;
    }
}

@media (max-width: 767px) {
    .view-slider,
    .slick--view--slider,
    .views-element-container .view-slider,
    .view-slider .slider-doboz,
    .slider-doboz {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
    }
    .view-slider .slider-doboz,
    .slider-doboz,
    .view-slider .slider-doboz img,
    .view-slider img.image-style-slider,
    img.image-style-slider {
        height: 180px !important;
    }
}