/* KATALOG KARTICE */
.categorySwiper { width: 100%; padding: 20px 0; }

.category-card {
    width: 100%;
    max-width: 350px;
    height: 450px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transform-style: preserve-3d;
}

.category-img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.category-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); }
.category-content { position: absolute; bottom: 30px; left: 25px; z-index: 2; transform: translateZ(30px); }
.category-title { color: white; font-size: 2rem; font-weight: 900; text-transform: uppercase; font-style: italic; }
.category-btn-label { color: #ea580c; font-weight: 700; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; }

/* LIGHTBOX (Galerija sa blurom) */
#customLightbox { 
    display: none; 
    position: fixed; 
    inset: 0; 
    z-index: 200; 
    align-items: center; 
    justify-content: center; 
}
#customLightbox.active { display: flex; }
.lightbox-img { 
    max-width: 100%; 
    max-height: 80vh; 
    object-fit: contain; 
    border-radius: 8px; 
    margin: 0 auto; 
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
/* Info blok ispod kataloga */
.bg-gray-900 {
    background: linear-gradient(145deg, #111827 0%, #000000 100%);
}

#projekti .bg-gray-900 h4 {
    letter-spacing: -1px;
}

#projekti .bg-gray-900 span.text-orange-600 {
    filter: drop-shadow(0 0 15px rgba(234, 88, 12, 0.4));
}

/* Responzivnost za manji tekst na mobu */
@media (max-width: 768px) {
    #projekti .bg-gray-900 {
        padding: 40px 20px;
        margin-top: 40px;
    }
}