/* To-TeMeble: v0.1.1, integracja layoutu artykułu z Helix Ultimate 2.2.10.
   Działa tylko, kiedy aktywna pozycja menu ma Page CSS Class: tt-local-full.
   Nie zmienia wyglądu zwykłych artykułów /poradnik ani innych części serwisu.
   Konieczne: osobny styl Helix, Main Body > Fluid Width = On;
   Blog > Details > Full-width Layout = On, main body bez sidebara.
*/
body.view-article.tt-local-full #sp-main-body {
  padding-block: 0;
}
body.view-article.tt-local-full #sp-main-body > .container {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}
body.view-article.tt-local-full #sp-main-body > .container > .container-inner {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}
body.view-article.tt-local-full #sp-main-body .row {
  --bs-gutter-x: 0;
}
body.view-article.tt-local-full #sp-main-body #sp-component,
body.view-article.tt-local-full #sp-main-body #sp-component > .sp-column {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding-inline: 0;
}
/* Pasek tytułu Helix nie może doklejać drugiego H1 do landing page'a.
   Zmiana dotyczy wyłącznie artykułów opartych na osobnym menu lokalizacji. */
body.view-article.tt-local-full #sp-title {
  display: none;
}

/* v0.1.2: Helix Ultimate 2.2.10 dodaje domyślnie #sp-main-body { padding: 100px 0 }.
   W klasie tt-local-full mogło brakować pageclass_sfx, mimo poprawnego renderu artykułu.
   :has(article.tt-local) wykrywa rzeczywisty landing bez zależności od konfiguracji menu.
   Nie dotyka poradników, podstron SP Page Builder ani nagłówka. */
@supports selector(body:has(article.tt-local)) {
  body.view-article:has(article.tt-local) #sp-main-body {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.view-article:has(article.tt-local) #sp-title {
    display: none;
  }
  body.view-article:has(article.tt-local) #sp-main-body > .container,
  body.view-article:has(article.tt-local) #sp-main-body > .container > .container-inner {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  body.view-article:has(article.tt-local) #sp-main-body #sp-component,
  body.view-article:has(article.tt-local) #sp-main-body #sp-component > .sp-column {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }
}