/* --- KONTAJNER ČLÁNKU --- */
.news-item-detail article {
    --c-text: #262626;
    --c-accent: #8d6e63; /* Teplá hnedá */
    --c-green: #556b2f;  /* Olivová */
    --c-bg: #fffbf9;     /* Papierová biela */
    --c-border: #efebe9;

    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    max-width: 850px;
    margin: 40px auto;
    padding: 60px 50px;
    background: var(--c-bg);
    color: var(--c-text);
    line-height: 1.8;
    border: 1px solid var(--c-border);
    box-shadow: 0 10px 40px rgba(0,0,0,0.03);
}

/* --- HLAVIČKA (Nadpis a čas) --- */
.news-item-detail article header {
    text-align: center;
    margin-bottom: 40px;
}

.news-item-detail article header h1 {
    font-family: Georgia, 'Playfair Display', serif;
    font-size: 2.8rem;
    line-height: 1.2;
    color: var(--c-text);
    margin-bottom: 15px;
    font-weight: 400;
}

.news-item-detail article header time {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 1.3rem;
    color: var(--c-accent);
}

/* --- HLAVNÝ OBRÁZOK (Hero image) --- */
.news-item-detail article > img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    border: 15px solid white;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* --- TEXTOVÝ OBSAH (div class="text") --- */
.news-item-detail .text {
    font-size: 1.3rem;
}

/* Perex (prvý odsek v texte) */
.news-item-detail .text p:first-of-type {
    font-size: 1.4rem;
    font-style: italic;
    color: #5d4037;
    margin-bottom: 40px;
    border-left: 4px solid var(--c-accent);
    padding-left: 30px;
    text-align: left;
}

/* Ostatné odseky */
.news-item-detail .text p {
    text-align: justify;
    margin-bottom: 24px;
}

/* Automatické medzinadpisy (Strong na začiatku odseku <p>) */
.news-item-detail .text p > strong:first-child {
    /*display: block;
    font-family: Georgia, 'Playfair Display', serif;
    font-size: 1.8rem;
    color: var(--c-text);
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;*/
}

/* Obrázky vnútri textu */
.news-item-detail .text img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 45px auto;
    border: 10px solid white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* --- ZOZNAMY AKO KARTY --- */
.news-item-detail .text ul {
    list-style: none;
    padding: 0;
    margin: 40px 0;
}

.news-item-detail .text li {
    background: #ffffff;
    border: 1px solid var(--c-border);
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 4px;
    text-align: justify;
}

/* OPRAVA: Tučné písmo v zoznamoch */
.news-item-detail .text li strong:first-child {
    /* Už nie je block, aby nerozbíjalo vety ako pri slove "pod" */
    display: inline; 
    color: var(--c-green);
    font-size: 1.3rem; /* Rovnaké ako text */
    text-transform: none; /* Zrušené veľké písmená kvôli bezpečnosti */
    letter-spacing: normal;
}

/* Všetky ostatné strong (aj tie uprostred li) budú hnedé */
.news-item-detail .text strong,
.news-item-detail .text li strong {
    color: var(--c-accent);
    font-weight: 700;
}

/* Odkazy v texte */
.news-item-detail .text a {
    color: var(--c-accent);
    text-decoration: none;
    border-bottom: 1px dotted var(--c-accent);
    font-weight: 600;
}

/* --- PÄTIČKA (Navigácia a Diskusia) --- */
.news-item-detail article footer {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid var(--c-border);
    background: transparent;
}

.news-item-detail article footer a.btn {
    text-align: center;
    /*border-bottom: none !important;*/ /* Oprava podčiarknutia na tlačidlách */
}

/* --- RESPONZIVITA --- */
@media (max-width: 768px) {
    .news-item-detail article {
        padding: 30px 20px;
        margin: 10px;
        border: none;
    }
    .news-item-detail article header h1 {
        font-size: 2rem;
    }
    .news-item-detail .text p {
        text-align: left;
    }
}