/* === GLOBAL === */
html,
body {
    height: 100%;
}

body {
    font-family: var(--font-base);
    background-color: var(--bg);
    color: var(--dark-gray);
}

a {
    text-decoration: none;
    color: #0c0c0c;
}

/* === NASLOVI === */
h4 {
    font-weight: 700;
    color: #212529;
}

h4,
.card-title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.card-body h5,
.card-body h6 {
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
}

/* === LISTE === */
ul.list-unstyled li {
    font-size: 0.95rem;
    line-height: 1.5;
}

/* === CANVAS / GRAFICI === */
canvas {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
}

/* === TEKST === */
.text-muted small {
    font-size: 0.85rem;
}

.card-title {
    font-weight: 600;
    color: var(--secondary);
}

/* === CONTENT BLOK === */
.content {
    border: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px;
}

.content span:hover {
    cursor: pointer;
}

/* === DROPDOWN === */
.dropdown-menu {
    min-width: 40px;
}

/* === TOOLTIP (osnovna poravnanja, boje idu u tooltip.css) === */
.tooltip-inner {
    text-align: center;
    max-width: 300px;
}

/* === ANIMACIJE (iz animations.css) === */
@keyframes scaleIn {
    from { transform: scale(.9); opacity: 0; }
    to   { transform: scale(1);  opacity: 1; }
}

/* === POMOĆNE KLASE (iz helpers.css) === */
.rotate-180 { transform: rotate(180deg); }