/**
 * WWW — pełna szerokość nagłówka i stopki (tylko .shooting-range-app).
 * Osobny plik — nie nadpisujemy cel-theme.css (panel admin + zmienne CSS).
 */

html:has(.shooting-range-app),
body:has(.shooting-range-app) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

.shooting-range-app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nagłówek fixed — cały viewport; wewnętrzne paski = 100% (bez hacka 100vw) */
.shooting-range-app > header,
header.fixed.top-0.left-0.right-0 {
  width: 100% !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}

header > a[class*='bg-'],
header > a.w-full,
header > div.bg-dark,
header > div[class*='bg-dark'],
header > div[class*='w-full'] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

header .narrow-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

/* Stopka — pełna szerokość okna */
.shooting-range-app > footer,
footer.bg-neutral-900,
footer.sc-www-site-footer,
footer[class*='bg-neutral-900'] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

footer .narrow-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}