/* --- CARUSEL ACTIVITATE --- */
.activitate-section {
    padding: 120px 0;

}

.carousel-container {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.7);
    border: 2px solid rgba(255, 204, 0, 0.15);
}

/* Containerul pentru slide-ul cu 2 video */
.video-split-slide {
    display: flex !important; /* Forțează așezarea orizontală */
    gap: 10px; /* Spațiu mic între videoclipuri */
    background: #000; /* Fundal negru pentru spațiul dintre ele */
}

.video-split-slide .carousel-video {
    width: 50%; /* Fiecare video ocupă jumătate de slide */
    height: 100%;
    object-fit: cover; /* Menține aspectul fără să le deformeze */
}

/* Fix pentru a preveni între tăierea elementelor */
.carousel-track {
    display: flex;
    align-items: center;
}

.carousel-slide {
    min-width: 100%;
    height: 650px; /* Înălțime mare */
}

.carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    color: #ffcc00;
    border: 1px solid rgba(255, 204, 0, 0.3);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-btn:hover {
    background: #ffcc00;
    color: #000;
}

.prev { left: 30px; }
.next { right: 30px; }



/* --- CONFIGURARE GENERALĂ ACTIVITATE --- */
.activitate-section {
    padding: 120px 0;
    /* Fundal implicit pentru orice eventualitate */
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                url('../Img/rand.jpg') center/cover no-repeat;
}















/* ========================================= */
/* SMARTPHONE (< 768px)                      */
/* ========================================= */
@media (max-width: 767px) {
    .activitate-section {
        /* Schimbă 'rand.jpg' cu imaginea dorită pentru mobil */
        background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                    url('../Img/ip.jpg') center/cover no-repeat !important;
    }

    .carousel-slide {
        height: 320px !important;
    }
    
    .video-split-slide {
        gap: 5px; /* Spațiu mai mic pe mobil */
    }
}



/* ========================================= */
/* TABLET (768px - 1023px)                   */
/* ========================================= */
@media (min-width: 768px) and (max-width: 1023px) {
    .activitate-section {
        background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                    url('../Img/rand.jpg') center/cover no-repeat !important;
    }

    .carousel-slide {
        height: 420px !important;
    }
}

/* ========================================= */
/* DESKTOP (≥ 1024px)                        */
/* ========================================= */
@media (min-width: 1024px) {
    .activitate-section {
        /* Pe desktop putem folosi efectul 'fixed' pentru un aspect premium */
        background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                    url('../Img/vinInspate.jpg') center/cover no-repeat fixed !important;
    }

    .carousel-slide {
        height: 600px !important;
    }
    
    /* Ne asigurăm că videoclipurile split sunt lipite perfect pe desktop */
    .video-split-slide {
        gap: 0 !important;
    }
}