/* Zajišťuje, že indikátor je umístěn v rámci karty */
.card {
    position: relative; 
    overflow: hidden; /* Skryje části indikátoru, které by přesahovaly */
}

/* Vlastní indikátor (trojúhelník) */
.reservation-indicator {
    position: absolute;
    top: -2px; /* Mírně mimo pro efekt */
    right: -2px;
    width: 0;
    height: 0;
    border-top: 40px solid #dc3545; /* Red color (Bootstrap danger) */
    border-left: 40px solid transparent;
    z-index: 10;
}

/* Umístění písmene 'R' do trojúhelníku */
.reservation-indicator::after {
    content: "R";
    position: absolute;
    top: -36px; /* Nastaví vertikální pozici písmene */
    right: 4px; /* Nastaví horizontální pozici písmene */
    color: white;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1;
}

/* 1. Cílí na jakýkoliv vnořený seznam UL s třídou .nav flex-column */
/* Tento selektor je bezpečnější a cílí na UL uvnitř jiného UL,
   což víceméně odpovídá vnořené struktuře menu. */
#sidebarMenu .nav .collapse .nav {
    /* Přidá levé odsazení celému bloku podřízených položek (<ul>). */
    /* Zajišťuje vizuální oddělení. */
    padding-left: 1rem; /* 16px */
}

/* 2. (Volitelné) Odsazení přímo na link, pokud byste chtěl jemnější posun */
/* Cílí na vnořené odkazy .nav-link, pokud byste chtěl odsazení aplikovat na ně */
#sidebarMenu .nav .collapse .nav-item .nav-link {
    /* Přidá odsazení přímo na odkaz, navazující na odsazení z UL (padding-left: 1rem) */
    /* Většinou je ale lepší pracovat pouze s odsazením na UL, viz výše. */
    /* padding-left: 0.5rem; */ 
}