/* =========================================================================
   SZWEDZKI W GŁOWIE — wygląd „KSIĄŻKA” dla stron pomocniczych
   -------------------------------------------------------------------------
   Odpowiednik assets/styl-ksiazka.css dla stron PHP obsługiwanych przez
   assets/styl-strony.css: kup, partner, kontakt, regulaminy, logowanie,
   potwierdzenie, usuwanie konta, prawa autorskie, impressum, prywatność.

   Wczytywany ZA styl-strony.css; wszystkie reguły są zamknięte
   w `html[data-wyglad="ksiazka"]`, więc przy „Kokpicie” plik nic nie robi.

   DLACZEGO OSOBNY PLIK, A NIE styl-ksiazka.css
   --------------------------------------------
   Strony PHP używają tych samych NAZW klas co kurs (.karta, .btn, .tag,
   .pole, .sv), ale w innym znaczeniu — np. `.btn` jest tu przyciskiem
   głównym (wypełnionym), a w kursie przyciskiem zwykłym (obrysowanym).
   Wspólny arkusz odwróciłby przyciski na stronie zakupu.

   Deklaracje @font-face są celowo powtórzone z styl-ksiazka.css — dzięki
   temu każdy arkusz jest samodzielny, a przeglądarka i tak pobiera plik
   pisma tylko raz (ten sam adres = ta sama pozycja w pamięci podręcznej).
   ========================================================================= */

@font-face {
  font-family: 'Fraunces kursu';
  src: url('fonty/fraunces-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces kursu';
  src: url('fonty/fraunces-latin-ext.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito kursu';
  src: url('fonty/nunito-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito kursu';
  src: url('fonty/nunito-latin-ext.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ============================================================= TOKENY === */

html[data-wyglad="ksiazka"] {
  --tlo:      #fff8ee;
  --arkusz:   #ffffff;
  --arkusz-2: #fff3e2;
  --arkusz-3: #ffe8cd;
  --atrament: #2b2118;

  --plama:    #e2662c;
  --na-plamie:#ffffff;

  --tekst:    #2b2118;
  --tekst-2:  #6b5a48;
  --tekst-3:  #8e7962;

  --linia:    #f3e3cb;
  --linia-2:  #e6cca6;

  --marka:    #c2551f;
  --marka-tlo:#ffeee3;

  --ok:    #2f9e60;  --ok-tlo:    #e5f7ec;
  --uwaga: #c2681b;  --uwaga-tlo: #fff0dc;
  --zle:   #d93a58;  --zle-tlo:   #ffe9ee;

  --r: 18px;

  --f-tekst: 'Nunito kursu', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --f-svk:   'Fraunces kursu', Georgia, 'Times New Roman', serif;
}

/* waga (0,2,1) — bije blok ciemny z styl-strony.css niezależnie od kolejności */
html[data-wyglad="ksiazka"][data-motyw="ciemny"] {
  --tlo:      #17120c;
  --arkusz:   #211a12;
  --arkusz-2: #2a2118;
  --arkusz-3: #362b20;

  --plama:    #f2843f;
  --na-plamie:#1d1409;

  --tekst:    #f7ede1;
  --tekst-2:  #cdbba6;
  --tekst-3:  #a68f76;

  --linia:    #3a2e22;
  --linia-2:  #554435;

  --marka:    #f2a469;
  --marka-tlo:rgba(242, 132, 63, .16);

  --ok:    #5cd3a0;  --ok-tlo:    rgba(47, 158, 96, .20);
  --uwaga: #f2ac5c;  --uwaga-tlo: rgba(194, 104, 27, .22);
  --zle:   #ff8098;  --zle-tlo:   rgba(217, 58, 88, .22);
}

/* =============================================================== BODY === */

html[data-wyglad="ksiazka"] body {
  font-family: var(--f-tekst);
  line-height: 1.68;
  background:
    radial-gradient(1000px 520px at 6% -10%, #fff 0%, transparent 58%),
    radial-gradient(860px 480px at 106% 2%, #ffe4d2 0%, transparent 55%),
    var(--tlo);
  background-attachment: fixed;
}
html[data-wyglad="ksiazka"][data-motyw="ciemny"] body {
  background:
    radial-gradient(1000px 520px at 6% -10%, #241b12 0%, transparent 58%),
    radial-gradient(860px 480px at 106% 2%, #2c1c12 0%, transparent 55%),
    var(--tlo);
}

/* ========================================================= PASEK GÓRNY == */

html[data-wyglad="ksiazka"] .pasek-strony {
  background: rgba(255, 248, 238, .88);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--linia);
}
html[data-wyglad="ksiazka"][data-motyw="ciemny"] .pasek-strony { background: rgba(23, 18, 12, .88); }
html[data-wyglad="ksiazka"] .pasek-marka img { border-radius: 13px; }
html[data-wyglad="ksiazka"] .pasek-marka b { font-family: var(--f-svk); font-size: 1.06rem; }
html[data-wyglad="ksiazka"] .pasek-marka span span { letter-spacing: 0; text-transform: none; }
html[data-wyglad="ksiazka"] .pasek-powrot {
  border-radius: 999px;
  border: 2px solid var(--linia-2);
  font-weight: 700;
}
html[data-wyglad="ksiazka"] .pasek-powrot:hover { border-color: var(--plama); }

/* ========================================================== TYPOGRAFIA == */

html[data-wyglad="ksiazka"] h1,
html[data-wyglad="ksiazka"] h2,
html[data-wyglad="ksiazka"] h3 {
  font-family: var(--f-svk);
  letter-spacing: -.018em;
}
html[data-wyglad="ksiazka"] h1 { font-weight: 800; line-height: 1.1; }
html[data-wyglad="ksiazka"] h2 { font-weight: 800; }
html[data-wyglad="ksiazka"] h2::before {
  /* w „Kokpicie” to kreska nad tytułem — tutaj kropka koloru marki */
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--plama);
}
html[data-wyglad="ksiazka"] a { font-weight: 600; }

/* =============================================================== KARTY == */

html[data-wyglad="ksiazka"] .karta {
  border: 1px solid var(--linia);
  border-radius: 26px;
  box-shadow: 0 10px 30px rgba(122, 82, 32, .10);
  padding: clamp(22px, 3vw, 34px);
}
html[data-wyglad="ksiazka"][data-motyw="ciemny"] .karta {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}

/* ========================================================== PRZYCISKI === */

html[data-wyglad="ksiazka"] .btn {
  border-radius: 999px;
  border-width: 2px;
  font-weight: 800;
  box-shadow: 0 2px 6px rgba(122, 82, 32, .12);
  transition: transform .14s, box-shadow .14s, background .14s, border-color .14s;
}
html[data-wyglad="ksiazka"] .btn:hover {
  opacity: 1;
  filter: brightness(1.06);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(122, 82, 32, .18);
}
html[data-wyglad="ksiazka"] .btn.cichy:hover {
  filter: none;
  border-color: var(--plama);
  color: var(--tekst);
}
html[data-wyglad="ksiazka"] .btn[disabled] { box-shadow: none; transform: none; }

/* ================================================== BLOKI Z KOMUNIKATEM = */

html[data-wyglad="ksiazka"] .uwaga,
html[data-wyglad="ksiazka"] .ok,
html[data-wyglad="ksiazka"] .blad,
html[data-wyglad="ksiazka"] .info,
html[data-wyglad="ksiazka"] .waga,
html[data-wyglad="ksiazka"] .dobrze,
html[data-wyglad="ksiazka"] .skrot {
  border-radius: var(--r);
  border-left-width: 5px;
}
html[data-wyglad="ksiazka"] .dane { border-radius: var(--r); }

/* ============================================================ FORMULARZE */

/* Pola wyboru wyłączone tak samo, jak w arkuszu podstawowym: `min-height: 46px`
   rozciąga checkboksa w pionowy pasek, a zaokrąglenie 14 px odbiera mu kształt
   kwadracika. Powód i data — patrz styl-strony.css. */
html[data-wyglad="ksiazka"] input:not([type="checkbox"]):not([type="radio"]),
html[data-wyglad="ksiazka"] textarea,
html[data-wyglad="ksiazka"] select {
  border-radius: 14px;
  border-width: 2px;
  font-family: var(--f-tekst);
  min-height: 46px;
}
html[data-wyglad="ksiazka"] textarea { min-height: 130px; }
html[data-wyglad="ksiazka"] label { font-weight: 700; }

/* ================================================================ TABELE */

html[data-wyglad="ksiazka"] th {
  background: var(--plama);
  color: var(--na-plamie);
  font-family: var(--f-tekst);
  letter-spacing: .02em;
  text-transform: none;
  font-weight: 800;
}

/* =========================================================== KUP.PHP ==== */

html[data-wyglad="ksiazka"] .hero {
  border-radius: 30px;
  background: linear-gradient(135deg, #e2662c 0%, #f7a325 100%);
  box-shadow: 0 16px 40px rgba(180, 90, 30, .28);
  border: none;
}
html[data-wyglad="ksiazka"] .hero h1,
html[data-wyglad="ksiazka"] .hero b,
html[data-wyglad="ksiazka"] .hero li b,
html[data-wyglad="ksiazka"] .hero p,
html[data-wyglad="ksiazka"] .hero li,
html[data-wyglad="ksiazka"] .hero s { color: #fff; }
html[data-wyglad="ksiazka"] .hero .cena {
  font-family: var(--f-svk);
  font-weight: 800;
  letter-spacing: -.03em;
}
html[data-wyglad="ksiazka"] .hero .btn {
  background: #fff;
  border-color: #fff;
  color: #b8501c;
}
html[data-wyglad="ksiazka"] .hero .btn:hover { background: #ffe873; border-color: #ffe873; color: #7a3410; }

html[data-wyglad="ksiazka"] .waluty { border-radius: 999px; border-width: 2px; overflow: hidden; }
html[data-wyglad="ksiazka"] .waluty a { font-weight: 700; }

html[data-wyglad="ksiazka"] .moduly { gap: 16px; }
html[data-wyglad="ksiazka"] .mod {
  border-radius: 24px;
  border: 1px solid var(--linia);
  box-shadow: 0 6px 20px rgba(122, 82, 32, .10);
  position: relative;
  overflow: hidden;
  padding-top: 26px;
}
html[data-wyglad="ksiazka"] .mod::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px;
  background: var(--poziom, var(--plama));
}
/* `.mod h2` to barwny ZNACZEK poziomu (białe litery na kolorze), a nie
   nagłówek — przemalowanie liter na `--poziom` chowało napis „A1” na
   tle w tym samym kolorze. Zostaje biały tekst, zmienia się tylko kształt. */
html[data-wyglad="ksiazka"] .mod h2 {
  border-radius: 999px;
  padding: 6px 14px;
  letter-spacing: .06em;
  box-shadow: 0 2px 6px rgba(122, 82, 32, .18);
}
html[data-wyglad="ksiazka"] .mod .kwota { font-family: var(--f-svk); font-size: 1.6rem; }
html[data-wyglad="ksiazka"] .mod .btn { min-height: 44px; }

/* ======================================================== PARTNER.PHP === */

html[data-wyglad="ksiazka"] .kafel {
  border-radius: var(--r);
  border: 1px solid var(--linia);
  box-shadow: 0 6px 20px rgba(122, 82, 32, .08);
}
html[data-wyglad="ksiazka"] .kafel b { font-family: var(--f-svk); }
html[data-wyglad="ksiazka"] .tag { border-radius: 999px; text-transform: none; letter-spacing: .01em; }
html[data-wyglad="ksiazka"] .link-box input { border-radius: 14px; }

html[data-wyglad="ksiazka"] .zakladki { border-bottom: none; gap: 8px; }
html[data-wyglad="ksiazka"] .zakl {
  border-radius: 999px;
  border: 2px solid var(--linia-2);
  border-bottom-width: 2px;
  padding: 8px 16px;
  font-weight: 700;
}
html[data-wyglad="ksiazka"] .zakl.wybrana {
  background: var(--plama);
  border-color: var(--plama);
  color: var(--na-plamie);
  border-bottom-color: var(--plama);
}

/* ============================================================ IMPRESSUM = */

html[data-wyglad="ksiazka"] .firma { border-radius: var(--r); }
html[data-wyglad="ksiazka"] .sv { border-top: 2px dashed var(--linia-2); }