/* ============================================
   Blažič Komercijala — brand sloj preko Bootstrapa
   Boje izvučene iz Blažič loga
   ============================================ */
:root {
    --boja-primarna:        #1E303E;   /* Blažič tamno plava — dominantna boja iz loga */
    --boja-primarna-tamna:  #101A22;   /* hover/aktivno (tamnija nijansa) */
    --boja-primarna-blaga:  #E7EAED;   /* nježna plava pozadina (istaknuti redovi) */
    --boja-akcent:          #FFB347;   /* Blažič narančasta — akcent iz loga (točke), koristiti štedljivo */
    --boja-siva:            #ced4da;   /* neutralna siva — okviri, sekundarno (logo nema sivu) */
    --boja-tamna:           #1E303E;   /* tekst — ista boja kao primarna, dosljedno logu */
    --boja-pozadina:        #f8f9fa;   /* pozadina stranice */
}

body {
    background-color: var(--boja-pozadina);
    color: var(--boja-tamna);
}

/* --- Navbar: bijeli s plavim potpisom --- */
.navbar-komercijala {
    background-color: #ffffff;
    border-bottom: 3px solid var(--boja-primarna);
}
.navbar-komercijala .nav-link {
    color: var(--boja-tamna);
    font-weight: 500;
}
.navbar-komercijala .nav-link:hover,
.navbar-komercijala .nav-link.active {
    color: var(--boja-primarna);
}
.navbar-komercijala .navbar-brand img {
    height: 40px;
}

/* --- Gumbi: Bootstrapov "primary" postaje Blažič tamno plava --- */
.btn-primary {
    --bs-btn-bg: var(--boja-primarna);
    --bs-btn-border-color: var(--boja-primarna);
    --bs-btn-hover-bg: var(--boja-primarna-tamna);
    --bs-btn-hover-border-color: var(--boja-primarna-tamna);
    --bs-btn-active-bg: var(--boja-primarna-tamna);
    --bs-btn-active-border-color: var(--boja-primarna-tamna);
}
.btn-outline-primary {
    --bs-btn-color: var(--boja-primarna);
    --bs-btn-border-color: var(--boja-primarna);
    --bs-btn-hover-bg: var(--boja-primarna);
    --bs-btn-hover-border-color: var(--boja-primarna);
    --bs-btn-active-bg: var(--boja-primarna-tamna);
    --bs-btn-active-border-color: var(--boja-primarna-tamna);
}

/* --- Linkovi --- */
a { color: var(--boja-primarna); }
a:hover { color: var(--boja-primarna-tamna); }

/* --- Tablice: plavo zaglavlje, hover red --- */
.tablica-komercijala thead {
    background-color: var(--boja-primarna);
    color: #ffffff;
}
.tablica-komercijala tbody tr:hover {
    background-color: var(--boja-primarna-blaga);
}

/* --- Kartice/okviri: neutralna siva --- */
.card { border-color: var(--boja-siva); }

/* --- Podnožje --- */
.footer-komercijala {
    background-color: #ffffff;
    border-top: 1px solid var(--boja-siva);
}