/* =====================================================================
   AURUM CHEMICALS: globalny układ i tło (osobny plik CSS dla całego serwisu)  v1.2
   Cel: strony z układem Aurum zawsze na pełną szerokość, BEZ jasnych pasów
   nad paskiem kontaktowym i pod stopką, bez odstępów motywu i Elementora.
   Działa tylko na stronach, które zawierają układ Aurum (#aurum-site).
   Wymaga :has() (Chrome 105+, Safari 15.4+, Firefox 121+); starsze przeglądarki
   obsługuje klasa body.aur-page dodawana przez wtyczkę „Aurum Układ”.
   ===================================================================== */

:root{--aur-edge:#151514;--aur-page-bg:#f4f2ec}

/* 1) Tło krańców strony (nad paskiem kontaktowym, pod stopką, przy przewijaniu „gumowym”): ciemne jak pasek i stopka */
html:has(#aurum-site),
body:has(#aurum-site),
body.aur-page{
  background:var(--aur-edge) !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:clip;
}

/* 2) Wszystko, co otacza układ Aurum (Elementor, motyw): zero odstępów, teł, ramek i minimalnych wysokości */
body :has(#aurum-site){
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  min-height:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  --padding-top:0px;--padding-bottom:0px;--margin-top:0px;--margin-bottom:0px;--gap:0px;
}
/* Szerokość: kontenery z układem Aurum nie ograniczają szerokości (zwykłe „pudełko” Elementora ma 1140 px) */
body :has(#aurum-site):not(.elementor-widget-container):not(body){max-width:none !important;padding-left:0 !important;padding-right:0 !important}

/* Wersja zapasowa dla przeglądarek bez :has() (klasa body.aur-page dodawana przez wtyczkę) */
body.aur-page .elementor,
body.aur-page .elementor-section,
body.aur-page .elementor-container,
body.aur-page .elementor-column,
body.aur-page .elementor-column-wrap,
body.aur-page .elementor-widget-wrap,
body.aur-page .elementor-element-populated,
body.aur-page .elementor-widget,
body.aur-page .elementor-widget-container,
body.aur-page .e-con,
body.aur-page .e-con-inner,
body.aur-page #content,
body.aur-page .site-content,
body.aur-page .site-main,
body.aur-page .page-content,
body.aur-page .entry-content,
body.aur-page main,
body.aur-page article{
  margin-top:0 !important;margin-bottom:0 !important;
  padding-top:0 !important;padding-bottom:0 !important;
  min-height:0 !important;
  background:transparent !important;background-image:none !important;
  max-width:none !important;
}
body.aur-page .elementor-section .elementor-container,
body.aur-page .elementor-element-populated,
body.aur-page .e-con{padding-left:0 !important;padding-right:0 !important;--gap:0px;--padding-top:0px;--padding-bottom:0px}

/* 3) Sam układ: pełna szerokość okna */
#aurum-site{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0;margin-bottom:0;
  overflow-x:clip;
  background:var(--aur-page-bg);
}

/* 4) Puste akapity i odstępniki po stopce, tytuł strony oraz nagłówek i stopka motywu nie dublują naszych */
body:has(#aurum-site) p:empty,
body.aur-page p:empty{display:none !important}
body:has(#aurum-site) .elementor-widget-spacer,
body.aur-page .elementor-widget-spacer{display:none !important}
body.aur-page .entry-title,body.aur-page .page-title,body.aur-page .elementor-page-title,body.aur-page .entry-header,
body:has(#aurum-site) .entry-title,body:has(#aurum-site) .page-title,body:has(#aurum-site) .elementor-page-title,body:has(#aurum-site) .entry-header,
body:has(#aurum-site) #masthead,body:has(#aurum-site) .site-header,body:has(#aurum-site) #colophon,body:has(#aurum-site) .site-footer,
body.aur-page #masthead,body.aur-page .site-header,body.aur-page #colophon,body.aur-page .site-footer{display:none !important}

/* 5) Pasek administratora WordPressa nie przesuwa układu */
body.admin-bar #aurum-site .aur-topbar{top:32px}
@media(max-width:782px){body.admin-bar #aurum-site .aur-topbar{top:46px}}