/* =====================================================================
   SP11 Głogów — listy, pojedyncze widoki i panel boczny v2.3.0
   Warstwa końcowa nad bazą SP Jaczów.
   Kolor wiodący: #005A46. Złoto pozostaje wyłącznie akcentem.
   ===================================================================== */

:root {
    --s11-content-green-950: #002f25;
    --s11-content-green-900: #004536;
    --s11-content-green-800: #005a46;
    --s11-content-green-700: #006b54;
    --s11-content-green-600: #16806a;
    --s11-content-green-100: #e4f0ec;
    --s11-content-green-50: #f5f9f7;
    --s11-content-gold: #d6a63b;
    --s11-content-gold-soft: #fbf3dc;
    --s11-content-ink: #17251f;
    --s11-content-muted: #52645c;
    --s11-content-line: #d5e0db;
    --s11-content-shadow: 0 0.9rem 2.25rem rgba(0, 47, 37, 0.09);
}

body.sp11-site .sp11-page-shell {
    background:
        radial-gradient(circle at 94% 4%, rgba(0, 90, 70, 0.07), transparent 22rem),
        linear-gradient(180deg, #ffffff 0%, var(--s11-content-green-50) 100%);
}

body.sp11-site .sp11-page-header {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 94% 15%, rgba(214, 166, 59, 0.13), transparent 13rem),
        linear-gradient(145deg, #ffffff 0%, var(--s11-content-green-50) 100%);
    border-color: var(--s11-content-line);
    box-shadow: var(--s11-content-shadow);
}

body.sp11-site .sp11-page-header::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0.25rem;
    background: linear-gradient(90deg, var(--s11-content-green-800) 0 72%, var(--s11-content-gold) 72% 86%, transparent 86%);
    content: "";
}

body.sp11-site .sp11-page-header h1,
body.sp11-site .spj-news-list__title,
body.sp11-site .spj-page-list__title,
body.sp11-site .sp11-content h2,
body.sp11-site .sp11-content h3,
body.sp11-site .sp11-content h4,
body.sp11-site .article-content h2,
body.sp11-site .article-content h3,
body.sp11-site .article-content h4,
body.sp11-site .strona-content h2,
body.sp11-site .strona-content h3,
body.sp11-site .strona-content h4 {
    color: var(--s11-content-green-950);
}

body.sp11-site .sp11-page-header p,
body.sp11-site .spj-news-list__excerpt,
body.sp11-site .spj-page-list__excerpt {
    color: var(--s11-content-muted);
}

body.sp11-site .sp11-eyebrow {
    color: var(--s11-content-green-800);
}

body.sp11-site .sp11-filter {
    background: #ffffff;
    border-color: var(--s11-content-line);
    box-shadow: 0 0.5rem 1.35rem rgba(0, 47, 37, 0.05);
}

body.sp11-site .sp11-filter label {
    color: var(--s11-content-green-950);
}

body.sp11-site .sp11-filter input[type="search"] {
    border-color: #90aaa0;
}

body.sp11-site .sp11-filter input[type="search"]:focus {
    border-color: var(--s11-content-green-800);
}

body.sp11-site .sp11-btn--primary,
body.sp11-site .sp11-pagination [aria-current="page"] {
    color: #ffffff;
    background: var(--s11-content-green-800);
    border-color: var(--s11-content-green-800);
}

body.sp11-site .sp11-btn--primary:hover,
body.sp11-site .sp11-btn--primary:focus-visible {
    color: #ffffff;
    background: var(--s11-content-green-900);
    border-color: var(--s11-content-green-900);
}

body.sp11-site .sp11-pagination a,
body.sp11-site .sp11-pagination span {
    color: var(--s11-content-green-900);
    border-color: #90aaa0;
}

body.sp11-site .sp11-pagination a:hover,
body.sp11-site .sp11-pagination a:focus-visible {
    color: #ffffff;
    background: var(--s11-content-green-700);
    border-color: var(--s11-content-green-700);
}

body.sp11-site .spj-news-list,
body.sp11-site .spj-page-list {
    border-top-color: var(--s11-content-line);
}

body.sp11-site .spj-news-list__item,
body.sp11-site .spj-page-list__item {
    border-right-color: var(--s11-content-line);
    border-bottom-color: var(--s11-content-line);
}

body.sp11-site .spj-news-list__item:hover,
body.sp11-site .spj-news-list__item:focus-within,
body.sp11-site .spj-page-list__item:hover,
body.sp11-site .spj-page-list__item:focus-within {
    background: var(--s11-content-green-50);
    border-left-color: var(--s11-content-gold);
}

body.sp11-site .spj-news-list__media,
body.sp11-site .spj-page-list__date {
    color: var(--s11-content-green-950);
    background:
        linear-gradient(145deg, rgba(0, 90, 70, 0.08), transparent 68%),
        var(--s11-content-green-50);
    border-right-color: var(--s11-content-gold);
}

body.sp11-site .spj-news-list__media--date {
    background:
        radial-gradient(circle at 70% 18%, rgba(214, 166, 59, 0.15), transparent 7rem),
        linear-gradient(145deg, var(--s11-content-green-100), var(--s11-content-green-50));
}

body.sp11-site .spj-news-list__date-month,
body.sp11-site .spj-page-list__date-month {
    color: var(--s11-content-green-800);
}

body.sp11-site .spj-news-list__date-year,
body.sp11-site .spj-news-list__published,
body.sp11-site .spj-page-list__date-year {
    color: var(--s11-content-muted);
}

body.sp11-site .spj-news-list__category,
body.sp11-site .spj-page-list__category {
    color: var(--s11-content-green-900);
    background: var(--s11-content-green-50);
    border-color: #bcd2ca;
}

body.sp11-site .spj-news-list__title a:hover,
body.sp11-site .spj-news-list__title a:focus-visible,
body.sp11-site .spj-page-list__title a:hover,
body.sp11-site .spj-page-list__title a:focus-visible,
body.sp11-site .spj-news-list__link:hover,
body.sp11-site .spj-news-list__link:focus-visible,
body.sp11-site .spj-page-list__link:hover,
body.sp11-site .spj-page-list__link:focus-visible {
    color: var(--s11-content-green-700);
}

body.sp11-site .spj-news-list__link,
body.sp11-site .spj-page-list__link {
    color: var(--s11-content-green-950);
    border-bottom-color: var(--s11-content-gold);
}

body.sp11-site .sp11-article-card,
body.sp11-site .sp11-content-card {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border-color: var(--s11-content-line);
    box-shadow: var(--s11-content-shadow);
}

body.sp11-site .sp11-article-card::before,
body.sp11-site .sp11-content-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0.25rem;
    background: linear-gradient(90deg, var(--s11-content-green-800) 0 80%, var(--s11-content-gold) 80% 100%);
    content: "";
}

body.sp11-site .sp11-meta {
    color: #385047;
    background: var(--s11-content-green-50);
    border-color: var(--s11-content-line);
}

body.sp11-site .sp11-meta a,
body.sp11-site .sp11-content a,
body.sp11-site .article-content a,
body.sp11-site .strona-content a {
    color: var(--s11-content-green-800);
}

body.sp11-site .sp11-content a:hover,
body.sp11-site .article-content a:hover,
body.sp11-site .strona-content a:hover {
    color: var(--s11-content-green-900);
}

body.sp11-site .sp11-content blockquote,
body.sp11-site .article-content blockquote,
body.sp11-site .strona-content blockquote {
    background: var(--s11-content-green-50);
    border-left-color: var(--s11-content-green-800);
}

body.sp11-site .sp11-content th,
body.sp11-site .article-content th,
body.sp11-site .strona-content th {
    color: #ffffff;
    background: var(--s11-content-green-800);
}

body.sp11-site .sp11-content th,
body.sp11-site .sp11-content td,
body.sp11-site .article-content th,
body.sp11-site .article-content td,
body.sp11-site .strona-content th,
body.sp11-site .strona-content td {
    border-color: #a9c1b8;
}

body.sp11-site .sp11-article-media {
    background: var(--s11-content-green-50);
    border-color: var(--s11-content-line);
}

body.sp11-site .sp11-article-caption {
    color: var(--s11-content-muted);
    background: var(--s11-content-green-50);
    border-top: 1px solid var(--s11-content-line);
}

body.sp11-site .sp11-article-nav {
    border-top-color: var(--s11-content-line);
}

body.sp11-site .sp11-article-nav a {
    color: var(--s11-content-green-900);
    background: var(--s11-content-green-50);
    border-color: var(--s11-content-line);
}

body.sp11-site .sp11-article-nav a:hover,
body.sp11-site .sp11-article-nav a:focus-visible {
    color: #ffffff;
    background: var(--s11-content-green-800);
    border-color: var(--s11-content-green-800);
}

body.sp11-site .etr-switcher__controls,
body.sp11-site .etr-switcher__panel,
body.sp11-site .metryczka {
    border-color: var(--s11-content-line);
}

body.sp11-site .etr-switcher__tab[aria-selected="true"],
body.sp11-site .etr-switcher__tab.is-active {
    color: #ffffff;
    background: var(--s11-content-green-800);
    border-color: var(--s11-content-green-800);
}

body.sp11-site .etr-switcher__panel--easy,
body.sp11-site .etr-intro,
body.sp11-site .metryczka {
    background: var(--s11-content-green-50);
}

body.sp11-site .metryczka {
    border-left: 0.25rem solid var(--s11-content-gold);
}

body.sp11-site .metryczka__heading,
body.sp11-site .metryczka__term {
    color: var(--s11-content-green-950);
}

body.sp11-site .sp11-sidebar > .sp11-sidebar-card,
body.sp11-site .sp11-sidebar > .spj-projects-sidebar,
body.sp11-site .sp11-sidebar .sp11-sidebar-card,
body.sp11-site .sp11-sidebar .spj-projects-sidebar {
    border-color: var(--s11-content-line);
    box-shadow: var(--s11-content-shadow);
}

body.sp11-site .sp11-sidebar .sp11-sidebar-card__head,
body.sp11-site .spj-projects-sidebar__heading {
    color: #ffffff;
    background:
        radial-gradient(circle at 90% 0%, rgba(214, 166, 59, 0.16), transparent 9rem),
        linear-gradient(135deg, var(--s11-content-green-700), var(--s11-content-green-950));
    border-top-color: var(--s11-content-gold);
}

body.sp11-site .sp11-sidebar .sp11-sidebar-card a {
    color: var(--s11-content-green-900);
    border-left-color: var(--s11-content-gold);
}

body.sp11-site .sp11-sidebar .sp11-sidebar-card a:hover,
body.sp11-site .sp11-sidebar .sp11-sidebar-card a:focus-visible {
    color: var(--s11-content-green-950);
    background: var(--s11-content-green-100);
}

body.sp11-site .spj-projects-sidebar__eyebrow {
    color: #f8dfa0;
}

body.sp11-site .spj-projects-sidebar__group + .spj-projects-sidebar__group {
    border-top-color: var(--s11-content-line);
}

body.sp11-site .spj-projects-sidebar__group h3,
body.sp11-site .spj-projects-sidebar__text strong {
    color: var(--s11-content-green-900);
}

body.sp11-site .spj-projects-sidebar__description,
body.sp11-site .spj-projects-sidebar__text span {
    color: var(--s11-content-muted);
}

body.sp11-site .spj-projects-sidebar__link {
    color: var(--s11-content-ink);
    border-color: var(--s11-content-line);
}

body.sp11-site .spj-projects-sidebar__link:hover,
body.sp11-site .spj-projects-sidebar__link:focus-visible {
    color: var(--s11-content-green-950);
    background: var(--s11-content-green-50);
    border-color: var(--s11-content-green-700);
}

body.sp11-site .spj-projects-sidebar__arrow {
    color: var(--s11-content-green-800);
}

body.sp11-site .news-item,
body.sp11-site .search-result-item,
body.sp11-site main .card {
    background: #ffffff;
    border-color: var(--s11-content-line);
    box-shadow: 0 0.55rem 1.5rem rgba(0, 47, 37, 0.06);
}

body.sp11-site main .card-title,
body.sp11-site main .card-title a,
body.sp11-site .news-item h2,
body.sp11-site .search-result-item h2 {
    color: var(--s11-content-green-950);
}

body.sp11-site main .btn-primary,
body.sp11-site main .btn-outline-secondary:hover,
body.sp11-site main .btn-outline-secondary:focus-visible {
    color: #ffffff;
    background: var(--s11-content-green-800);
    border-color: var(--s11-content-green-800);
}

body.sp11-site main .btn-outline-secondary {
    color: var(--s11-content-green-900);
    border-color: var(--s11-content-green-800);
}

body.sp11-site .search-kind-badge,
body.sp11-site .tag {
    color: var(--s11-content-green-900);
    background: var(--s11-content-green-50);
    border-color: #bcd2ca;
}

@media (forced-colors: active) {
    body.sp11-site .sp11-page-header,
    body.sp11-site .sp11-article-card,
    body.sp11-site .sp11-content-card,
    body.sp11-site .sp11-sidebar-card,
    body.sp11-site .spj-projects-sidebar,
    body.sp11-site .spj-news-list__item,
    body.sp11-site .spj-page-list__item {
        color: CanvasText;
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
    }
}

@media print {
    body.sp11-site .sp11-page-shell,
    body.sp11-site .sp11-page-header,
    body.sp11-site .sp11-article-card,
    body.sp11-site .sp11-content-card,
    body.sp11-site .sp11-meta,
    body.sp11-site .metryczka {
        color: #000000;
        background: #ffffff;
        box-shadow: none;
    }

    body.sp11-site .sp11-page-header::before,
    body.sp11-site .sp11-article-card::before,
    body.sp11-site .sp11-content-card::before {
        display: none;
    }
}
