/* Base styles */
body {
    --button-hover-color: #C8A2C8;
}

/* Button styles */
.bg-primary-200 {
    background-color: #FFD1DC;
}

.bg-primary-300 {
    background-color: var(--button-hover-color);
}
scroll-behavior: smooth;
}

/* Timeline styles */
.timeline-item {
    position: relative;
}

.right-timeline .order-1 {
    order: 1;
}

.left-timeline .order-1 {
    order: 2;
}

@media (min-width: 768px) {
    .right-timeline::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
    background: #D4A5D4;
    border-radius: 50%;
transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .left-timeline::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
    background: #FFD1DC;
    border-radius: 50%;
transform: translate(-50%, -50%);
        z-index: 1;
    }
}

/* Open When Cards */
.open-when-card {
    transition: all 0.3s ease;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.open-when-card.active p {
    display: block !important;
}

/* Gallery items */
.gallery-item {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.6s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Delay animations for gallery items */
.gallery-item:nth-child(1) { animation-delay: 0.1s; }
.gallery-item:nth-child(2) { animation-delay: 0.2s; }
.gallery-item:nth-child(3) { animation-delay: 0.3s; }
.gallery-item:nth-child(4) { animation-delay: 0.4s; }
.gallery-item:nth-child(5) { animation-delay: 0.5s; }
.gallery-item:nth-child(6) { animation-delay: 0.6s; }

/* Ascunde scrollbar-ul complet */
::-webkit-scrollbar {
    display: none;
}

/* Firefox + compatibilitate */
body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}