/* Osnovni videz linkov */
.toggle-link {
    color: #598a29;              /* barva besedila – tukaj modra, spremeni po želji */
    text-decoration: none;       /* brez podčrtaja */
    padding: 5px 20px;          /* malo "gumb efekta" */
    margin-right: 15px;          /* razmik med linkoma */
    background-color: #e0e0e0;   /* ozadje – svetlo sivo */
    border: 1px solid #ddd;      /* rob */
    border-radius: 5px;          /* zaokroženi robovi */
    display: inline-block;       /* da padding in margin delujeta pravilno */
    transition: all 0.3s ease;   /* gladka animacija ob prehodu */
}

/* Ko je link aktiven (po kliku) */
.toggle-link.active {
    color: white;                /* bela besedila */
    background-color: #598a29;   /* temno modro ozadje – enako kot barva besedila zgoraj */
    font-weight: bold;           /* krepko */
    border-color: https://www.youtube.com/watch?v=oK108W8goOY;       /* malo temnejši rob */
}

/* Opcijsko: hover efekt (ko greš z miško čez) */
.toggle-link:hover {
    background-color: #e0e0e0;
    color: #78bc13;
}