/* =========================================================
   Fond fleurs partagé (account, case_opening, shop, home…)
   Chargé dans le socle global (header.php) — ne pas dupliquer.
   ========================================================= */

/* Évite que .shop_content (overflow: hidden) ne découpe le fond fixe sur My Account */
.shop_content:has(> .page-flower-bg) {
  overflow: visible;
}

/* Fond fleurs plein viewport (page d'accueil) : contenu au-dessus */
body:has(> .page-flower-bg--viewport) {
  overflow-x: visible;
}

body:has(> .page-flower-bg--viewport) > *:not(.page-flower-bg--viewport):not(.cookie-consent-banner):not(.shop-char-reveal) {
  position: relative;
  z-index: 1;
}

body:has(> .page-flower-bg--viewport) > .shop_content {
  overflow: visible;
}

.page-flower-bg--viewport {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  min-width: 100%;
  min-height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* position: relative uniquement hors accueil (évite d'écraser position: fixed du viewport) */
.page-flower-bg:not(.page-flower-bg--viewport) {
  position: relative;
}

@keyframes page-flower-bg-float {
  0%, 100% { transform: translate(0, 0); }
  20% { transform: translate(0.4%, 0.25%); }
  40% { transform: translate(-0.35%, 0.4%); }
  60% { transform: translate(-0.2%, -0.3%); }
  80% { transform: translate(0.3%, -0.2%); }
}

.page-flower-bg::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-width: 100%;
  min-height: 100%;
  background-image: url('../00_ressources/general/background/background_flowers.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.45;
  z-index: -1;
  pointer-events: none;
  animation: page-flower-bg-float 38s ease-in-out infinite;
}