/* ============================================================
   NEWS / NOVINKY — plná integrace s tématy + oprava odsazení
   ============================================================ */

/* === ZÁKLADNÍ FIREMNÍ BARVY === */
:root {
    --bs-primary: #893132;
    --bs-primary-hover: #a84444;
    --accent-contrast: #fff;
}

/* === KARTY === */
.news .card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: none;
    border-radius: .9rem;
    background: var(--card-bg, #fff);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.05);
    color: var(--text, #111);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, background .3s ease;
}

.news .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.1);
}

/* Obrázek v kartě */
.news .card-img-top {
    height: 180px;
    object-fit: cover;
    display: block;
    width: 100%;
    border-top-left-radius: .9rem;
    border-top-right-radius: .9rem;
    transition: transform .35s ease, filter .35s ease;
}

.news .card:hover .card-img-top {
    transform: scale(1.03);
    filter: brightness(0.95);
}

/* Textové části */
.news .card-body {
    padding: 1.25rem;
    background: var(--card-bg, #fff);
    color: var(--text, #111);
}

.news .meta {
    font-size: .85rem;
    color: var(--text-muted, #6c757d);
}

.news .card-title {
    margin: .25rem 0 .25rem;
    font-weight: 600;
    color: var(--text, #111);
}

.news .card-text {
    color: color-mix(in srgb, var(--text, #111) 75%, var(--paper-1, #fff));
}

/* Odkazy v kartách (Číst více →) */
.news a.text-primary,
.news-listing a.text-primary {
    color: var(--bs-primary, #893132) !important;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s ease;
}

.news a.text-primary:hover,
.news-listing a.text-primary:hover {
    color: var(--bs-primary-hover, #a84444) !important;
}

/* === PŘEHLED NOVINEK === */
.news-listing header {
    text-align: center;
    padding: 5rem 0 2rem;
    background: linear-gradient(
            180deg,
            var(--paper-hero-top, #fdfdfc) 0%,
            var(--paper-hero-bottom, #e4e4e4) 100%
    );
    color: var(--text, #111);
}

.news-listing .text-muted {
    margin-bottom: 0;
    color: var(--text-muted, #6c757d);
}

.news-listing header h1 {
    font-weight: 700;
    margin-bottom: .5rem;
    color: var(--text, #111);
}

/* === KARTY V SEZNAMU === */
.news-listing .card {
    border: none;
    border-radius: .9rem;
    background: var(--card-bg, #fff);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.05);
    transition: transform .25s, box-shadow .25s, background .3s ease;
    height: 100%;
    color: var(--text, #111);
    overflow: hidden;
}

.news-listing .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.1);
}

/* Obrázek */
.news-listing .card-img-top {
    height: 200px;
    object-fit: cover;
    display: block;
    width: 100%;
    border-top-left-radius: .9rem;
    border-top-right-radius: .9rem;
    transition: transform .35s ease, filter .35s ease;
}

.news-listing .card:hover .card-img-top {
    transform: scale(1.03);
    filter: brightness(0.95);
}

/* Obsah */
.news-listing .card-body {
    padding: 1.25rem;
    background: var(--card-bg, #fff);
    color: var(--text, #111);
}

.news-listing .meta {
    font-size: .85rem;
    color: var(--text-muted, #6c757d);
}

.news-listing .card-title {
    margin-top: .5rem;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text, #111);
}

/* === SEKCIONÁLNÍ ODKAZ "VÍCE" === */
.news .more {
    text-align: center;
    margin-top: 2rem;
}

.news .more a {
    display: inline-block;
    color: var(--bs-primary, #893132);
    font-weight: 600;
    text-decoration: none;
    padding: .6rem 1.2rem;
    border: 2px solid var(--bs-primary, #893132);
    border-radius: .7rem;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

.news .more a:hover {
    background: var(--bs-primary, #893132);
    color: var(--accent-contrast, #fff);
}

/* === STRÁNKOVÁNÍ === */
.news-listing .pagination {
    justify-content: center;
    margin-top: 3rem;
    gap: 5px;
}

.pagination .page-link {
    border: none;
    border-radius: .5rem;
    color: var(--bs-primary, #893132);
    background: color-mix(in srgb, var(--paper-1, #fff) 90%, var(--paper-2, #e4e4e4));
    backdrop-filter: blur(10px);
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

.pagination .page-link:hover {
    background: var(--bs-primary, #893132);
    color: var(--accent-contrast, #fff);
    box-shadow: 0 0 10px rgba(137,49,50,0.25);
}

/* Aktivní stránka */
.pagination .page-item.active .page-link {
    background: var(--bs-primary, #893132) !important;
    color: var(--accent-contrast, #fff) !important;
    font-weight: 600;
    box-shadow: 0 0 0 2px rgba(137,49,50,0.3);
    pointer-events: none;
}

/* === DARK MODE === */
html[data-theme="dark"] .news-listing header {
    background: linear-gradient(
            180deg,
            var(--paper-hero-top, #17181a) 0%,
            var(--paper-hero-bottom, #121315) 100%
    );
}

html[data-theme="dark"] .news .card,
html[data-theme="dark"] .news-listing .card {
    background: var(--card-bg, #18191b);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.3);
}

html[data-theme="dark"] .news .card:hover,
html[data-theme="dark"] .news-listing .card:hover {
    box-shadow: 0 1rem 2rem rgba(0,0,0,0.45);
}

html[data-theme="dark"] .news .more a {
    border-color: var(--bs-primary, #893132);
    color: var(--bs-primary, #893132);
}

html[data-theme="dark"] .news .more a:hover {
    background: var(--bs-primary, #893132);
    color: var(--accent-contrast, #fff);
}

html[data-theme="dark"] .pagination .page-link {
    background: color-mix(in srgb, var(--paper-1, #0f0f10) 85%, var(--paper-2, #1a1b1d));
    color: var(--bs-primary, #893132);
}

html[data-theme="dark"] .pagination .page-link:hover,
html[data-theme="dark"] .pagination .page-item.active .page-link {
    background: var(--bs-primary, #893132);
    color: var(--accent-contrast, #fff);
}