/* Telefon w headerze (2026-09-07). Plik ladowany OSTATNI w base.html, po nowa.css.
   Desktop (>1100px): w miejscu "Porozmawiajmy o projekcie" niebieski przycisk z ikona sluchawki i numerem
   (.header-tel w .header-actions; kolor/font/padding dziedziczy z nowa.css: .header-actions .button).
   Tablet/telefon (<=1100px, tam gdzie hamburger): kwadratowa ikona 40x40 (.header-tel-ico) tuz przed MENU,
   granat na bialym z cienka ramka, jak konturowy hamburger. Przycisk z numerem jest tam ukryty (jest juz
   w mobile-nav-meta w menu). Nie dotyka menu ani hamburgera poza margin-left (ikona przejmuje auto). */

.header-tel{gap:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.header-tel svg{width:18px;height:18px;flex:none}
.header-tel span{white-space:nowrap}
.header-tel:focus-visible{outline:2px solid #006EB6;outline-offset:3px}

.header-tel-ico{display:none}

@media (max-width:1100px){
  .header-actions .header-tel{display:none}
  .header-tel-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;margin-left:auto;color:#171B2B;background:#fff;border:1px solid #DFE4E9;border-radius:0;line-height:0;transition:border-color .2s,color .2s}
  .header-tel-ico svg{width:19px;height:19px}
  .header-tel-ico:hover{border-color:#006EB6;color:#006EB6}
  .header-tel-ico:focus-visible{outline:2px solid #006EB6;outline-offset:2px}
  /* hamburger stoi tuz za ikona; auto-margines przenosi sie na ikone (strama.css daje go na .menu-toggle) */
  .header-tel-ico+.menu-toggle{margin-left:0!important}
}