/* ====== GLOBAL RESET (KP STYLE) - ISPRAVLJENO ====== */
/* Koristimo box-sizing: border-box globalno, ali ne resetujemo margine/paddinge na 0 svuda */
html {
    box-sizing: border-box;
}

/* Osnovna pravila za sve elemente */
*, *::before, *::after {
    box-sizing: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
    background-color: #f5f5f5;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

/* ====== DODAT KP-STYLE WRAPPERS (Ovo osigurava da kontejneri imaju padding) ====== */
/* Dodajemo padding na kontejnerima u headeru da se sadrzaj ne lepi za ivice ekrana */
.kp-topbar .container,
.kp-switcher .container,
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* Originalni .container stil koji je bio u tvom fajlu, ne dira Bootstrap klasu */
.container {
    max-width: 1200px;
}

/* ====== HEADER KP STYLE ====== */
.navbar {
    background-color: #f8c400 !important;
    border-bottom: 2px solid #e0b000;
}

.navbar-brand {
    font-weight: 900;
    font-size: 22px;
    color: #000 !important;
}

.nav-link {
    color: #000 !important;
    font-weight: 500;
    margin-left: 10px;
}

.nav-link:hover {
    text-decoration: underline;
}

/* ====== KATEGORIJE (LEVI MENI) ====== */
.list-group {
    border-radius: 0;
}

.list-group-item {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
    font-size: 14px;
}

.kategorija-hover strong {
    font-weight: 600;
}

.podkategorije-meni {
    border: 1px solid #ddd;
    background: white;
}

/* ====== KARTICE OGLASA ====== */
.card {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    transition: box-shadow .2s ease;
}

.card:hover {
    box-shadow: 0 0 0 2px #f8c400 inset;
}

.card-img-top {
    background: #eee;
}

.card-title {
    font-size: 15px;
    font-weight: 600;
    color: #003366;
}

.card-title:hover {
    text-decoration: underline;
}

.text-success {
    color: #1a8f2d !important;
    font-size: 16px;
}

/* ====== DUGMAD ====== */
.btn-primary {
    background-color: #0055aa;
    border: none;
    border-radius: 0;
}

.btn-primary:hover {
    background-color: #003f80;
}

.btn-success {
    background-color: #28a745;
    border-radius: 0;
}

/* ====== BREADCRUMB ====== */
.breadcrumb {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 13px;
}

/* ====== MOJ NALOG KP TABLE ====== */
.table {
    font-size: 14px;
}

.table thead {
    background: #f8f8f8;
}

.table img {
    border: 1px solid #ddd;
}

/* ====== KP-LIKE SHADOW BLOCK ====== */
.shadow-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
}

/* ====== KP SEARCH BAR ====== */
.kp-search {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.kp-search input {
    border-radius: 0;
    border: 1px solid #ccc;
}

/* ====== MOBILE ====== */
@media(max-width: 768px) {
    .navbar-brand {
        font-size: 18px;
    }
}
/* ================================
   FIX ZA TVOJ LAYOUT (KP stil)
================================ */

/* Sakrij nepotreban red ispod headera */
.top-categories,
.header-categories,
nav .category-row {
    display: none !important;
}

/* Logo veći i čitljiv */
.logo,
.navbar-brand {
    font-size: 26px !important;
    font-weight: bold;
}

/* Levi meni da bude uži */
.sidebar,
.kategorije-levo {
    width: 220px !important;
    max-width: 220px;
}

/* Ukloni duplirani srednji blok kategorija */
.mid-categories {
    display: none !important;
}

/* Glavni container da liči na KP */
.main-content {
    display: flex;
    gap: 20px;
}

/* Kartice oglasa KP stil */
.card {
    border-radius: 6px !important;
}

.card img {
    border-radius: 4px 4px 0 0;
}

/* --- STILOVI INTEGRISANI OVDE IZ INDEX I CAT CSS --- */
.kp-hero{background:#f0f0f0;padding:40px;text-align:center}
.kp-cat-container { padding-top: 20px; padding-bottom: 40px; }
.kp-cat-container .card { border-radius: 8px; border:1px solid #eef6ff; }
.kp-cat-list a { display:block; padding:6px 8px; color:#333; text-decoration:none; border-radius:6px; }
.kp-cat-list a:hover { background:#f1f8ff; color:#0d6efd; }
.price { color:#0d6efd; font-weight:800; margin-top:6px; }
.pagination .page-item.active .page-link { background:#0d6efd; border-color:#0d6efd; color:#fff; }
@media(max-width:992px){ .kp-left { margin-bottom:18px } }