/* kk-page.css – statyczne strony WP */
:root {
    --gold: #d4af37;
    --gold-bright: #f3e5ab;
    --gold-dark: #b8860b;
    --slate-deep: #020617;
    --glass-border: rgba(212,175,55,0.2);
}
* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--slate-deep);
    color: #f1f5f9;
    margin: 0; padding: 0;
    overflow-x: hidden;
}
.kk-page-topbar {
    position: sticky; top: 0; z-index: 100;
    padding: 1rem 1.5rem;
    background: rgba(2,6,23,0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
}
.kk-page-topbar-inner {
    max-width: 1100px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
}
.kk-page-logo {
    display: flex; align-items: center; gap: .75rem; text-decoration: none;
}
.kk-page-logo-icon {
    width: 38px; height: 38px;
    background: linear-gradient(135deg, var(--gold), var(--gold-dark));
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
}
.kk-page-logo-text {
    font-family: 'Cinzel', serif; font-weight: 700; font-size: 1rem;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-bright) 50%, var(--gold-dark) 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; line-height: 1.2;
}
.kk-page-back {
    font-size: 10px; font-weight: 800; text-transform: uppercase;
    letter-spacing: .1em; color: var(--gold); text-decoration: none;
    padding: .4rem .9rem; border: 1px solid var(--glass-border);
    border-radius: 8px; transition: .2s;
}
.kk-page-back:hover { background: rgba(212,175,55,0.08); }
.kk-page-wrap {
    max-width: 900px; margin: 3rem auto; padding: 0 1.5rem 5rem;
}
.kk-page-content h1 {
    font-family: 'Cinzel', serif; font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 900; line-height: 1.1;
    background: linear-gradient(135deg, var(--gold), var(--gold-bright), var(--gold-dark));
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.5rem; display: inline-block;
    padding-bottom: .18em; padding-right: .08em;
}
.kk-page-content h2 {
    font-size: 1.25rem; font-weight: 900; color: #fff;
    margin: 2rem 0 .75rem; text-transform: uppercase; letter-spacing: .04em;
}
.kk-page-content h3 { font-size: 1rem; font-weight: 800; color: var(--gold); margin: 1.5rem 0 .5rem; }
.kk-page-content p  { font-size: .95rem; line-height: 1.85; color: #94a3b8; margin-bottom: 1rem; }
.kk-page-content a  { color: var(--gold); }
.kk-page-content a:hover { text-decoration: underline; }
.kk-page-content ul, .kk-page-content ol { padding-left: 1.5rem; margin: .75rem 0; }
.kk-page-content li { color: #94a3b8; margin-bottom: .4rem; font-size: .95rem; line-height: 1.7; }
.kk-page-content strong { color: #e2e8f0; }
.kk-page-content hr { border: none; border-top: 1px solid rgba(255,255,255,0.06); margin: 2rem 0; }
.kk-page-content table {
    width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .9rem;
}
.kk-page-content th {
    background: rgba(212,175,55,0.08); padding: .75rem 1rem;
    text-align: left; font-weight: 900; color: var(--gold);
    border: 1px solid rgba(255,255,255,0.06);
    font-size: .85rem; text-transform: uppercase; letter-spacing: .06em;
}
.kk-page-content td {
    padding: .75rem 1rem; border: 1px solid rgba(255,255,255,0.05); color: #94a3b8;
}

/* ── Skalowanie dla ekranów laptopowych (1024–1440px) ── */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
    html { zoom: 0.80; }
}