/* CODE varijanta kalendara. */
body.code-tema .kalendar-dan {
    color: var(--tekst-sekundarni);
    border: 1px solid transparent;
    border-radius: 3px;
}

body.code-tema .kalendar-dan:hover {
    border-color: var(--ivica-svetla);
    color: var(--tekst-primarni);
}

body.code-tema .kalendar-dan.drugi-mesec {
    color: var(--tekst-muted);
    opacity: 0.55;
}

body.code-tema .kalendar-dan.danas {
    border-color: var(--primarna);
    color: var(--primarna);
    box-shadow: 0 0 16px rgba(var(--gx-rgb), 0.3), inset 0 0 12px rgba(var(--gx-rgb), 0.1);
    text-shadow: 0 0 10px rgba(var(--gx-rgb), 0.5);
}

body.code-tema .kalendar-dan.ima-beleske {
    color: var(--tekst-primarni);
    box-shadow: inset 0 0 12px rgba(var(--gx-rgb), 0.1);
}

body.code-tema .kalendar-dan.ima-beleske::before,
body.code-tema .kalendar-dan.ima-beleske::after {
    filter: drop-shadow(0 0 4px rgba(var(--gx-rgb), 0.8));
}

body.code-tema .kalendar-dan.izabran {
    background: var(--primarna);
    border-color: var(--primarna);
    color: var(--primarna-tekst);
    font-weight: 800;
    text-shadow: none;
    box-shadow: 0 0 18px rgba(var(--gx-rgb), 0.45);
}

body.code-tema .kalendar-dan.izabran.danas {
    box-shadow: inset 0 0 0 2px var(--bg-kartica), 0 0 18px rgba(var(--gx-rgb), 0.45);
}

body.code-tema .kalendar-danas-dugme {
    background: rgba(var(--gx-rgb), 0.1);
    border-color: rgba(var(--gx-rgb), 0.35);
    color: var(--primarna);
    text-shadow: 0 0 8px rgba(var(--gx-rgb), 0.4);
    border-radius: 2px;
}

body.code-tema .kalendar-danas-dugme:hover {
    background: rgba(var(--gx-rgb), 0.18);
    box-shadow: 0 0 16px rgba(var(--gx-rgb), 0.3);
}