/* ═══════════════════════════════════════════════════════════════════════════ Template DOLCE VITA — Riviera italienne, citrons d'Amalfi, soleil de juillet Inspirations : Positano, blue Capri, jaune limone, Loro Piana Effets : citrons SVG flottants, halo solaire, dégradés méditerranéens ═══════════════════════════════════════════════════════════════════════════ */ .wpm--dolce_vita { background: radial-gradient(ellipse 60% 50% at 10% 0%, color-mix(in srgb, var(--wpm-primary) 25%, transparent) 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 90% 100%, color-mix(in srgb, var(--wpm-secondary) 20%, transparent) 0%, transparent 50%), var(--wpm-surface); } .wpm--dolce_vita > section { padding: 110px 32px; max-width: 1080px; position: relative; } /* Citron SVG flottant dans le coin (sauf hero) */ .wpm--dolce_vita > section:not(:first-child)::before { content: ''; position: absolute; top: 30px; right: 30px; width: 48px; height: 48px; background: url("data:image/svg+xml;utf8,") no-repeat center / contain; transform: rotate(15deg); animation: wpm-float 6s ease-in-out infinite; opacity: .85; pointer-events: none; } /* ────── Titres : Cinzel uppercase, ligne or dorée ────── */ .wpm--dolce_vita .wpm-section-title { font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: .18em; font-size: clamp(1.4rem, 3.5vw, 2.2rem); font-weight: 500; } .wpm--dolce_vita .wpm-section-title::after { height: 3px; width: 64px; background: linear-gradient(90deg, var(--wpm-primary) 0%, color-mix(in srgb, var(--wpm-primary) 70%, #fff) 100%); opacity: 1; border-radius: 2px; } /* ────── HERO : ciel + soleil radial + cadre élégant ────── */ .wpm--dolce_vita .wpm-hero { background-color: var(--wpm-primary); min-height: 100vh; overflow: hidden; } .wpm--dolce_vita .wpm-hero__overlay { background: radial-gradient(ellipse at 30% 80%, color-mix(in srgb, var(--wpm-primary) 50%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.18) 0%, transparent 30%), linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.45) 100%); } .wpm--dolce_vita .wpm-hero__inner { animation: wpm-fade-up 1.6s cubic-bezier(.2,.7,.2,1) both; } .wpm--dolce_vita .wpm-hero__names { font-family: 'Cinzel', serif; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; } .wpm--dolce_vita .wpm-hero__amp { font-style: normal; font-size: .6em; color: var(--wpm-secondary); font-weight: 400; } .wpm--dolce_vita .wpm-hero__subtitle { font-family: 'Cinzel', serif; letter-spacing: .35em; } .wpm--dolce_vita .wpm-hero__subtitle::before { content: '🍋 '; } .wpm--dolce_vita .wpm-hero__date { font-family: 'Cinzel', serif; letter-spacing: .3em; } /* Soleil décoratif derrière le hero (mix-blend-mode) */ .wpm--dolce_vita .wpm-hero::before { content: ''; position: absolute; top: 15%; right: -100px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(255,236,150,.45) 0%, rgba(255,236,150,.1) 60%, transparent 100%); mix-blend-mode: screen; animation: wpm-float 8s ease-in-out infinite; pointer-events: none; } /* ────── COUNTDOWN : carrelage italien ────── */ .wpm--dolce_vita .wpm-countdown { background: var(--wpm-secondary); color: #fff; } .wpm--dolce_vita .wpm-countdown__grid > div { background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.3); border-radius: 4px; backdrop-filter: blur(10px); } .wpm--dolce_vita .wpm-countdown__grid strong { font-family: 'Cinzel', serif; font-weight: 500; } /* ────── CARDS : style carrelage avec léger marbre ────── */ .wpm--dolce_vita .wpm-lieu__step, .wpm--dolce_vita .wpm-menu__card, .wpm--dolce_vita .wpm-places__card, .wpm--dolce_vita .wpm-prestas__card { border-radius: 8px; background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,.4) 100%), var(--wpm-surface); border: 1px solid color-mix(in srgb, var(--wpm-primary) 35%, transparent); box-shadow: 0 12px 32px -16px color-mix(in srgb, var(--wpm-primary) 50%, transparent); transition: transform .35s, box-shadow .35s; } .wpm--dolce_vita .wpm-lieu__step:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -20px color-mix(in srgb, var(--wpm-primary) 70%, transparent); } .wpm--dolce_vita .wpm-lieu__step-type { font-family: 'Cinzel', serif; background: linear-gradient(135deg, var(--wpm-primary), color-mix(in srgb, var(--wpm-primary) 70%, #fff)); color: #5a4500; letter-spacing: .2em; } /* ────── CTA : style Aperitivo ────── */ .wpm--dolce_vita .wpm-rsvp__cta, .wpm--dolce_vita .wpm-liste__cta { background: linear-gradient(135deg, var(--wpm-primary) 0%, color-mix(in srgb, var(--wpm-primary) 80%, #b88a0e) 100%); color: #5a4500; font-family: 'Cinzel', serif; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; box-shadow: 0 10px 24px -10px rgba(245,197,24,.6); border: 1px solid color-mix(in srgb, var(--wpm-primary) 70%, #000); border-radius: 999px; padding: 16px 36px; } .wpm--dolce_vita .wpm-rsvp, .wpm--dolce_vita .wpm-liste { background: var(--wpm-secondary); color: #fff; } /* ────── GALERIE : encadrements bleu Capri ────── */ .wpm--dolce_vita .wpm-galerie__item { border-radius: 8px; box-shadow: 0 0 0 3px var(--wpm-surface), 0 0 0 4px var(--wpm-primary), 0 14px 28px -16px rgba(0,0,0,.3); } /* ────── FOOTER : ciel italien ────── */ .wpm--dolce_vita .wpm-footer { background: linear-gradient(180deg, var(--wpm-secondary) 0%, color-mix(in srgb, var(--wpm-secondary) 70%, #000) 100%); } .wpm--dolce_vita .wpm-footer__love { font-family: 'Cinzel', serif; letter-spacing: .15em; font-style: normal; font-size: 1.2rem; color: var(--wpm-primary); } .wpm--dolce_vita .wpm-footer__love::before { content: '🍋 '; } .wpm--dolce_vita .wpm-footer__love::after { content: ' 🍋'; }