/* iTabs Swipe 1.0.0 */

/* --- Container Principal --- */
/* Previne scroll-ul orizontal fantomă pe toată pagina cauzat de marginile negative */
.lvd-cm-itabs-swipe {
    overflow-x: hidden;
    width: 100%;
}

/* --- Efect Fade pentru Swipe --- */
.lvd-cm-itabs-swipe .lvd-container {
    position: relative;
}

/* Gradient Stânga (inițial ascuns) */
.lvd-cm-itabs-swipe .lvd-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 32px; /* Se oprește deasupra conținutului tab-ului */
    width: 40px;
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none; /* Permite click-ul prin gradient */
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Gradient Dreapta (inițial ascuns) */
.lvd-cm-itabs-swipe .lvd-container::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 32px;
    width: 40px;
    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Clase de activare din JavaScript pentru gradienți */
.lvd-cm-itabs-swipe .lvd-container.has-scroll-left::before {
    opacity: 1;
}

.lvd-cm-itabs-swipe .lvd-container.has-scroll-right::after {
    opacity: 1;
}

/* --- Tabs Nav (Meniul de butoane) --- */
.lvd-cm-itabs-swipe .lvd-itabs-menu-swipe {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Ascunde scrollbar pe Firefox */
    margin-bottom: 32px; 
    position: relative; 
    justify-content: center; /* Centrează butoanele pe desktop */
    gap: 16px; /* Spațiu între butoane */
    border-bottom: none; /* Am scos linia gri */
}

/* Ascunde scrollbar pe Chrome/Safari/Edge */
.lvd-cm-itabs-swipe .lvd-itabs-menu-swipe::-webkit-scrollbar {
    display: none;
}

/* Aspectul de Buton (Pill Shape) */
.lvd-cm-itabs-swipe .lvd-itabs-menu-swipe li {
    flex-shrink: 0;
    white-space: nowrap;
    transition: all var(--lvd-transition, 0.3s) ease; 
    cursor: pointer; 
    font-weight: 700; 
    padding: 10px 28px; 
    border: 1px solid var(--lvd-color-black); 
    border-radius: 50px; 
    background: transparent;
    color: var(--lvd-color-black);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lvd-cm-itabs-swipe .lvd-itabs-menu-swipe li:before {
    display: none;
}

/* Starea Activă  */
.lvd-cm-itabs-swipe .lvd-itabs-menu-swipe li:hover, 
.lvd-cm-itabs-swipe .lvd-itabs-menu-swipe li.current {
    background-color: var(--lvd-color-primary); 
    color: #ffffff; 
    border-color: var(--lvd-color-primary); 
}

/* --- Tabs Content (Conținutul) --- */
.lvd-cm-itabs-swipe .lvd-itab-content-swipe {
    display: none;
}
.lvd-cm-itabs-swipe .lvd-itab-content-swipe.current {
    display: block;
}

/* --- Responsive: Mobil (Până la 767px) --- */
@media (min-width:1px) and (max-width:767px) {
    .lvd-cm-itabs-swipe, 
    .lvd-cm-itabs-swipe.lvd-px, 
    .lvd-cm-itabs-swipe.lvd-pxy {
        padding-left:0 !important; 
        padding-right:0 !important;
    }
    
    .lvd-cm-itabs-swipe .lvd-itabs-menu-swipe li {
        font-size: var(--lvd-text-body); 
        padding: 8px 20px; /* Butoane ușor mai mici pe mobil */
    }
    
    .lvd-cm-itabs-swipe .lvd-itabs-menu-swipe {
        /* AICI E MAGIA: Le centrăm în siguranță */
        justify-content: center; /* Fallback pentru browsere mai vechi */
        justify-content: safe center; /* Centrează dacă e loc, aliniază la stânga dacă depășesc ecranul */
        
        margin-left: -20px; 
        margin-right: -20px;
        padding-left: 20px; 
        padding-right: 20px; 
        gap: 10px; /* Spațiu redus între butoane */
    }
}

/* --- Responsive: Tabletă (Între 768px și 1023px) --- */
@media (min-width:768px) and (max-width:1023px) {
    .lvd-cm-itabs-swipe, 
    .lvd-cm-itabs-swipe.lvd-px, 
    .lvd-cm-itabs-swipe.lvd-pxy {
        padding-left:20px !important; 
        padding-right:20px !important;
    }
    
    .lvd-cm-itabs-swipe .lvd-itabs-menu-swipe {
        margin-left:-20px; 
        margin-right:-20px;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: flex-start; /* Permite scroll natural dacă ai multe tab-uri pe tabletă */
    }
}