/*
  SZKIELET (pakiet 1 fali A, wlasciciel 31.10): zloty "+" w gornym pasku, arkusz
  "Co publikujesz?", jezyk i motyw w burgerze, dokumenty na dole burgera,
  bezpieczne strefy iPhone'a, brak stopki na telefonie i w aplikacji,
  zaznaczanie tekstu tylko w polach, tost "Brak sieci".
*/

/* iPHONE: viewport-fit=cover (layout) + bezpieczne strefy. Gorny pasek ma juz
   `padding-top:env(safe-area-inset-top)` (site.css), dolny `padding-bottom` (tabbar.css);
   tu dochodza boki - na boku tresc nie wchodzi pod wyciecie aparatu (prawka 262). */
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
@media (max-width:1023px){
  .tabbar{padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px))}
}
.mmenu{padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-right:env(safe-area-inset-right,0px)}

/* iPhone z otwarta klawiatura: okno rozmowy stoi DOKLADNIE na tym, co widac
   (`--vv-top`, `--vv-h` z visualViewport, `szkielet.js`) - pole nad klawiatura,
   nic nie ucieka pod zegar (prawka 263). Na Androidzie `--vv-top` = 0. */
@supports (-webkit-touch-callout:none){
  body.tryb-rozmowy{position:fixed;left:0;right:0;top:var(--vv-top,0px);height:var(--vv-h,var(--widok,100dvh))}
}

/* ZLOTY "+" (makieta `verhnee-menu.png`): 38 px, zloty przelew, ciemny krzyz. */
.topbar .tools .topka-plus{order:2;position:relative;flex:none;display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;margin:0 4px;border-radius:11px;background:linear-gradient(135deg,#F2CF68,#C99A33);color:#1b1608;text-decoration:none}
.topbar .tools .topka-plus svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.topbar .tools .topka-plus::after{content:"";position:absolute;inset:-5px}
.topbar .tools .topka-plus:focus-visible{outline:2px solid #F2DC96;outline-offset:2px}
@media (max-width:340px){.topbar .tools .topka-plus{width:34px;height:34px;margin:0 2px}}

/* ARKUSZ "CO PUBLIKUJESZ?" - od dolu, tresc z ekranu `/publikuj`. */
.szk-ark-tlo{position:fixed;inset:0;z-index:1700;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,0);transition:background .2s}
.szk-ark-tlo[hidden]{display:none}
.szk-ark-tlo.otwarte{background:rgba(0,0,0,.55)}
.szk-ark{width:100%;max-width:560px;max-height:88vh;max-height:88dvh;overflow:auto;box-sizing:border-box;
  padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0;
  background:var(--fbm-tlo,#0E0E12);border:1px solid var(--fbm-lista-linia,#26252c);border-bottom:0;
  transform:translateY(100%);transition:transform .22s ease-out}
.szk-ark-tlo.otwarte .szk-ark{transform:none}
.szk-ark-uch{display:block;width:40px;height:4px;margin:2px auto 10px;border-radius:2px;background:var(--fbm-strz,#55524a)}
.szk-ark-h{margin:4px 2px 12px;font:800 19px/1.3 var(--f-display,inherit);color:var(--fbm-tytul,#F3EFE6)}
.szk-ark-in[aria-busy="true"]{min-height:300px}
@media (prefers-reduced-motion:reduce){.szk-ark,.szk-ark-tlo{transition:none}}

/* JEZYK I MOTYW W BURGERZE (`parts/_menu-jezyk-motyw`). */
.mmenu .jm{margin-top:12px}
.mmenu .jm .jm-w{cursor:default}
.mmenu .jm-glob{flex:none;width:22px;height:22px}
.mmenu .jm-teraz{margin-left:auto;font-style:normal;font-weight:800;font-size:13.5px;color:var(--fbm-zloto,#E6BC52)}
.mmenu .jm-jezyki{display:flex;gap:6px;padding:0 14px 12px}
.mmenu .jm-jezyki a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 2px;
  border:1px solid var(--fbm-lista-linia,#2a2930);border-radius:9px;font-size:12px;font-weight:800;color:var(--fbm-napis,#F3EFE6);
  text-decoration:none;text-align:center;overflow-wrap:anywhere;line-height:1.15}
.mmenu .jm-jezyki a.on{background:linear-gradient(90deg,#F2CF68,#C99A33);border-color:transparent;color:#1b1608}
.mmenu .jm-seg{margin-left:auto;flex:none;display:flex;border:1px solid var(--fbm-lista-linia,#2a2930);border-radius:9px;overflow:hidden}
.mmenu .jm-seg button{min-height:36px;padding:0 9px;border:0;background:none;color:var(--fbm-napis,#F3EFE6);font-family:inherit;font-weight:800;font-size:12px;line-height:1;cursor:pointer}
.mmenu .jm-seg button[aria-pressed="true"]{background:linear-gradient(90deg,#F2CF68,#C99A33);color:#1b1608}
.mmenu .jm-seg button:focus-visible,.mmenu .jm-jezyki a:focus-visible{outline:2px solid var(--fbm-zloto,#E6BC52);outline-offset:-2px}
/* ⇄ Firma / ⇄ Ja z podpisem (makieta). */
.mmenu .fbm-zmien.fbm-zmien-t{width:auto;gap:5px;padding:0 10px;font:800 12px/1 var(--f-display,inherit);text-decoration:none;white-space:nowrap}
/* Na laptopie wiersze Wiadomosci/Lenta/Oferty dopiero tam, gdzie nie ma dolnego paska. */
@media (max-width:1023px){.mmenu .fbm-lista.bm-szeroko{display:none}}

/* DOKUMENTY NA DOLE BURGERA (`parts/_menu-prawne`). */
.mmenu .m-prawne{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:18px 12px 8px;padding:0}
.mmenu .m-prawne a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border:0;font-size:13px;font-weight:700;
  color:var(--fbm-pod,#9a9386);text-decoration:none}

/* STOPKI NA TELEFONIE I W APLIKACJI NIE MA (prawka 193) - dokumenty sa w burgerze. */
@media (max-width:1023px){.stopka{display:none}}
body[data-apka] .stopka{display:none}

/* ZAZNACZANIE TEKSTU (prawka 174): na ekranie dotykowym tylko w polach;
   dlugie nacisniecie na tekst wpisu/komentarza/wiadomosci = "Kopiuj" (`szkielet.js`). */
@media (pointer:coarse){
  body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  input,textarea,select,[contenteditable],[contenteditable] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
}

/* TOST "BRAK SIECI" / "SKOPIOWANO" - nad dolnym paskiem, nic nie przesuwa. */
.szk-tost{position:fixed;left:50%;bottom:calc(var(--tb-wys,0px) + 18px + env(safe-area-inset-bottom,0px));z-index:2000;
  transform:translateX(-50%);max-width:calc(100% - 32px);box-sizing:border-box;padding:11px 16px;border-radius:12px;
  background:#1d1c21;color:#F3EFE6;font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.35);
  opacity:1;transition:opacity .4s;pointer-events:none}
.szk-tost.znika{opacity:0}
:root[data-theme="light"] .szk-tost{background:#2a2720;color:#fff}