/* --- LOKÁLNÍ STYLY PRO PŘÍLOHY SMĚRNICE O VZDĚLÁVÁNÍ --- */

.priloha-container h3 {
    font-size: 1.5rem;
    color: #0070af; /* Pionýrská modrá pro hlavní kategorie */
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.priloha-container h4 {
    font-size: 1.3rem;
    color: #57aa27; /* Pionýrská zelená pro konkrétní kvalifikace */
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-variant: small-caps;
}

.priloha-container h5 {
    font-size: 1.1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #333;
}

.priloha-container .cile-nadpis {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 5px;
    margin-top: 10px;
}

.priloha-container ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.priloha-container ul li {
    margin-bottom: 5px;
    list-style-type: disc; /* Standardní tečky pro cíle */
}

/* Odborné kompetence (a, b, c) a jejich podbody */
.kompetence-list {
    padding-left: 20px;
}

.kompetence-list > li {
    font-weight: bold;
    margin-top: 15px;
    list-style-type: lower-alpha;
}

.kompetence-list > li > ul {
    font-weight: normal;
    margin-top: 8px;
}

.kompetence-list > li > ul > li {
    list-style-type: circle;
}

/* Box pro způsob získávání kompetencí */
.ziskavani-box {
    background-color: #f2f7ec;
    border-left: 4px solid #57aa27;
    padding: 15px;
    margin-top: 20px;
    border-radius: 0 8px 8px 0;
}

.ziskavani-box p {
    margin-bottom: 5px;
}

/* --- BADGES (Štítky připravené pro Přílohu A2) --- */
.badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: bold;
    margin-left: 8px;
    vertical-align: middle;
}

.badge-pisemne {
    background-color: #e0f0ff;
    color: #0070af;
}

.badge-prakticky {
    background-color: #e6f4e1;
    color: #57aa27;
}

.badge-kombi {
    background-color: #fcefdc;
    color: #d48a1a;
}

/* --- STYLY PRO ROZCESTNÍK PŘÍLOH (Seznamy) --- */
.attachment-list, .download-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
}

.attachment-list li, .download-list li {
    margin-bottom: 10px !important;
}

/* Tlačítkový vzhled pro odkazy na přílohy */
.attachment-list a, .download-list a {
    display: block;
    padding: 15px 20px;
    background-color: #f2f7ec;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    border-left: 5px solid #57aa27; /* Zelený pruh pro webové přílohy */
    transition: all 0.2s ease;
    font-size: 1.1rem;
}

.attachment-list a:hover, .download-list a:hover {
    background-color: #e6f0db;
    transform: translateX(5px); /* Jemný posun doprava při najetí myší */
}

.attachment-list a strong, .download-list a strong {
    color: #0070af; /* Modré označení čísla přílohy */
    margin-right: 5px;
}

/* Odlišení souborů ke stažení (Modrý pruh) */
.download-list a {
    background-color: #eef5f9;
    border-left-color: #0070af; 
}

.download-list a:hover {
    background-color: #e0eef5;
}

/* Vynucení černé barvy textu pro lepší čitelnost v přílohách */
.priloha-container {
    color: #000;
}

/* --- BEZPEČNÉ ČÍSLOVÁNÍ PRO ZKUŠEBNÍ ŘÁD (Příloha B3) --- */

/* První úroveň: (1), (2), (3)... */
ol.zavorky-cisla {
    list-style-type: none; /* Skryje výchozí prohlížečové číslování */
    counter-reset: cislo;
    padding-left: 0;
    margin-bottom: 10px;
}

ol.zavorky-cisla > li {
    counter-increment: cislo;
    position: relative;
    padding-left: 30px; /* Vytvoří prostor pro číslo */
    margin-bottom: 8px;
}

ol.zavorky-cisla > li::before {
    content: "(" counter(cislo) ")";
    position: absolute;
    left: 0;
    font-weight: bold; /* Zvýrazní číslování, jak je v originále */
}

/* Druhá úroveň: a), b), c)... */
ol.zavorky-pismena {
    list-style-type: none;
    counter-reset: pismeno;
    padding-left: 0;
    margin-top: 8px;
}

ol.zavorky-pismena > li {
    counter-increment: pismeno;
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
}

ol.zavorky-pismena > li::before {
    content: counter(pismeno, lower-alpha) ")";
    position: absolute;
    left: 0;
    font-weight: normal;
}