/* Strony prawne Cyberium w stylu lp5 (kontakt / regulamin / polityka).
   Chrome (nav, stopka, .btn, .pasek) dziedziczy z lp5.css — tu tylko treść. */

.prawne-body { background: var(--void); color: var(--tekst); font-family: var(--text); }

.prawne-main { padding-top: clamp(110px, 14vw, 170px); padding-bottom: var(--sekcja); }

.prawne.ramka { max-width: 900px; }

.prawne-head { padding-bottom: clamp(28px, 4vw, 48px); border-bottom: 1px solid var(--linia); margin-bottom: clamp(32px, 4vw, 52px); }
.prawne-eyebrow { color: var(--plazma-t); letter-spacing: .14em; text-transform: uppercase; margin: 0 0 14px; }
.prawne-h1 { font-size: clamp(2.5rem, 1rem + 5vw, 4.75rem); margin: 0; }
.prawne-lead { max-width: 62ch; margin: 18px 0 0; }

/* Typografia długiej treści (regulamin / polityka / kontakt) */
.prawne-tresc { font-size: var(--s-body); line-height: 1.7; color: var(--szary); }
.prawne-tresc > :first-child { margin-top: 0; }
.prawne-tresc h2 { font-family: var(--display); font-weight: 700; font-size: var(--s-h3); line-height: 1.15; letter-spacing: -0.015em; color: var(--tekst); margin: 2.2em 0 .6em; }
.prawne-tresc h3 { font-family: var(--display); font-weight: 700; font-size: 1.2rem; color: var(--tekst); margin: 1.8em 0 .5em; }
.prawne-tresc p { margin: 0 0 1.05em; }
.prawne-tresc strong, .prawne-tresc b { color: var(--tekst); font-weight: 600; }
.prawne-tresc a { color: var(--plazma-t); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--plazma-t) 40%, transparent); transition: color .2s, border-color .2s; }
.prawne-tresc a:hover { color: var(--tekst); border-color: var(--tekst); }
.prawne-tresc ul, .prawne-tresc ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.prawne-tresc li { margin: 0 0 .5em; }
.prawne-tresc ul li::marker { color: var(--plazma-t); }
.prawne-tresc hr { border: 0; border-top: 1px solid var(--linia); margin: 2.4em 0; }
.prawne-tresc table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: var(--s-small); }
.prawne-tresc th, .prawne-tresc td { text-align: left; padding: 10px 12px; border: 1px solid var(--linia); vertical-align: top; }
.prawne-tresc th { color: var(--tekst); background: var(--hull); }

/* --- Kontakt (dwie kolumny: wiadomość + dane firmy) --- */
.kontakt-siatka { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(24px, 3vw, 44px); align-items: start; }
.kontakt-mail { display: inline-flex; align-items: center; gap: 10px; margin: .4em 0 1.2em; font-family: var(--display); font-weight: 700; font-size: clamp(1.25rem, 1rem + 1vw, 1.8rem); color: var(--tekst); text-decoration: none; border: 0; }
.kontakt-mail:hover { color: var(--plazma-t); border: 0; }
.kontakt-czat { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 1.4em; }
.kontakt-czat-opis { color: var(--szary); font-size: var(--s-small); }
.kontakt-social { display: flex; gap: 12px; margin-top: 1.4em; }
.kontakt-social a { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--hull); border: 1px solid var(--linia); color: var(--tekst); text-decoration: none; transition: border-color .2s, background .2s; }
.kontakt-social a:hover { border-color: var(--plazma-t); background: var(--hull-2); }
.kontakt-social svg { width: 20px; height: 20px; }

.kontakt-dane { background: var(--hull); border: 1px solid var(--linia); border-radius: var(--r); padding: clamp(22px, 3vw, 34px); }
.kontakt-dane h3 { margin-top: 0; }
.kontakt-dane dl { margin: 0; display: grid; gap: .55em; }
.kontakt-dane dt { font: 500 var(--s-mono)/1.3 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--plazma-t); margin-top: .6em; }
.kontakt-dane dd { margin: 0; color: var(--tekst); }
.kontakt-dane dd.mono { font-family: var(--mono); font-size: var(--s-small); letter-spacing: .02em; }

@media (max-width: 760px) {
	.kontakt-siatka { grid-template-columns: 1fr; }
}