/* ==========================================================================
   STILUL UNIFICAT ȘI PROTEJAT PENTRU TOATE SLIDERELE SLICK
   ========================================================================== */

/* 1. SĂGEȚI: Poziționare absolută și izolare completă față de formulare */
.slick-slider .slick-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border: none !important;
    box-shadow: none !important;
    
    /* Corecții forțate împotriva stilurilor globale de formulare */
    width: 50px !important;
    height: 50px !important;
    min-width: 0 !important;          /* Anulează min-width: 160px */
    border-radius: 50% !important;    /* Forțează cercul perfect */
    text-transform: none !important;  /* Anulează uppercase */
    letter-spacing: normal !important;/* Anulează spațierea literelor */
    line-height: 1 !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

/* Poziționarea laterală fixă a săgeților */
.slick-slider .slick-prev { left: 20px !important; }
.slick-slider .slick-next { right: 20px !important; }

/* Controlul triunghiurilor SVG din interiorul săgeților */
.slick-slider .slick-arrow svg {
    width: 20px !important; 
    height: 20px !important;
    fill: #ffffff !important;
    transition: fill 0.3s ease;
}

/* Efect de hover unificat - previne efectul de ridicare de la formulare */
.slick-slider .slick-arrow:hover {
    background: rgba(0, 0, 0, 0.8) !important;
    transform: translateY(-50%) !important; /* Menține centrarea pe verticală fără să se ridice */
}

/* Eliminarea pseudo-elementelor vechi care pot adăuga text rezidual */
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
    display: none !important;
    content: "" !important;
}


/* 2. DOTS: Poziționare absolută în partea de jos și izolare butoane */
.slick-slider .slick-dots {
    position: absolute !important;
    bottom: 25px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important; 
    justify-content: center;
    align-items: center;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99;
}

.slick-slider .slick-dots li {
    margin: 0 6px !important; 
    padding: 0 !important;
    display: inline-block;
    width: auto;
    height: auto;
}

/* Aspectul de bulină mică - protejat complet de stilul butoanelor mari */
.slick-slider .slick-dots li button {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    box-shadow: none !important;
    
    /* Corecții forțate împotriva stilurilor globale de formulare */
    width: 10px !important;
    height: 10px !important;
    min-width: 0 !important;          /* Anulează min-width: 160px */
    border-radius: 50% !important;    /* Forțează cercul perfect */
    text-transform: none !important;  /* Anulează uppercase */
    letter-spacing: normal !important;/* Anulează spațierea literelor */
    line-height: 1 !important;
    
    cursor: pointer;
    text-indent: -9999px; 
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Starea de Hover pentru buline - dezactivează ridicarea */
.slick-slider .slick-dots li button:hover {
    background: rgba(0, 0, 0, 0.5) !important;
    transform: none !important; /* Previne mișcarea bizară la hover */
}

/* Starea activă pentru bulina curentă */
.slick-slider .slick-dots li.slick-active button {
    background: rgba(0, 0, 0, 0.8) !important; 
    transform: scale(1.2) !important; /* Mărește fluid doar bulina activă */
}

/* Ascundem pseudo-elementele native Slick */
.slick-slider .slick-dots li button::before {
    display: none !important;
    content: "" !important;
}