/* GENEROWANE przez tmp/build-strone.mjs z assets/blog-shell.css - nie edytuj recznie.
   Pasek i panel zgod na cookies; mechanizm przeniesiony z Task Managera. */
/* ==========================================================================
   Cookies: maly pasek w rogu + panel ustawien. Minimalnie, w jezyku strony.
   ========================================================================== */
.zgody-pasek { position: fixed; z-index: 400; right: 20px; bottom: 20px; width: min(380px, calc(100vw - 40px)); padding: 20px 22px 18px; border: 1px solid rgba(0, 0, 0, .08); border-radius: 18px; background: rgba(255, 255, 255, .96); box-shadow: 0 18px 50px rgba(14, 25, 43, .16); color: #1d1d1f; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; opacity: 0; transform: translateY(12px); transition: opacity .26s ease, transform .26s ease; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.zgody-pasek.is-visible { opacity: 1; transform: none; }
.zgody-pasek[hidden] { display: none; }
.zgody-pasek p { margin: 0; font-size: 14px; line-height: 1.5; color: #3a3a3c; }
.zgody-pasek p a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* dwa przyciski dziela wiersz po rowno (w dluzszych jezykach zawijaja sie kazdy na cala szerokosc),
   link „Ustawienia" zawsze w osobnym wierszu ponizej - uklad nie zalezy od dlugosci tekstow */
.zgody-akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 14px; }
.zgody-btn { display: inline-flex; flex: 1 1 140px; min-height: 38px; align-items: center; justify-content: center; padding: 6px 14px; border: 0; border-radius: 999px; background: #1d1d1f; color: #fff; font: inherit; font-size: 13px; font-weight: 600; line-height: 1.25; text-align: center; cursor: pointer; }
.zgody-btn:hover { background: #000; }
.zgody-btn--light { background: #f5f5f7; color: #1d1d1f; }
.zgody-btn--light:hover { background: #e8e8ed; }
.zgody-link { flex-basis: 100%; margin-top: 4px; padding: 0; border: 0; background: transparent; color: #6e6e73; font: inherit; font-size: 13px; font-weight: 500; text-align: center; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.zgody-link:hover { color: #1d1d1f; }
/* podstrony: `.content-page button` (2 selektory) wygrywa z `.zgody-btn` i powieksza przyciski do 17px */
.content-page .zgody-btn { font-size: 13px; }
.content-page .zgody-link { font-size: 13px; }
.zgody-panel { position: fixed; z-index: 410; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding: 20px; background: rgba(14, 25, 43, .32); opacity: 0; transition: opacity .26s ease; }
.zgody-panel.is-open { opacity: 1; }
.zgody-panel[hidden] { display: none; }
.zgody-panel-karta { width: min(520px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 26px 26px 22px; border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(14, 25, 43, .3); color: #1d1d1f; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; outline: none; transform: translateY(16px); transition: transform .26s ease; }
.zgody-panel.is-open .zgody-panel-karta { transform: none; }
.zgody-panel-karta h2 { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
.zgody-panel-karta > p { margin: 8px 0 0; color: #6e6e73; font-size: 14px; line-height: 1.5; }
.zgody-opcja { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 16px 0; border-top: 1px solid rgba(0, 0, 0, .1); }
.zgody-opcje { margin-top: 18px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.zgody-opcja strong { display: block; font-size: 15px; font-weight: 600; }
.zgody-opcja span { display: block; margin-top: 3px; color: #6e6e73; font-size: 13px; line-height: 1.45; }
.zgody-switch { position: relative; display: inline-block; flex: 0 0 auto; width: 46px; height: 28px; }
.zgody-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.zgody-switch i { position: absolute; inset: 0; border-radius: 999px; background: #d2d2d7; transition: background .2s ease; }
.zgody-switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .2s ease; }
.zgody-switch input:checked + i { background: #34c759; }
.zgody-switch input:checked + i::after { transform: translateX(18px); }
.zgody-switch input:disabled + i { background: #34c759; opacity: .55; cursor: not-allowed; }
.zgody-switch input:focus-visible + i { outline: 2px solid #635bff; outline-offset: 2px; }
.zgody-panel-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 14px; margin-top: 18px; }
@media (max-width: 620px) {
  .zgody-pasek { right: 12px; bottom: 12px; left: 12px; width: auto; padding: 16px 18px; }
  .zgody-panel { padding: 0; align-items: flex-end; }
  .zgody-panel-karta { border-radius: 22px 22px 0 0; max-height: 92vh; }
}
@media (prefers-reduced-motion: reduce) { .zgody-pasek, .zgody-panel, .zgody-panel-karta { transition: none; } }