:root {
    --bs-primary: #ca4a3f;
    --bs-primary-rgb: 202, 74, 63;
    --ct-primary: #ca4a3f;
    --ct-primary-rgb: 202, 74, 63;
}

/* Glavna dugmad */
.btn-primary {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #b64036 !important;
    border-color: #b64036 !important;
}

/* Linkovi i primary tekst */
.text-primary,
a.text-primary,
.page-link {
    color: #ca4a3f !important;
}

/* Aktivna stranica u paginaciji */
.page-item.active .page-link {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
    color: #fff !important;
}

/* Focus na inpute */
.form-control:focus,
.form-select:focus {
    border-color: #ca4a3f !important;
    box-shadow: 0 0 0 0.2rem rgba(202, 74, 63, 0.15) !important;
}

/* Checkbox / radio */
.form-check-input:checked {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
}

/* Aktivni tabovi / pillovi */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
    color: #fff !important;
}



/* Ikonice */
.icon-dual-primary {
    color: #ca4a3f !important;
}

/* Badge / oznake */
.badge.bg-primary,
.bg-primary {
    background-color: #ca4a3f !important;
}

/* Outline dugme ako ga negdje koristiš */
.btn-outline-primary {
    color: #ca4a3f !important;
    border-color: #ca4a3f !important;
}

.btn-outline-primary:hover {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
    color: #fff !important;
}




#side-menu > li.menuitem-active > a,
#side-menu .nav-second-level li.menuitem-active > a,
#side-menu .nav-second-level a.tp-link.active {
    background-color: transparent !important;
    color: #ca4a3f !important;
    box-shadow: none !important;
}

#side-menu > li.menuitem-active > a span,
#side-menu > li.menuitem-active > a i,
#side-menu > li.menuitem-active > a svg,
#side-menu > li.menuitem-active > a .menu-arrow {
    color: #ca4a3f !important;
    stroke: #ca4a3f !important;
}



#side-menu > li > a:hover svg,
#side-menu > li > a:hover i {
    stroke: #ca4a3f !important;
    color: #ca4a3f !important;
}



/* =========================
   SIDEBAR - samo crvena boja, bez hover boxa
   ========================= */

/* Glavni linkovi i podlinkovi - bez pozadine */
#side-menu > li > a,
#side-menu .nav-second-level li > a {
    background: transparent !important;
    box-shadow: none !important;
}

/* Hover - bez boxa */
#side-menu > li > a:hover,
#side-menu > li > a:focus,
#side-menu .nav-second-level li > a:hover,
#side-menu .nav-second-level li > a:focus,
#side-menu .tp-link:hover,
#side-menu .tp-link:focus {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Aktivni/open elementi - bez boxa */
#side-menu > li.menuitem-active,
#side-menu > li.menuitem-active > a,
#side-menu .nav-second-level li.menuitem-active,
#side-menu .nav-second-level li.menuitem-active > a,
#side-menu .nav-second-level a.tp-link.active,
#side-menu a.active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Tekst aktivnog i hover stanja */
#side-menu > li > a:hover,
#side-menu > li > a:hover span,
#side-menu > li.menuitem-active > a,
#side-menu > li.menuitem-active > a span,
#side-menu .nav-second-level a:hover,
#side-menu .nav-second-level a.tp-link.active,
#side-menu .nav-second-level li.menuitem-active > a,
#side-menu a.active {
    color: #ca4a3f !important;
}

/* Ikonice aktivnog i hover stanja */
#side-menu > li > a:hover i,
#side-menu > li > a:hover svg,
#side-menu > li.menuitem-active > a i,
#side-menu > li.menuitem-active > a svg,
#side-menu a.active i,
#side-menu a.active svg {
    color: #ca4a3f !important;
    stroke: #ca4a3f !important;
}

/* Podlinkovi hover */
#side-menu .tp-link:hover,
#side-menu .tp-link:focus,
#side-menu .tp-link.active {
    color: #ca4a3f !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Strelica menija - ukloni plavo */
#side-menu > li > a .menu-arrow,
#side-menu > li.menuitem-active > a .menu-arrow,
#side-menu > li > a:hover .menu-arrow {
    color: #ca4a3f !important;
}

/* Ako tema crta strelicu preko pseudo elementa */
#side-menu > li > a .menu-arrow::before,
#side-menu > li > a .menu-arrow::after,
#side-menu > li.menuitem-active > a .menu-arrow::before,
#side-menu > li.menuitem-active > a .menu-arrow::after,
#side-menu > li > a:hover .menu-arrow::before,
#side-menu > li > a:hover .menu-arrow::after {
    border-color: #ca4a3f !important;
}

/* Bootstrap collapse link koji je otvoren */
#side-menu > li > a[aria-expanded="true"],
#side-menu > li > a[aria-expanded="true"] span,
#side-menu > li > a[aria-expanded="true"] i,
#side-menu > li > a[aria-expanded="true"] svg,
#side-menu > li > a[aria-expanded="true"] .menu-arrow {
    color: #ca4a3f !important;
    stroke: #ca4a3f !important;
    background: transparent !important;
    background-color: transparent !important;
}