/* CSS Document */

/*VLASTNÝ FAREBNÝ KRÚŽOK V ODRÁŽKACH*/
/* 1. Odstránenie predvolených odrážok:*/
.my-ul-ai {
    list-style: none; /* Toto je klúcové pre odstránenie predvolených odrážok */
    /* ... ostatné štýly ... */
}
/*Nastavením list-style: none; na <ul> elemente odstránime všetky predvolené odrážky.*/
/*2. Vytvorenie vlastných odrážok pomocou ::before:*/
.my-ul-ai li {
    position: relative; /* Dôležité pre umiestnenie pseudo-elementu */
    padding-left: 35px; /* Vytvoríme priestor pre vlastnú odrážku */
}
.my-ul-ai li::before {
    content: "\2022"; /* Unicode pre plnú odrážku (•). Môžeš použit aj iné, napr. "\25CF" pre väcší cierny kruh. */
    color: #007bff; /* Predvolená farba odrážky pre všetky clánky, napr. modrá */
    font-size: 1.2em; /* Velkost odrážky */
    position: absolute;
    left: 15px; /* Pozícia odrážky od lavého okraja <li> */
    top: 50%;
    transform: translateY(-50%); /* Centrovanie odrážky vertikálne */
}
/*Pre každý <li> element v zozname sme pridali position: relative; a padding-left, aby sme vytvorili priestor pre našu vlastnú odrážku.
Pseudo-element ::before sa používa na vloženie obsahu (nášho kruhu \2022) pred obsah <li>.
Pomocou position: absolute; a left, top, transform ho presne umiestnime tam, kde by mala byt odrážka.
color: #007bff; nastaví predvolenú farbu odrážky pre všetky clánky.*/
/*3. Štýlovanie oranžovej odrážky pre current-article:*/
.current-article {
    color: #999; /* Farba textu pre aktuálny clánok */
    /* Tu môžeš pridat aj dalšie štýly, napr. */
    /* font-weight: bold; */
    /* background-color: #f0f0f0; */
	margin-left: 6px;
}
.current-article a {
    color: #A4B2BE;  /* #99CCFF; Farba textu pre link */
    /* Tu môžeš pridat aj dalšie štýly, napr. */
    /* font-weight: bold; */
    /* background-color: #f0f0f0; */
}
.my-ul-ai li.current-article::before {
    color: #EEEEEE; /* #BBB; #FFA500; Oranžová farba pre odrážku aktuálneho clánku */
}
/*Táto nová CSS pravidlo prepíše farbu ::before pseudo-elementu špecificky pre <li> element, ktorý má triedu current-article. 
Tým sa dosiahne, že iba odrážka aktuálneho clánku bude oranžová, zatial co text <li> (a jeho odkaz <a>) si zachová svoju farbu 
(v tomto prípade som nechal text #333, ale môžeš ho zmenit na #ccc v .current-article pravidle, ak si to želáš pre celý text aktuálneho clánku).
Zhrnutie:
Tento prístup s pseudo-elementom ::before ti dáva plnú kontrolu nad štýlovaním odrážok nezávisle od farby textu. Stací skopírovat 
a nahradit existujúci CSS a JavaScript na tvojej PHP stránke.*/

.h1min {
	font-size:0.8em;
}