/* Custom CSS pro Tondovo zednictví */

/* Obecné styly */
html {
    scroll-behavior: smooth;
}

/* Galerie */
#gallery-container {
    padding: 0 40px;
}

#gallery-slider {
    gap: 16px;
}

.gallery-item {
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.03);
}

.gallery-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Lightbox */
#lightbox.active {
    display: flex;
}

/* FAQ sekce */
.faq-question.active i {
    transform: rotate(180deg);
}

/* Animace */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeIn {
    animation: fadeIn 0.5s ease forwards;
}

/* Responzivní úpravy */
@media (max-width: 768px) {
    .gallery-item {
        width: 100%;
    }
    
    .gallery-item img {
        height: 180px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .gallery-item {
        width: calc(33.333% - 16px);
    }
}

@media (min-width: 1025px) {
    .gallery-item {
        width: calc(25% - 16px);
    }
}