/* ============================================
   Komercijala — brand sloj preko Bootstrapa
   Boje izvučene iz Drvodom loga
   ============================================ */
:root {
    --boja-primarna:        #ed1c24;   /* Drvodom crvena */
    --boja-primarna-tamna:  #c8151c;   /* hover/aktivno (crvena -15% svjetline) */
    --boja-primarna-blaga:  #fdeaea;   /* nježna crvena pozadina (istaknuti redovi) */
    --boja-siva:            #bcbdc0;   /* siva iz loga — okviri, sekundarno */
    --boja-tamna:           #2b2b2b;   /* tekst */
    --boja-pozadina:        #f8f9fa;   /* pozadina stranice */
}

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

/* --- Navbar: bijeli s crvenim 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 Drvodom crvena --- */
.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: crveno 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: siva iz loga --- */
.card { border-color: var(--boja-siva); }

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