/*
 * CSS pro vrstvení ikon (oko v trojúhelníku)
 */
.icon-stack {
    position: relative;
    display: inline-block;
    width: 1.2em; /* Šířka kontejneru */
    height: 1.2em; /* Výška kontejneru */
    line-height: 1.2em;
    vertical-align: middle;
}

    /* Spodní vrstva: Trojúhelník */
    .icon-stack .triangle-background {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.2em; /* Velikost trojúhelníku (o něco větší než kontejner) */
        color: #495057; /* Barva trojúhelníku (např. tmavě šedá) */
    }

    /* Horní vrstva: Oko */
    .icon-stack .eye-foreground {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* Centrování oka uvnitř kontejneru */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.6em; /* Velikost oka (menší, aby se vešlo dovnitř) */
        color: white; /* Barva oka (bílá pro kontrast) */
        /* Posunutí oka mírně nahoru, aby bylo v optickém středu trojúhelníku */
        transform: translateY(-5%);
    }