/* ============================================================
   FLEURA — Repeating botanical wallpaper (reference pattern)
   Crisp native tile · faded via opacity + soft wash (no blur)
   ============================================================ */

:root {
  /* Native tile dimensions — 1:1 px for sharp repeat */
  --pattern-tile-w: 679px;
  --pattern-tile-h: 1024px;
  --pattern-opacity: 0.22;
  --pattern-wash: rgba(250, 248, 245, 0.48);
}

html {
  min-height: 100%;
  background-color: #faf8f5;
}

body {
  position: relative;
  background: transparent !important;
}

/* ── Fixed repeating wallpaper layer ───────────────────────────────────── */
.site-botanical-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background-color: #faf8f5;
}

.site-botanical-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url('../images/florals/botanical-wallpaper-pattern.png');
  background-repeat: repeat;
  background-size: var(--pattern-tile-w) var(--pattern-tile-h);
  background-position: center top;
  opacity: var(--pattern-opacity);
  /* Keep edges crisp — never blur or smooth-scale */
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.site-botanical-bg__wash {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--pattern-wash);
}

.site-botanical-bg__art {
  display: none !important;
}

main {
  background: transparent;
}

body > *:not(.site-botanical-bg):not(.loader):not(.navbar):not(#navbar):not(.mobile-menu):not(.mobile-menu-overlay):not(.whatsapp-float):not(.cursor-dot):not(.cursor-ring) {
  position: relative;
  z-index: 1;
}

body .loader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: #faf8f5 !important;
}

/* Navbar must stay fixed + solid (never overridden by layout layers) */
.navbar,
#navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(250, 248, 245, 0.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(92, 83, 76, 0.06) !important;
}

/* Content sections — readable, pattern whispers through */
main > section.bg-ivory,
main > section.bg-white,
section.bg-ivory:not(footer *) {
  background-color: rgba(250, 248, 245, 0.92) !important;
}

main > section.bg-cream,
section.bg-cream,
section[class*='bg-cream'] {
  background-color: rgba(245, 240, 232, 0.9) !important;
}

section[class*='bg-cream/50'] {
  background-color: rgba(255, 255, 255, 0.93) !important;
}

body.page-home .hero-cinematic {
  background-color: transparent !important;
}

.product-card,
.product-card-luxury,
.product-card-mockup,
.occasion-card,
.occasion-card-lux {
  background-color: #fff !important;
}

/* No corner overlays — wallpaper only */
.floral-deco-zone,
.hero-cinematic::before,
.hero-cinematic::after,
.page-hero.floral-accent-tr::before,
.page-hero.floral-accent-tr::after {
  background-image: none !important;
  content: none !important;
}

@media (max-width: 768px) {
  :root {
    --pattern-opacity: 0.18;
    --pattern-wash: rgba(250, 248, 245, 0.54);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-botanical-bg__art {
    display: none !important;
  }
}