/* FerboPolska – global overrides */

/* 0) Full-width layout (expand site to screen width) */
.container{
  width: 100% !important;
  max-width: 1600px !important; /* trochę szerzej, ale nie na full */
  margin-left: auto !important;
  margin-right: auto !important;
}
.max-w-5xl,
.max-w-6xl,
.max-w-7xl{
  max-width: 1600px !important;
}
/* Keep reasonable horizontal padding on very wide screens */
.container.px-4,
.container[class*=" px-4"]{
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1024px){
  .container.px-4,
  .container[class*=" px-4"]{
    padding-left: 24px;
    padding-right: 24px;
  }
}


/* 1) Header must NEVER be transparent (always solid white like before) */
header.fixed.top-0.left-0.right-0,
header.sticky.top-0,
header.fixed.top-0.left-0.right-0.bg-transparent,
header.sticky.top-0.bg-transparent,
header[class*="fixed"][class*="top-0"][class*="bg-transparent"],
header[class*="sticky"][class*="top-0"][class*="bg-transparent"],
header[class*="fixed"][class*="top-0"][class*="bg-background/"],
header[class*="sticky"][class*="top-0"][class*="bg-background/"],
header[class*="fixed"][class*="top-0"][style*="background"],
header[class*="sticky"][class*="top-0"][style*="background"] {
  background-color: #fff !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 10px rgba(0,0,0,0.06) !important;
}

/* If some script keeps toggling classes, still force the bg */
header.bg-transparent,
header[class*="bg-transparent"] {
  background-color: #fff !important;
}

/* Mobile dropdown under header */
#mobileMenu,
[data-mobile-menu],
header + div[class*="border-t"][class*="bg-"] {
  background-color: #fff !important;
}


/* 2) Footer separation (subtle light blue) */
.site-footer{
  /* Soft blue tint + clear separation from page background */
  background:
    linear-gradient(180deg, rgba(59,130,246,0.08) 0%, rgba(59,130,246,0.02) 100%),
    hsl(var(--background));
  /* Odstęp nad kreską (żeby stopka się nie „kleiła” do treści) */
  margin-top: 24px;
  border-top: 1px solid rgba(59,130,246,0.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.site-footer .container{
  /* Keep content readable */
}


/* 3) Force black typography site-wide (requested)
   - keep accent colors (blue) untouched
   - make "foreground" and "muted-foreground" text black */
html, body{
  color: #000 !important;
}
.text-foreground,
.text-muted-foreground,
.prose,
.prose :where(p,li,span,div,strong,em,small,blockquote,figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: #000 !important;
}

/* Cookie consent lock */
body.cc-lock{overflow:hidden !important;}
/* Disable interactions with the page until a decision is made */
body.cc-lock > *:not(#cookieConsentOverlay):not(#cookieSettingsModal){
  pointer-events:none !important;
  user-select:none !important;
}
/* But allow interactions with the cookie UI */
#cookieConsentOverlay, #cookieSettingsModal{
  pointer-events:auto !important;
  touch-action:none;
}


/* Cookie consent: force topmost overlay (some elements in deszczownia use very high z-index) */
#cookieConsentOverlay{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  isolation:isolate;
}
#cookieSettingsModal{
  z-index:2147483647 !important;
}
/* When locked, keep the page slightly visible but blurred (user asked for "mini widoczność, zamazane") */
body.cc-lock > *:not(#cookieConsentOverlay):not(#cookieSettingsModal){
  opacity:0.45 !important;
  filter: blur(6px) !important;
}

/* Keep cookie UI sharp */
#cookieConsentOverlay, #cookieConsentOverlay *{
  filter:none !important;
}


html.cc-lock{overflow:hidden !important;}
