/* ===== Option A — « Gravure claire » : site final (retours mariés) ===== */
:root{
  --bg:#FEEEE1; --surface:#FFF9F1; --alt:#F6E5D4;
  --hero-img:url('/assets/img/couple-hero-boost.jpg'); --hero-pos:center 52%;
  --show-img:url('/assets/img/chateau-aerial.jpg'); --show-pos:center 50%;
  --foot-bg:#3B3A14; --foot-text:#EFE7CF;
  --olive-block:#4E4D1B;
  --hero-veil:linear-gradient(180deg,rgba(26,25,7,.62) 0%,rgba(26,25,7,.40) 24%,rgba(26,25,7,.12) 46%,rgba(26,25,7,.06) 64%,rgba(22,21,5,.5) 100%);
}
/* prénoms en haut du hero, date + lieux en bas */
.hero{justify-content:flex-start;padding:clamp(52px,9vh,120px) 24px clamp(84px,13vh,150px);}
.hero-inner{flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.hero-foot{display:flex;flex-direction:column;align-items:center;}
@media(max-width:760px){.hero{padding-top:clamp(56px,9vh,96px);padding-bottom:clamp(64px,11vh,108px);}}
/* photo hero specifique mobile (plus d'herbe sous le couple, moins de ciel) */
@media(max-width:760px){.hero-media{background-image:url('/assets/img/couple-hero-boost-bis.jpg');}}

/* menu : logo agrandi (déborde légèrement, bandeau inchangé), titre plus gros/gras, liens colorés */
.topnav .bar{padding-top:2px;padding-bottom:2px;}
.brand .mono{width:64px;margin-top:-5px;margin-bottom:-5px;}
.brand b{font-size:.98rem;font-weight:700;letter-spacing:.14em;}
.nav-links a{color:var(--text);}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--olive);background:color-mix(in srgb,var(--gold-line) 16%,transparent);}
.topnav{transition:background .3s ease;}
.topnav.scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);}
/* adresse cliquable dans le déroulé (même couleur que le reste) */
.addr-link{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-line);}

/* ---- DA faire-part : fleur de lys comme separateur de titre ---- */
h2.title::after{content:"\269C\FE0E";width:auto;height:auto;background:none;color:var(--gold-line);font-size:1.15rem;line-height:1;margin-top:14px;font-weight:400;}
/* fleurs de lys toutes en graisse normale (uniformes) */
.venues .lys,.countdown .sep,.site-foot .fdate{font-weight:400;}

/* ---- « & » redessine : Garamond italique, defini ---- */
@font-face{font-family:'GreatVibes';src:url('/assets/fonts/GreatVibes.ttf') format('truetype');font-display:swap;}
.amp{font-family:var(--serif);font-style:normal;font-weight:400;}
.names .amp{display:inline-block;margin:0;font-size:.5em;vertical-align:.08em;color:var(--gold-line);}
.hero .names .amp{font-family:'GreatVibes',cursive;color:var(--gold-line);font-style:normal;font-weight:400;transform:none;font-size:.72em;vertical-align:.02em;}

/* ---- HERO : lignes de lieu ---- */
.hero-top{display:flex;flex-direction:column;align-items:center;}
.hero-date{margin:6px 0 0;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:#FFFFFF;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.75);}
.hero .names{padding:.06em 0 .12em;}
.venues{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;margin:18px 0 0;}
.venues > .v{display:flex;flex-direction:column;gap:3px;}
.venues .lbl{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;color:#FFFFFF;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.75);}
.venues .date-v .lbl{color:#F6E7B8;}
.venues .val,.venues .lys{font-size:1.05rem;line-height:1.25;}
.venues .val{font-style:normal;color:#F6E7B8;text-shadow:0 1px 6px rgba(0,0,0,.7);}
.venues .lys{display:flex;min-height:1.3125rem;align-items:center;justify-content:center;color:var(--gold-line);text-shadow:0 1px 5px rgba(0,0,0,.6);}
@media(min-width:900px){
  .hero-foot{width:100%;}
  .hero-date{font-size:1.32rem;letter-spacing:.24em;}
  .venues{display:grid;width:min(1100px,calc(100vw - 96px));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);}
  .venues .lbl{font-size:1.18rem;}
  .venues .val,.venues .date-v .lys{font-size:1.12rem;}
  .venues .val{color:#F6E7B8;}
  .venues .v:first-child{align-items:flex-start;text-align:left;}
  .venues .date-v{align-items:center;text-align:center;justify-self:center;align-self:center;}
  .venues .v:last-child{align-items:flex-end;text-align:right;}
}
@media(max-width:560px){
  .hero{padding-left:18px;padding-right:18px;}
  .hero .names{white-space:nowrap;font-size:min(14.5vw,4.6rem);}
  .venues{flex-direction:column;gap:8px;}
  .venues .v{align-items:center;text-align:center;}
  .venues .date-v{gap:0;margin:2px 0;}
  .venues .date-v .lys{min-height:0;line-height:1;}
}

/* ---- Decompte ---- */
.countdown{display:inline-flex;align-items:flex-start;gap:clamp(14px,4vw,34px);margin-top:30px;}
.countdown > div{display:flex;flex-direction:column;align-items:center;min-width:62px;}
.countdown .cd-num{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700;color:var(--olive);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;margin:0;}
.countdown .cd-lbl{font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-2);margin-top:10px;margin-right:-.24em;}
.countdown .sep{color:var(--gold-line);font-size:1rem;font-weight:400;height:clamp(2.2rem,6vw,3.2rem);display:inline-flex;align-items:center;letter-spacing:0;margin:0;}

/* ---- Cadre delicat autour des photos (double filet olive + or) ---- */
.framed{margin:0;}
.frame-in{position:relative;display:block;padding:9px;background:var(--surface);border:1px solid var(--olive);}
.frame-in::before{content:"";position:absolute;inset:4px;border:1px solid var(--gold-line);pointer-events:none;z-index:2;}
.framed img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;}
.framed figcaption{margin-top:12px;text-align:center;color:var(--text-2);font-size:.9rem;}

/* ---- Jour J : deux colonnes texte + photo ---- */
.moment.split{display:grid;grid-template-columns:1fr .92fr;gap:clamp(22px,4vw,46px);align-items:center;background:none;border:0;padding:0;}
.moment.split::before{display:none;}
.moment.split + .moment.split{margin-top:clamp(38px,6vw,64px);}
.moment.split .moment-txt{min-width:0;}
.moment.split h3{letter-spacing:.06em;}
@media(max-width:760px){
  .moment.split{grid-template-columns:1fr;}
  .moment.split figure{order:2;}
  .moment.split .moment-txt{order:1;}
}
@media(min-width:761px){
  .moment.split.reverse .moment-txt{order:2;}
  .moment.split.reverse figure{order:1;}
}

/* ---- Le lieu : histoire du domaine + galerie ---- */
.lieu-story{padding:clamp(44px,7vw,80px) 24px 0;text-align:center;}
.lieu-txt{max-width:60ch;margin:0 auto;}
.lieu-txt h3{font-size:1.7rem;font-weight:600;color:var(--olive);margin:.2rem 0 .6rem;}
.lieu-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:clamp(30px,4vw,44px) auto 0;max-width:980px;}
.lieu-gallery .framed img{aspect-ratio:3/4;}
@media(max-width:680px){.lieu-gallery{grid-template-columns:1fr;max-width:360px;}}

/* collage de 4 photos verticales du lieu (remplace le bandeau) */
.lieu-collage{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:min(1180px,100%);margin:clamp(30px,4vw,46px) auto 0;padding:0 24px;}
.lieu-collage figure{margin:0;position:relative;padding:6px;background:var(--surface);border:1px solid rgba(78,77,27,.35);}
.lieu-collage figure::before{content:"";position:absolute;inset:3px;border:1px solid rgba(169,133,47,.5);pointer-events:none;z-index:2;}
.lieu-collage img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;}
@media(max-width:640px){.lieu-collage{grid-template-columns:repeat(2,1fr);gap:12px;}}

/* ---- Code vestimentaire (façon option 4) ---- */
.attire{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(18px,4vw,44px);margin-top:32px;}
.attire article{text-align:center;}
.attire article span{display:block;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.5rem;}
.attire article h4{font-family:var(--script);font-weight:400;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--olive);line-height:1.05;margin:0;}
.attire article p{margin:.5rem 0 0;color:var(--text-2);font-style:italic;}
.attire-mono{width:clamp(96px,13vw,150px);align-self:center;}
.attire-mono .mono{width:100%;height:auto;}
@media(max-width:640px){
  .attire{grid-template-columns:1fr;gap:24px;}
  .attire-mono{order:0;margin:0 auto;}
}
.palette{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;margin:clamp(28px,3.6vw,42px) auto 0;max-width:760px;}
@media(max-width:640px){.palette{margin-top:46px;}}

/* Séjour à proximité : sélection d'hébergements */
.proximite{margin-top:clamp(48px,7vw,84px);}
.stays{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(760px,100%);margin:clamp(28px,4vw,40px) auto 0;text-align:left;}
@media(max-width:640px){.stays{grid-template-columns:1fr;}}
.stay{background:var(--surface);border:1px solid var(--line);padding:0;overflow:hidden;}
.stay-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;}
.stay-body{padding:18px 22px 20px;}
.stay h4{margin:0 0 .2rem;font-size:1.12rem;font-weight:600;color:var(--olive);line-height:1.25;}
.stay h4 a{color:inherit;text-decoration:none;}
.stay h4 a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;}
.stay p{margin:.12rem 0;color:var(--text);}
.stay .city{color:var(--text-2);}
.stay .type{color:var(--text);font-size:.95rem;}
.stay .dist{margin-top:.35rem;font-size:.86rem;font-style:italic;color:var(--text-2);}
.stays-note{width:min(640px,100%);margin:clamp(22px,3vw,30px) auto 0;color:var(--text-2);font-size:.96rem;}
.palette i{display:flex;flex-direction:column;align-items:center;gap:9px;width:72px;}
.palette i::before{content:"";width:34px;height:34px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);}
.palette i span{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);}
.dress-note{text-align:center;max-width:56ch;margin:26px auto 0;color:var(--text-2);font-style:italic;}

/* ---- Liste (bloc olive + photo) ---- */
.liste-band{background:var(--olive-block);color:#F4EEDA;}
.liste-inner{width:min(1080px,100%);margin:0 auto;padding:clamp(48px,7vw,86px) 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,52px);align-items:center;}
@media(max-width:820px){.liste-inner{grid-template-columns:1fr;}}
.liste-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(22px,3vw,32px);}
.liste-card .eyebrow.light{color:#E7C778;text-align:left;}
.liste-card .title.light{color:#F7F0DB;text-align:left;}
.liste-card .title.light::after{content:none;}
.liste-card p{color:#E9E1C6;margin:0;}
.liste-card .eyebrow.light{margin:0;}
.liste-card .cta-btn.gold{margin-top:6px;}
.cta-btn.gold{background:#F4EEDA;color:#3B3A14;border-color:#F4EEDA;margin-top:24px;font-weight:600;font-size:.8rem;letter-spacing:.16em;}
.cta-btn.gold:hover,.cta-btn.gold:focus-visible{background:transparent;color:#F7F0DB;border-color:#F4EEDA;}
@media(max-width:820px){
  .liste-inner .cta-btn.gold{display:block;width:100%;text-align:center;}
}
.framed.light .frame-in{background:rgba(255,255,255,.05);border-color:#CBA24B;}
.framed.light .frame-in::before{border-color:rgba(247,240,219,.4);}
.framed.light figcaption{color:#E9E1C6;}
.framed.light img{aspect-ratio:4/5;}

/* ---- Bloc de fin ---- */
.site-foot .foot-mono{width:clamp(96px,13vw,148px);margin:0 auto 4px;}
.site-foot .foot-mono .mono{width:100%;height:auto;}
.site-foot .fnames{font-family:var(--script);font-size:clamp(2.8rem,7vw,3.8rem);}
.site-foot .fnames .amp{font-family:var(--serif);font-style:normal;font-weight:400;font-size:.46em;color:var(--foot-text);margin:0;vertical-align:.06em;}
.site-foot .fdate{letter-spacing:.34em;}

/* ===== Épuration typographique (retour mariés : trop de gras/italique/couleurs) =====
   - Calligraphie Pinyon réservée AUX PRÉNOMS uniquement
   - Aucun italique dans le corps ; libellés dans une seule teinte sobre
   - Doré réservé à la fleur de lys, aux filets et aux liens */
.eyebrow{color:var(--text-2);font-weight:600;}
.moment .time{color:var(--text-2);}
.attire article span{color:var(--text-2);}
.muted,.faq .acc .muted,.moment .sub,.framed figcaption,.attire article p,.dress-note,.lieu-txt .muted{font-style:normal;}
.framed figcaption{color:var(--text-2);font-size:.9rem;}
.moment .sub,.dress-note,.attire article p{color:var(--text-2);}
.lead{color:var(--text);}
/* sous-titres de section en Garamond (plus de calligraphie hors prénoms) */
.attire article h4{font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1.2;text-transform:none;letter-spacing:0;}
.liste-card .eyebrow.light{color:#E9E1C6;}
