/* ====================================
   LEGAL PAGES
==================================== */

.legal-page-header {

     margin-top: 0;
    padding: 140px 0 60px;


}
/* navbar przed scroll */


/* po scroll pozostaw zachowanie z main.js */

#pb-navbar.scrolled {

    background: var(--kpss-bg-white);
}
body.legal-page #pb-navbar {

    background: var(--kpss-green);
}

.legal-page-header h1 {

    color: var(--kpss-green);

    font-size: 2.5rem;

    font-weight: 300;

    margin-bottom: 20px;
}

.legal-page-header p {

    max-width: 700px;

    margin: 0 auto;

    color: #666;

    font-size: 1.1rem;
}
.legal-navbar {

    background: var(--kpss-green);

    box-shadow: var(--shadow-md);
}


/* ==========================
   ZAWARTOŚĆ DOKUMENTU
========================== */

.legal-content {

    padding: 70px 0;

    background: #f5f6f7;
}

.legal-document {

    max-width: 1100px;

    margin: 0 auto;

    background: var(--kpss-bg-white);

    padding: 50px 60px;

    border-radius: var(--radius-md);

    box-shadow: var(--shadow-sm);
}

/* ==========================
   SPIS TREŚCI
========================== */

.legal-toc {

    background: var(--kpss-bg-light);

    border-left: 4px solid var(--kpss-gold);

    padding: 25px;

    border-radius: var(--radius-md);
    margin-bottom: 50px;
}

.legal-toc h3 {

    color: var(--kpss-green);

    margin-bottom: 15px;

    font-size: 1.1rem;
}

.legal-toc ul {

    list-style: none;

    padding: 0;
    margin: 0;
}

.legal-toc li {

    margin-bottom: 8px;
}

.legal-toc a {

    color: #444;

    text-decoration: none;
}

.legal-toc a:hover {

    color: var(--kpss-gold);
}

/* ==========================
   TREŚĆ
========================== */

.legal-document h2 {

    color: var(--kpss-green);

    font-size: 1.4rem;

    margin-top: 45px;
    margin-bottom: 15px;

    padding-bottom: 8px;

    border-bottom: 2px solid rgba(168,134,34,.25);
}

.legal-document p {

    color: #444;

    line-height: 1.8;

    margin-bottom: 15px;
}
/* ==========================
   LISTY W DOKUMENTACH
========================== */

.legal-list {

    list-style: none;

    margin: 20px 0;
    padding: 0;
}

.legal-list li {

    position: relative;

    padding: 0 0 0 22px;

    margin-bottom: 12px;

    line-height: 1.8 
}
.legal-list li::before {

    content: "";

    position: absolute;

    left: 0;
    top: 10px;

    width: 8px;
    height: 2px;

    background: var(--kpss-gold);

    border-radius: 2px;
}