/**
 * Berrysta — Global retro enhancements
 * Paper grain texture + small improvements
 */

/* ===== Paper grain overlay op alle secties ===== */
/* Werkt via ::after pseudo met mix-blend-mode.
   pointer-events:none = geen interactieblokkering.
   Geeft alle secties een vintage papier-gevoel. */

.br-hero,
.br-intro,
.br-services,
.br-occ,
.br-events,
.br-blog,
.br-pricing,
.br-test,
.br-quote,
.br-drinks,
.br-shop,
.br-faq,
.br-contact,
.br-cal,
.br-vals,
.br-story-hero,
.br-story-body,
.br-ev-content,
.br-subs,
.br-sub-banner,
.br-product-single,
.br-sp,
.br-article-hero,
.br-article-body {
  position: relative;
  isolation: isolate;
}

.br-hero::after,
.br-intro::after,
.br-services::after,
.br-occ::after,
.br-events::after,
.br-blog::after,
.br-pricing::after,
.br-test::after,
.br-quote::after,
.br-drinks::after,
.br-shop::after,
.br-faq::after,
.br-contact::after,
.br-cal::after,
.br-vals::after,
.br-story-hero::after,
.br-story-body::after,
.br-ev-content::after,
.br-subs::after,
.br-sub-banner::after,
.br-product-single::after,
.br-sp::after,
.br-article-hero::after,
.br-article-body::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: 0.16;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 220px 220px;
}

/* Gekleurde achtergronden: multiply blend + iets minder intensief */
.br-story-values {
  position: relative;
  isolation: isolate;
}
.br-story-values::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: 0.14;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 220px 220px;
}

/* ===== Kleine refinements ===== */

/* Voorkom horizontale scroll op mobiel */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* Focus-ring op merk-kleuren */
*:focus-visible {
  outline: 2px solid #D71917;
  outline-offset: 3px;
}

/* Selectie-kleur */
::selection {
  background: rgba(215,25,23,.18);
  color: #230711;
}