/* --- FILTRIRANJE KATEGORIJA --- */
.kull-katalog-wrapper { 
    margin: 30px 0; 
    font-family: inherit; 
}

.kull-filteri { 
    display: flex; 
    gap: 12px; 
    flex-wrap: wrap; 
    margin-bottom: 30px; 
    justify-content: flex-start; 
}

.kull-btn {
    background: #f5f5f5; 
    border: 1px solid #ddd; 
    padding: 10px 22px; 
    border-radius: 6px;
    font-weight: 600; 
    font-size: 0.9rem; 
    cursor: pointer; 
    transition: all 0.2s ease; 
    color: #444;
}

.kull-btn:hover, .kull-btn.active {
    background: #091031;
    color: #fff !important;
    border-color: #091031;
}

/* --- GRID I KARTICE PROIZVODA --- */
.kull-grid {
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px; 
    transition: opacity 0.25s ease;
}

.kull-kartica {
    background: #fff; 
    border-radius: 10px; 
    overflow: hidden;
    border: 1px solid #e2e8f0; 
    transition: all 0.3s ease; 
    display: flex; 
    flex-direction: column;
}

.kull-kartica:hover {
    border-color: #091031;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08); 
    transform: translateY(-3px);
}

.kull-slika-box { 
    width: 100%; 
    height: 220px; 
    overflow: hidden; 
    background: #f8f9fa; 
    border-bottom: 1px solid #edf2f7; 
}

.kull-slika-box img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: transform 0.3s ease; 
}

.kull-kartica:hover .kull-slika-box img { 
    transform: scale(1.04); 
}

.kull-info { 
    padding: 18px; 
    display: flex; 
    flex-direction: column; 
    flex-grow: 1; 
}

.kull-info h3 { 
    margin: 0 0 4px 0; 
    font-size: 1.15rem; 
    color: #1a1a1a; 
    font-weight: 700; 
}

.kull-kartica-vrsta-radova {
    font-size: 0.82rem;
    color: #091031;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.3;
}

.kull-info p { 
    margin: 0 0 16px 0; 
    font-size: 0.85rem; 
    color: #666; 
    line-height: 1.5; 
    flex-grow: 1; 
}

.kull-vidi-more {
    display: block; 
    width: 100%;
    padding: 10px 14px; 
    background: #1a1a1a; 
    color: #fff !important;
    text-decoration: none; 
    border-radius: 6px; 
    font-size: 0.85rem; 
    font-weight: 600; 
    text-align: center;
    transition: background 0.2s ease;
}

.kull-vidi-more:hover { 
    background: #091031 !important;
}

/* --- SINGLE PAGE PRIKAZ PROIZVODA (PROŠIRENA SLIKA I LEVA KOLONA) --- */
.kull-single-wrapper {
    display: grid; 
    grid-template-columns: 1.4fr 1fr; /* Povećana širina lijeve kolone sa slikom */
    gap: 35px; 
    margin: 30px auto; 
    padding: 25px;
    background: #fff; 
    border: 1px solid #e2e8f0; 
    border-radius: 10px; 
}

@media (max-width: 992px) { 
    .kull-single-wrapper { 
        grid-template-columns: 1fr; 
    } 
}

/* POJAČANA GLAVNA SLIKA */
.kull-single-slika {
    position: relative;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 6px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    cursor: zoom-in;
}

.kull-single-slika img { 
    width: 100%; 
    max-height: 580px; /* Povećana visina i širina glavne slike */
    object-fit: cover; 
    border-radius: 6px; 
    transition: opacity 0.2s ease, transform 0.3s ease;
    display: block;
}

.kull-single-slika:hover img {
    transform: scale(1.015);
}

.kull-zoom-icon {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: 4px;
    pointer-events: none;
}

.kull-single-opis { 
    margin: 0 0 20px 0; 
    font-size: 0.95rem; 
    color: #4a5568; 
    line-height: 1.65; 
}

/* SPECIFIKACIJE SA DVOTAČKAMA (:) */
.kull-specifikacije-lista {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kull-spec-row {
    font-size: 0.88rem;
    line-height: 1.4;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 8px;
}

.kull-spec-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.kull-spec-row strong {
    color: #091031;
    font-weight: 700;
    display: inline-block;
    margin-right: 4px;
}

.kull-spec-row span {
    color: #4a5568;
}

.kull-nazad-btn {
    display: inline-block; 
    padding: 9px 18px; 
    background: #f5f5f5;
    color: #333 !important; 
    text-decoration: none; 
    border-radius: 6px; 
    font-size: 0.85rem;
    font-weight: 600;
}

.kull-nazad-btn:hover { 
    background: #e2e8f0; 
}

/* GALERIJA SLIKA */
.kull-single-lijeva-kolona {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.kull-single-galerija-title {
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}

.kull-single-galerija-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
    gap: 10px;
}

.kull-galerija-item {
    aspect-ratio: 1/1;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f8f9fa;
}

.kull-galerija-item:hover,
.kull-galerija-item.active {
    border-color: #091031 !important;
    transform: translateY(-2px);
}

.kull-galerija-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* LIGHTBOX MODAL */
.kull-lightbox {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.kull-lightbox-content {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.15);
    animation: kullZoomIn 0.25s ease;
}

.kull-lightbox-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
    line-height: 1;
}

.kull-lightbox-close:hover {
    color: #e53e3e;
}

@keyframes kullZoomIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* --- PRILAGOĐAVANJE SIDEBAR-A (SKRIVANJE DRUŠTVENIH MREŽA I OSTALOG OSIM PRETRAGE I MENIJA) --- */
aside, .sidebar, .widget-area, #secondary {
    max-width: 250px !important;
    font-size: 0.82rem !important;
}

/* Uklanjanje svih widget-a sa strane... */
aside .widget, .sidebar .widget, .widget-area .widget {
    display: none !important;
}

/* ...Osim pretrage i navigacionih menija */
aside .widget_search, .sidebar .widget_search, .widget-area .widget_search,
aside .widget_nav_menu, .sidebar .widget_nav_menu, .widget-area .widget_nav_menu,
aside .widget_product_search, .sidebar .widget_product_search {
    display: block !important;
    padding: 10px 14px !important;
    margin-bottom: 12px !important;
}