/* ==========================================================================
   LOVEVENT : décor recréé en CSS/SVG (remplace les images du site actuel)
   Provisoire : à ajuster au visuel validé. Utilise couleurs.css et tokens.css.
   Remplace : FOND-PAGES.png, Separateur-EXP-Lovevent-1024x17.png, FLECHE-BAS-*.png,
   arrow-up.png, MENUTOP-Barre/Droite.png, Nous-contacter.png, préchargeur et sprites.
   ========================================================================== */

/* Fond des pages (ex FOND-PAGES.png : dégradé rose pâle et nuages blancs) */
.fond-pages {
  background:
    radial-gradient(60% 40% at 20% 0%, rgba(255,255,255,.9), transparent 70%),
    radial-gradient(50% 35% at 80% 10%, rgba(255,255,255,.8), transparent 70%),
    linear-gradient(180deg, var(--c-fond-alt) 0%, var(--c-fond) 100%);
}

/* Séparateur (ex Separateur-EXP-Lovevent-1024x17.png) */
.separateur { height: 1px; border: 0; margin: 48px auto; max-width: 640px;
  background: linear-gradient(90deg, transparent, var(--c-rose-poudre), transparent); }

/* Bandeau de menu (ex MENUTOP-Barre / Droite) : plus d'images, un fond CSS */
.menu-barre { background: color-mix(in srgb, var(--c-blanc) 88%, transparent);
  backdrop-filter: blur(8px); border-bottom: 1px solid var(--c-rose-poudre); }

/* Flèche vers le bas et vers le haut (ex FLECHE-BAS-*.png, arrow-up.png) : chevron SVG en masque */
.fleche { display: inline-block; width: 28px; height: 28px; background: var(--c-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.fleche--haut { transform: rotate(180deg); }

/* Bloc « Nous contacter » (ex Nous-contacter.png) : du vrai texte, lisible et indexable.
   Téléphone : celui du site Expression (décision du 31/10). E-mail : celui de Love Event (contact@lovevent.fr). */
.bloc-contact { text-align: center; color: var(--c-vert-profond); font-family: var(--font-sans); }
.bloc-contact__titre { font-size: var(--fs-surtitre); letter-spacing: var(--ls-surtitre); text-transform: uppercase; font-weight: var(--fw-surtitre); }
.bloc-contact__tel { display: block; font-size: 34px; font-weight: var(--fw-titre); letter-spacing: -.5px; color: var(--c-vert-profond); text-decoration: none; }
.bloc-contact__mail { font-size: var(--fs-corps); color: var(--c-lien); }
/* HTML : <div class="bloc-contact"><p class="bloc-contact__titre">Nous contacter</p>
   <a class="bloc-contact__tel" href="tel:+33367268133">03 67 26 81 33</a>
   <a class="bloc-contact__mail" href="mailto:contact@lovevent.fr">contact@lovevent.fr</a></div> */

/* Préchargeur : AUCUN (le site est léger, pas de GIF de chargement). */