/* ═══════════════════════════════════════════════════════════
   THÈME « Photo & blanc »
   La mise en page commune est dans shared/css/cartes.css ;
   ici : couleurs, fontes (chargées dans index.html) et retouches.
   ═══════════════════════════════════════════════════════════ */
:root{
  --page:#FFFFFF; --card:#FFFFFF; --ink:#2E2A27; --mute:#857C75;
  --accent:#86684F; --accent-2:#F3E6D6; --on-accent:#FFF;
  --f-script:'Cormorant Garamond',serif; --f-titre:'Cormorant Upright',serif; --f-texte:'Cormorant Upright',serif;
  --script-scale:.8;
  --intro-bg:#1E1A17;
}
.carte-in{ box-shadow:none; }
.intro--photo .intro-kicker{ letter-spacing:.5em; }
.bande{ height:62vh; max-height:34rem; overflow:hidden; margin:1rem 0; }
.bande img{ width:100%; height:115%; object-fit:cover; }
.lead{ font-family:'Cormorant',serif; }
.sep{ display:none; }
/* Photo paysage : on recadre sur le couple (à revoir avec les photos de Sarah) */
.intro-deco img{ object-position:46% 40%; }
.bande img{ object-position:50% 30%; }
/* Signature Azmana en bas de page */
.pied .signature{ margin-top:2rem; font-style:normal; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); opacity:.75; }
.pied .signature span{ color:var(--accent); }
.pied .signature a{ color:inherit; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:1px; }
/* Compte à rebours : quatre tuiles douces sous un petit titre */
.cd-bloc{ margin:1.8rem auto .8rem; }
.cd-titre{ font-family:'Cormorant',serif; font-style:italic; font-size:1.05rem; color:var(--mute); margin-bottom:.7rem; }
.countdown{ gap:.5rem; margin:0 auto; }
.countdown > div{ flex:1; max-width:4.6rem; padding:.75rem 0 .6rem; border-radius:1rem;
  background:linear-gradient(180deg, var(--accent-2), color-mix(in srgb, var(--accent-2) 40%, #fff)); }
.countdown > div + div::before{ display:none; }
.countdown b{ font-size:2rem; line-height:1; color:var(--accent); font-variant-numeric:lining-nums tabular-nums; }
.countdown small{ font-family:'Cormorant',serif; font-style:italic; font-size:.8rem; letter-spacing:0; text-transform:none; margin-top:.35rem; }
/* Dates : c'est l'info principale, on la fait ressortir */
.date{ max-width:21rem; gap:.6rem; margin-top:1.8rem; }
.date .d-jour, .date .d-mois{ font-size:.95rem; letter-spacing:.16em; color:var(--ink); padding:.7rem 0; }
.date .d-num{ font-size:4.4rem; font-variant-numeric:lining-nums; }
.date .d-an{ font-size:1.25rem; letter-spacing:.3em; margin-top:.4rem; font-variant-numeric:lining-nums; color:var(--ink); }
.date-he{ font-size:1.05rem; margin-top:.2rem; }
.heure{ font-size:1.7rem; letter-spacing:.12em; color:var(--accent); margin:1rem 0 1.3rem; font-variant-numeric:lining-nums; }
.lieu{ font-size:1rem; }
.adresse{ font-variant-numeric:lining-nums; }
/* Prénoms en Cormorant Garamond italique (choix d'Ariel, plus lisible qu'une calligraphie) */
.t-script, .mono-txt i, .tb-mono i, .sep span i{ font-style:italic; }
/* Couronne de laurier autour du S & N (demande de Sarah) */
.mono--carte{ width:9.5rem; }
.mono .orn{ opacity:.85; }
.mono-txt{ font-size:24cqw; }

/* Ouverture claire (Sarah ne voulait pas de fond noir) :
   photo adoucie, voile crème en bas, prénoms en brun */
.intro--photo{ --intro-ink:var(--accent); }
:root{ --intro-bg:#F7F1E8; }
.intro--photo .intro-deco img{ filter:sepia(.18) brightness(1.06) contrast(.94); }
.intro--photo .intro-deco::after{ background:linear-gradient(180deg, rgb(247 241 232 / .15) 0%, rgb(247 241 232 / 0) 38%, rgb(247 241 232 / .78) 70%, #F7F1E8 92%); }
.intro--photo .intro-names{ color:var(--accent); }
.intro--photo .intro-kicker, .intro--photo .intro-date{ color:var(--ink); }
.intro .bsd{ color:var(--ink); }
/* Écran ordinateur (le téléphone au centre) : crème et sable lumineux, comme Meryl */
@media (min-width:900px){
  .desktop-gate{ background:radial-gradient(ellipse at 50% 34%, #FDF8EF 0%, #F5E8D3 55%, #EBD6B6 100%); color:var(--ink); }
  .dg-names{ color:var(--accent); }
  .dg-phone{ box-shadow:0 30px 70px -20px rgb(110 80 50 / .35); }
}