/* Mariages & Événements — styles page uniquement.
   Consomme les variables globales de activites.css (--terracotta, --cream, --ink…).
   Ne redéfinit PAS :root global. */

/* Alias locaux (charte brief) mappés sur le design system existant */
.evt-page{
  --gold-1: var(--terracotta);
  --gold-2: var(--ochre);
  --gold-3: var(--blue-700);
}

/* Hero événementiel — photo salle de réception */
.evt-hero{
  position:relative;
  min-height:78vh;
  display:flex;
  align-items:flex-end;
  padding:120px 0 72px;
  background:
    linear-gradient(180deg, rgba(30,24,18,.28) 0%, rgba(30,24,18,.45) 40%, rgba(20,16,12,.82) 100%),
    url("/assets/img/evenements/evt-hero.jpg") center 40% / cover no-repeat;
  color:#fff;
}
.evt-hero .eyebrow{color:var(--gold-2)}
.evt-hero h1{max-width:16ch;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.evt-hero .hero-sub{color:#f4efe6;max-width:36rem;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.evt-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.evt-hero .btn-ghost{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
}
.evt-hero .btn-ghost:hover{background:rgba(255,255,255,.22)}

/* Formules — même logique visuelle que .tier / .card */
.evt-packages{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.evt-package{
  background:var(--white);
  border-radius:var(--radius);
  border:1px solid rgba(224,212,191,.6);
  box-shadow:var(--shadow);
  padding:30px 26px 28px;
  display:flex;
  flex-direction:column;
  transition:transform .2s, box-shadow .2s;
}
.evt-package:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.evt-package.feat{
  border-color:rgba(184,137,63,.55);
  background:linear-gradient(180deg,#fffefb,#fbf5ea);
}
.evt-package .rank{
  font-family:'Cardo',serif;
  color:var(--gold-2);
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin:0 0 10px;
}
.evt-package h3{margin:0 0 8px;font-size:1.45rem}
.evt-package .capacity{
  margin:0 0 14px;
  color:var(--muted);
  font-size:.92rem;
}
.evt-package .desc{margin:0 0 18px;color:var(--ink);font-size:.95rem;flex:1}
.evt-package .price{
  margin:0 0 18px;
  font-size:.88rem;
  color:var(--muted);
}
.evt-package .price b{
  display:block;
  font-family:'Cardo',serif;
  font-size:1.35rem;
  color:var(--ink);
  font-weight:700;
}
.evt-package .btn-book{align-self:flex-start}
.evt-package{position:relative}
.evt-package.is-soon .btn-book{
  background:transparent;color:var(--terracotta,#b5732f);
  border:1px solid rgba(184,137,63,.45);
}
.evt-package.is-soon .btn-book:hover{background:rgba(184,137,63,.08)}
.evt-badge{
  display:inline-block;align-self:flex-start;
  background:rgba(184,137,63,.12);color:var(--terracotta,#b5732f);
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;
  padding:5px 10px;border-radius:999px;margin-bottom:8px;
}
.evt-note{margin:0 0 14px;font-size:.82rem;color:var(--muted);line-height:1.4}
.evt-section-note{
  margin:22px 0 0;text-align:center;font-size:.92rem;color:var(--muted);max-width:40rem;margin-left:auto;margin-right:auto;
}
.evt-packages-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Inclus — réutilise le pattern lux-icons / feature-list */
.evt-include-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px;
}
.evt-include{
  background:#fff;
  border-radius:var(--radius);
  border:1px solid rgba(224,212,191,.6);
  box-shadow:var(--shadow);
  padding:26px 22px;
  text-align:center;
}
.evt-include .ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;height:52px;
  border-radius:50%;
  margin:0 auto 14px;
  background:rgba(184,137,63,.14);
  color:var(--gold-1);
  font-size:1.35rem;
  line-height:1;
}
.evt-include h4{margin:0 0 6px;font-size:1.08rem}
.evt-include p{margin:0;color:var(--muted);font-size:.9rem}

/* Galerie photos événements */
.evt-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.evt-shot{
  position:relative;
  aspect-ratio:4/5;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#ddd center/cover no-repeat;
}
.evt-shot.wide{aspect-ratio:16/9;grid-column:span 2}
.evt-shot img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .45s ease;
}
.evt-shot:hover img{transform:scale(1.04)}
.evt-shot::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(20,16,12,.45), transparent 50%);
  opacity:0;
  transition:opacity .3s;
  pointer-events:none;
}
.evt-shot:hover::after{opacity:1}
.evt-shot span{
  position:absolute;
  left:14px;bottom:14px;z-index:1;
  font-size:.72rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  background:rgba(20,16,12,.45);
  padding:5px 12px;
  border-radius:999px;
  backdrop-filter:blur(4px);
}

/* Témoignages placeholder */
.evt-quotes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.evt-quote{
  background:#fff;
  border-radius:var(--radius);
  border:1px dashed rgba(184,137,63,.45);
  padding:26px 22px;
  min-height:180px;
}
.evt-quote .stars{color:var(--ochre);letter-spacing:.08em;margin:0 0 12px}
.evt-quote .ph{
  margin:0 0 16px;
  color:var(--muted);
  font-style:italic;
  font-size:.95rem;
}
.evt-quote .who{
  margin:0;
  font-family:'Cardo',serif;
  font-size:1rem;
  color:var(--ink);
}

/* Formulaire devis */
.evt-form-wrap{
  max-width:560px;
  margin:0 auto;
  background:#fff;
  border-radius:var(--radius);
  border:1px solid rgba(224,212,191,.7);
  box-shadow:var(--shadow-hover);
  padding:36px 32px;
}
.evt-form-wrap .cm-form .btn{width:100%}

/* CTA final WhatsApp */
.evt-final{
  text-align:center;
  padding:72px 24px;
  border-radius:var(--radius);
  background:
    linear-gradient(120deg, rgba(58,47,35,.88), rgba(154,111,46,.72)),
    linear-gradient(135deg, #faf6ee, #e6b876);
  color:#fff;
}
.evt-final h2{color:#fff;margin:0 0 12px;font-size:clamp(1.7rem,3.5vw,2.3rem)}
.evt-final p{margin:0 0 26px;color:#f4efe6;max-width:420px;margin-left:auto;margin-right:auto}
.evt-final .hero-ctas{justify-content:center}
.evt-wa{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#25D366;
  color:#fff!important;
  font-weight:600;
  padding:15px 28px;
  border-radius:12px;
  box-shadow:0 8px 22px rgba(37,211,102,.35);
  transition:transform .15s, filter .15s;
}
.evt-wa:hover{transform:translateY(-2px);filter:brightness(1.05)}
.evt-wa svg{width:22px;height:22px;flex:none}
.evt-final .btn-ghost{border-color:rgba(255,255,255,.75)}

@media(max-width:900px){
  .evt-packages,.evt-packages-3,.evt-quotes,.evt-gallery{grid-template-columns:1fr 1fr}
  .evt-shot.wide{grid-column:span 2}
}
@media(max-width:640px){
  .evt-packages,.evt-packages-3,.evt-quotes,.evt-gallery{grid-template-columns:1fr}
  .evt-shot.wide{grid-column:span 1;aspect-ratio:4/5}
  .evt-hero{min-height:58vh;padding:110px 0 56px;background-position:center 35%}
  .evt-form-wrap{padding:28px 20px}
}