/**
 * Psyche - STYLE MAPY STRONY
 * Ladowane wylacznie na stronie mapy serwisu (mapa-strony.php)
 */

.sekcja-mapy { padding: var(--o-12) 0 var(--o-24); }

.blok-sekcji-mapy { margin-bottom: var(--o-16); }
.tytul-blok-mapy {
    font-family: var(--f-tytulowa);
    font-size: var(--r-2xl);
    font-weight: 700;
    color: var(--c-tekst);
    margin-bottom: var(--o-8);
    padding-bottom: var(--o-4);
    border-bottom: 1px solid var(--c-ramka);
}

/* Drzewo kategorii mapy - rekurencyjne wciecia per poziom */
.blok-kategorii-mapy {
    margin-bottom: var(--o-6);
    padding: var(--o-6);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 14px;
}
.blok-kategorii-mapy.poziom-1 { margin-left: var(--o-6); margin-top: var(--o-4); background: var(--c-tlo); }
.blok-kategorii-mapy.poziom-2 { margin-left: var(--o-6); margin-top: var(--o-4); }

.naglowek-kategorii-mapy { margin-bottom: var(--o-3); }
.naglowek-kategorii-mapy a {
    font-family: var(--f-tytulowa);
    font-size: var(--r-lg);
    font-weight: 600;
    color: var(--c-tekst);
}
.naglowek-kategorii-mapy a:hover { color: var(--c-fiolet); }
.opis-kategorii-mapy-maly { display: block; font-size: var(--r-sm); color: var(--c-tekst-2); margin-top: var(--o-1); }

.lista-artykulow-mapy { list-style: none; display: flex; flex-direction: column; gap: var(--o-2); margin-bottom: var(--o-3); }
.lista-artykulow-mapy a { font-size: var(--r-sm); color: var(--c-szarofiolet); transition: color var(--czas-baza); }
.lista-artykulow-mapy a:hover { color: var(--c-mgielka); }
.wiecej-artykulow-mapy { font-family: var(--f-mono); font-size: var(--r-xs); color: var(--c-tekst-2); }
.brak-artykulow-mapy { font-size: var(--r-sm); color: var(--c-tekst-2); font-style: italic; }

/* Strony statyczne */
.lista-stron-mapy { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--o-3); }
@media (max-width: 768px) { .lista-stron-mapy { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .lista-stron-mapy { grid-template-columns: 1fr; } }
.lista-stron-mapy a {
    display: block;
    padding: var(--o-3) var(--o-4);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 10px;
    font-size: var(--r-sm);
    color: var(--c-szarofiolet);
    transition: border-color var(--czas-baza), color var(--czas-baza);
}
.lista-stron-mapy a:hover { border-color: var(--c-fiolet); color: var(--c-mgielka); }

/* Tagi z licznikiem */
.licznik-znacznika { font-family: var(--f-mono); font-size: 10px; color: var(--c-tekst-2); margin-left: 4px; }