/* sr-msub.css — telefon i iPad: Impressum, Datenschutz, FAQ (DE/PL/EN).
   Podpięty z media="(max-width:820px),(pointer:coarse)" — na komputerze nie działa.
   Klasę html.sr-msub ustawia sr-msub.js. Wiersz ◀ + języki jak w widoku sekcji na stronach z karuzelą. */

.sr-msub-bar{position:fixed;left:0;right:0;top:0;height:calc(52px + env(safe-area-inset-top,0px));z-index:79;background:#14110b;border-bottom:1px solid #2c2c33}
/* bez paska stanu (marka, zegar, pogoda); zostaje sam ☰ w górnym wierszu */
html.sr-msub .statusbar{background:transparent!important;border:0!important;box-shadow:none!important;height:0!important;min-height:0!important;padding:0!important;overflow:visible!important}
html.sr-msub .statusbar>:not(#mobileMenuBtn){display:none!important}

/* ◀ */
.sr-msub-back{position:fixed;top:calc(4px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:135;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(10,12,16,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;padding:0}
.sr-msub-back svg{width:23px;height:23px;color:#ece8e0}

/* DE · PL · EN */
.tg-lang{position:fixed;top:calc(6px + env(safe-area-inset-top,0px));right:10px;z-index:150;display:flex;gap:4px}
.tg-lang a{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1;padding:13px 10px;border-radius:10px;
  border:1px solid rgba(255,255,255,.16);background:rgba(10,12,16,.78);color:rgba(236,232,224,.75);text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tg-lang a[aria-current]{color:#fff;border-color:rgba(255,255,255,.45)}

/* menu ☰ (style jak na stronach z karuzelą) */
html.sr-msub .mobile-menu-btn{position:fixed!important;top:calc(4px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:150;display:flex!important;align-items:center;justify-content:center;margin:0;padding:0;width:44px;height:44px;
  font-size:20px;line-height:1;color:#ece8e0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(10,12,16,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}
html.sr-msub .tg-lang,html.sr-msub body>nav[aria-label="Sprache"],html.sr-msub body>nav[aria-label="Język"],html.sr-msub body>nav[aria-label="Language"]{right:calc(62px + env(safe-area-inset-right,0px))!important}
html.sr-msub .mobile-overlay{display:none;position:fixed;inset:0;z-index:160;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(56px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) 40px calc(24px + env(safe-area-inset-left,0px));background:#06070a}
html.sr-msub .mobile-overlay.is-open{display:block!important}
html.sr-msub .mobile-overlay-close{position:fixed!important;z-index:161;top:calc(4px + env(safe-area-inset-top,0px))!important;right:calc(10px + env(safe-area-inset-right,0px))!important;width:44px!important;height:44px!important;padding:0!important;margin:0!important;align-items:center;justify-content:center;text-align:center;font-size:20px!important;line-height:1!important;color:#ece8e0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:rgba(10,12,16,.72)!important;cursor:pointer}
html.sr-msub .mobile-overlay h3{margin:24px 0 8px;padding-bottom:6px;font:500 10px/1.3 "Inter Tight",system-ui,-apple-system,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8e8a82;border-bottom:1px solid #2c2c33}
html.sr-msub .mobile-overlay h3:first-child{margin-top:0}
html.sr-msub .mobile-overlay a{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;font:16px/1.3 "Inter Tight",system-ui,-apple-system,sans-serif;color:#ece8e0;text-decoration:none;border-bottom:1px solid #2c2c33}
html.sr-msub .mobile-overlay a:active{background:#1a1a20}
html.sr-msub .mobile-overlay a .idx{min-width:28px;font:11px "JetBrains Mono",ui-monospace,monospace;color:#8e8a82}
html.sr-msub .mobile-overlay .lang-row{display:flex;gap:12px;margin-top:8px}
html.sr-msub .mobile-overlay .lang-row a{flex:1;justify-content:center;padding:12px;text-align:center;border:1px solid #8e8a82}
html.sr-msub .mobile-overlay .lang-row a.is-active{background:#1a1a20;color:#c4c0b8;border-color:#c4c0b8}

/* telefon: bez grzbietu książki (iPad i komputer bez zmian) */
@media (max-width:700px){.qa-book::before{display:none!important}}

/* telefon: strony prawne zamiast książki jako jedna pionowa strona; przewija się main.canvas, nie dokument */
@media (max-width:700px){
  html.sr-msub main.canvas{overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  html.sr-msub .bindery-h{display:block!important;width:100%!important;height:auto!important;transform:none!important;transition:none!important}
  html.sr-msub .bindery-h>section.entry{width:100%!important;height:auto!important;overflow:visible!important;opacity:1!important;transform:none!important;filter:none!important}
  html.sr-msub .deck-nav{display:none!important}
  /* spis treści odsyła do stron książki, której na telefonie nie ma */
  html.sr-msub .qa-page-right.qa-hero{display:none!important}
  /* produkty: długie tytuły łamią się zamiast rozpychać ekran w bok */
  html.sr-msub .hero-intro-title,html.sr-msub .entry .hero-title,html.sr-msub .hero-title,html.sr-msub .prod-v25-lede-top{white-space:normal!important;max-width:100%!important}
}

/* dokument się nie przewija (Safari iOS pokazuje przewijaną treść pod zegarem); treść pod wierszem, z dala od wycięcia ekranu */
html.sr-msub,html.sr-msub body{height:100%!important;overflow:hidden!important}
html.sr-msub{background:#14110b}
html.sr-msub main.canvas{top:calc(52px + env(safe-area-inset-top,0px))!important;bottom:0!important;left:env(safe-area-inset-left,0px)!important;right:env(safe-area-inset-right,0px)!important}
html.sr-faq main{position:fixed!important;top:calc(52px + env(safe-area-inset-top,0px))!important;left:env(safe-area-inset-left,0px)!important;right:env(safe-area-inset-right,0px)!important;bottom:0!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}