/* 2026-10-26 · Claude (Fusion) · atlanticstairs.com — poprawki nagłówka (desktop) i wersji mobilnej.
   Log: _DANE/LOG-ZMIAN-STRON-WWW.md · Cofnięcie: usunąć linię <link ... /css/fix-2026-10.css> z HTML-i. */

/* ===== DESKTOP: telefon i e-mail jako dwa równe paski po lewej stronie logo ===== */
@media screen and (min-width: 901px) {
  #sloganandlogo .topp { width: 330px; text-align: left; top: 52px; }
  #sloganandlogo .topp > a,
  #sloganandlogo .topp p a { display: block; white-space: nowrap; overflow: hidden; }
  #sloganandlogo .topp > a:before,
  #sloganandlogo .topp p a:before { display: inline-block; width: 64px; text-align: center; padding: 0; margin-right: 14px; font-size: 22px; }
  #sloganandlogo .topp p { display: block; margin: 8px 0 0; padding: 0; background: none; line-height: 35px; }
  #sloganandlogo .topp p a { font-size: 18px; text-transform: none; letter-spacing: .2px; }
  #sloganandlogo .topp p a:before { content: "EMAIL"; font-size: 18px; text-transform: uppercase; vertical-align: top; }
}

/* ===== MOBILE (do 900px) ===== */
@media screen and (max-width: 900px) {
  /* nagłówek w normalnym przepływie strony, ciemne tło: białe logo widoczne, nic nie zasłania treści */
  html body div#all { position: relative !important; background: #2b3038 !important; }
  html body #sloganandlogo { padding: 12px 16px 10px !important; text-align: center !important; }
  html body #isloganholder { padding: 0 !important; }
  html body #isloganholder .topp { margin: 0 0 10px !important; height: auto !important; text-align: center !important; width: auto !important; padding: 0 !important; }
  html body #isloganholder .topp > a { display: inline-block !important; font-size: 20px !important; line-height: 34px !important; background: #ec6415 !important; border-right: 0 !important; padding: 0 16px !important; border-radius: 3px; }
  html body #isloganholder .topp > a:before { display: inline !important; content: "CALL" !important; background: none !important; padding: 0 !important; margin-right: 10px !important; opacity: .85; }
  html body #isloganholder .topp2 { display: none !important; }
  html body #logoimage { text-align: center !important; padding: 0 56px !important; box-sizing: border-box; }
  html body a#logoimage img { width: auto !important; max-width: 100% !important; max-height: 72px; margin: 4px auto 0 !important; }
  html body #mnuswitch { top: auto !important; bottom: 14px !important; right: 12px !important; border: 1px solid rgba(255,255,255,.45) !important; border-radius: 4px; background: transparent !important; }
  html body #mnuswitch span { color: #fff !important; }

  /* menu rozwijane: ciemny panel, białe pozycje, podstrony wcięte */
  html body div#menu ul.sf-menu { position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100% !important; margin: 0 !important; padding: 6px 0 10px !important; background: #2b3038 !important; border: 0 !important; box-shadow: 0 10px 24px rgba(0,0,0,.35) !important; z-index: 1000000 !important; box-sizing: border-box; }
  html body div#menu ul.sf-menu li { display: block !important; float: none !important; width: 100% !important; background: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
  html body div#menu ul.sf-menu li a { display: block !important; background: none !important; color: #fff !important; font-family: "Roboto", Arial, sans-serif !important; font-weight: 500 !important; font-size: 16px !important; line-height: 1.25 !important; padding: 12px 20px !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; text-align: left !important; height: auto !important; width: auto !important; margin: 0 !important; }
  html body div#menu ul.sf-menu li a.sel, html body div#menu ul.sf-menu li a:hover { color: #ec6415 !important; }
  html body div#menu ul.sf-menu ul { position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; left: auto !important; top: auto !important; }
  html body div#menu ul.sf-menu li ul li a { background: none !important; padding: 9px 20px 9px 38px !important; font-size: 14px !important; font-weight: 400 !important; color: #c9ced6 !important; border-bottom: 0 !important; }
  html body div#menu ul.sf-menu li a:before, html body div#menu ul.sf-menu li a:after { display: none !important; }
}

/* link „Download our new CATALOG >>>” (podstrony) — linie nachodziły na siebie przy zawijaniu */
html body .dTreeNode strong { line-height: 1.3 !important; }

/* 2026-10-26 (2) — menu mobilne chowało się pod zdjęciami (#homepansc ma z-index 9999999) → nagłówek wyżej */
html body div#all { z-index: 100000000 !important; }
/* rozwijane „Contact Us” (ostatnia pozycja menu) wystawało za prawą krawędź → strona przewijała się w bok na laptopie */
@media screen and (min-width: 901px) {
  html body div#menu ul.sf-menu > li.last > ul { left: auto !important; right: 0 !important; }
}