/* ============================================================
   Korekta proporcji na srednich szerokosciach (MacBook 1280/1440)
   Marcin 2026-08-27: "po bokach za wasko, na srodku za duze odleglosci".
   Problem: shell ma maxW 1500-1600px, wiec przy 1280 dobija do krawedzi
   i zostaje tylko pad 32-56px, a dwukolumnowe gridy trzymaja gapy 60-80px.
   Fix (tylko 1000-1440px): boczne gutters w gore (5vw), srodkowe gapy
   w dol (clamp ~38-44px). Powyzej 1440 nic sie nie zmienia.
   ============================================================ */

@media (min-width: 1000px) and (max-width: 1440px) {

  /* szersze marginesy boczne (case study wykluczone: absolutny sidebar .cs-rail
     ma layout skrojony pod oryginalne paddingi - poszerzenie wpychalo tekst pod karty) */
  body.netim-landing:not(.netim-case) .shell {
    padding-left: clamp(48px, 5vw, 64px) !important;
    padding-right: clamp(48px, 5vw, 64px) !important;
  }

  /* ciasniejsze gapy dwukolumnowych (i map 3-kol) gridow tresci */
  body.netim-landing :is(
    .hero-grid, .cm-hero-grid, .cm-ice-grid, .cm-offer-grid, .cm-fmt-row,
    .cm-dist-map, .cm-head, .cele-grid, .kon-grid, .gg, .st-grid,
    .nx-head, .ts-head, .bf3-wrap, .shell.grid, .op-seo,
    .gain, .cmk-grid, .z10-grid, .ah-wrap, .rg, .ppc-def-grid, .ps-head, .ps-bottom,
    .faq-home .wrap, .sec .wrap, .faq .wrap, .nh .wrap, .top, .sec .head, .scope .head
  ) {
    column-gap: clamp(34px, 3.2vw, 46px) !important;
  }
}

/* ============================================================
   G1 (doc 27.08): przyciski AKCJI na mobile = 100% szerokosci
   (wygodniejszy klik + symetria). Celowo TYLKO przyciski akcji:
   CTA hero, submity, CTA sekcji (opinie/referencje/case), cenniki.
   NIE dotyka: tabow cennika, logotypow, gwiazdek, malych linkow
   tekstowych ze strzalka, chipow.
   ============================================================ */
@media (max-width: 640px) {
  body.netim-landing :is(
    .btn, .cm-cta, .ts-cta, .bf3-submit, .nform-submit, .nf-cta,
    .pr-cta, .ctab-btn, .nx-cta, .st-cta, .nh2-btn,
    .cen-btn, .cen-pkg-cta, .us-btn, .us-proof-link,
    .fnx-ctab-btn, .case-slider .more
  ) {
    display: flex !important;
    width: 100% !important;
    max-width: 420px !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    /* dlugi tekst moze sie zlamac zamiast rozpychac kontener (case: zagranica 390) */
    white-space: normal !important;
    min-width: 0 !important;
  }
}

/* G1 poprawka (Marcin screen 27.08): .cen-pkg-cta ma wciecie margin:0 26px,
   wiec width:100% wystawalo poza karte na 400-560px. Flex-child rozciagamy
   miedzy marginesami zamiast procentowej szerokosci. */
@media (max-width: 640px) {
  body.netim-landing .cu-pak-card .cen-pkg-cta {
    width: auto !important;
    max-width: none !important;
    align-self: stretch !important;
  }
}

/* Zagranica: slowo "Pozycjonowanie" w H1 przy 36px ma min-content 373px i rozpycha
   kolumne grida 3px poza ekran na waskich (QA 27.08). Skala pod najwezsze telefony. */
@media (max-width: 430px) {
  body.netim-landing.netim-abroad .nh h1 { font-size: min(36px, 8.5vw) !important; }
}

/* Tabele w tresci wpisow blogowych: na waskich ekranach kolumny gniotly sie
   do szerokosci pojedynczych slow (case /mapa-strony/ 27.08). Tabela przewija
   sie poziomo zamiast sie gniesc. */
@media (max-width: 780px) {
  body.netim-landing article table,
  body single.post-template-default table,
  body.single table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100% !important;
  }
  /* kolumny dostaja realna szerokosc, a tabela przewija sie w swoim boxie */
  body.netim-landing article table :is(td, th),
  body.single table :is(td, th) {
    min-width: 160px;
  }
}

/* ============================================================
   G2 (doc 27.08): standaryzacja przyciskow - zapis zdaniowy wszedzie
   (o-nas/ppc/zespol/home mialy WERSALIKI z CSS, cenniki i hero zdaniowe).
   Tekst w markupie jest zdaniowy, wiec wystarczy zdjac transform.
   ============================================================ */
body.netim-landing :is(.btn, .mega-feat-cta),
html body.netim-landing header.nav .mega-feat-cta {
  text-transform: none !important;
  letter-spacing: .01em !important;
}

/* === ROWNE ODSTEPY SEKCJI (Marcin 2026-08-29: "kazda sekcja ma miec rowne odstepy") ===
   Jeden rytm pionowy 84px dla wszystkich sekcji tresci na wszystkich stronach.
   Hero (padding 0), breadcrumbs i stopka poza zakresem. Wygrywa prio 99 + !important. */
body.netim-landing :is(
  .netim-manifest-v7, .netim-services-v8, .cases, .netim-team-v4, .testimonials,
  .knowledge, .faq-home, .cta, section.sec, .nx-exp, .netim-pricing, .netim-ctaband,
  .syn, .blog-band, .cm51, .clients-marquee.clients-grid, .case-slider,
  .kt-contact, .kt-location, .kt-person, .kt-faq, .glA,
  .process, .vs-section, .platform-section, .team-ppc, .ppc-def, .formats,
  .faq, .onx-team2, .onx-diff, .on-cases, .tz-ig, .tz-rules, .tz-join, .cen-services
){
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}