/* style.css */
:root{
  --bg:#0f0e0e;           /* noir profond luxe */
  --ink:#f5f2ea;          /* ivoire doux */
  --muted:#c4b38a;        /* or mat */
  --accent:#d4af37;       /* gold */
  --ink-60:rgba(245,242,234,.6);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(1200px 600px at 10% -20%, #1b1815 10%, transparent 60%),
    radial-gradient(800px 400px at 100% 0%, #221f1b 10%, transparent 60%),
    var(--bg);
  line-height:1.6;
}




img{max-width:100%;display:block}

/* Titres nobles */
h1,h2,h3{font-family:"Playfair Display", serif;letter-spacing:.3px}

/* Header promo */
.header{position:relative; padding:.5rem 1rem; border-bottom:1px solid rgba(212,175,55,.25); background:linear-gradient(90deg,#151313,#0f0e0e)}
.scrolling-text{overflow:hidden; white-space:nowrap}
.scrolling-text p{display:inline-block; padding:.25rem 0; animation:marquee 14s linear infinite; color:var(--muted); text-transform:uppercase; letter-spacing:2px}
.animated-gif{position:absolute; right:1rem; top:.35rem; width:42px; height:42px}
@keyframes marquee{from{transform:translateX(0)} to{transform:translateX(-100%)} }

/* Navbar */
.navbar{display:flex; align-items:center; gap:1rem; padding:1rem; border-bottom:1px solid rgba(212,175,55,.15)}
.menu-toggle{display:none}
.menu-icon{font-size:1.6rem; cursor:pointer; user-select:none}
.nav-items{list-style:none; margin:0; padding:0; display:flex; gap:1.25rem}
.nav-items a{color:var(--ink); text-decoration:none; padding:.5rem .25rem}
.nav-items a:hover{color:var(--accent)}

/* Dropdown */
.dropdown{position:relative}
.dropdown-content{position:absolute; left:0; top:100%; min-width:180px; background:#171515; border:1px solid rgba(212,175,55,.2); border-radius:.5rem; display:none; padding:.25rem; box-shadow:0 6px 18px rgba(0,0,0,.45)}
.dropdown-content a{display:block; padding:.5rem .75rem}
.dropdown:hover .dropdown-content, .dropdown:focus-within .dropdown-content{display:block}

/* Responsive menu (CSS only) */
@media (max-width: 900px){
  .nav-items{display:none; flex-direction:column; width:100%}
  .menu-toggle:checked + .menu-icon + .nav-items{display:flex}
  .dropdown-content{position:relative}
}

/* Carrousel */
.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* remplit sans déformation */
  object-position: center; 
  border-radius: 12px; /* optionnel */
}
.carousel-container{max-width:800px; margin:2rem auto; overflow:hidden; border-radius:1rem; border:1px solid rgba(212,175,55,.18); box-shadow:0 20px 50px rgba(0,0,0,.45)}
.carousel-track{display:flex; width:300%; animation:slide 18s infinite}
.carousel-slide{flex:0 0 100%}
.carousel-slide img{width:50%; ; object-fit:cover}
@keyframes slide{
  0%, 20% {transform:translateX(0)}
  33%, 53% {transform:translateX(-100%)}
  66%, 86% {transform:translateX(-200%)}
  100% {transform:translateX(0)}
}

/* Grille contenu */
.content{max-width:1200px; margin:3rem auto; padding:0 1rem; display:grid; grid-template-columns:repeat(12,1fr); gap:1rem}
.content figure{grid-column: span 4; margin:0; border:1px solid rgba(212,175,55,.15); border-radius:.75rem; overflow:hidden; background:#141212}
.content .card-xl{grid-column: span 8}
.content p{grid-column:span 12; color:var(--ink-60)}

.calendly-button{display:inline-block; padding:.85rem 1.25rem; border-radius:999px; background:linear-gradient(135deg, #b8962e, #d4af37 35%, #f1e4b5); color:#1b160c; text-decoration:none; font-weight:600; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 8px 24px rgba(212,175,55,.25)}
.calendly-button:hover{filter:saturate(1.05) brightness(1.05)}

/* Footer */
.footer{padding:2rem 1rem; border-top:1px solid rgba(212,175,55,.2); text-align:center}
.footer .home-link{color:var(--muted); text-decoration:none}
.footer .home-link:hover{color:var(--accent)}

/* Accessibilité focus */
:focus{outline:2px dashed var(--accent); outline-offset:3px}