/* style.css - Ma Cuisine Facile (noir & doré) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
:root{--gold:#C9A227;--bg:#0b0b0b;--panel:#111;--muted:#cfcfcf}
*{box-sizing:border-box}body{font-family:'Poppins',sans-serif;margin:0;background:var(--bg);color:#fff;line-height:1.5}
a{color:var(--gold);text-decoration:none}
header{background:var(--panel);padding:22px 16px;text-align:center;border-bottom:1px solid rgba(201,162,39,0.08);position:sticky;top:0;z-index:50}
.header-title{font-size:1.6rem;color:var(--gold);margin:0;font-weight:700;letter-spacing:0.4px}
.header-sub{color:var(--gold);opacity:0.95;margin-top:6px;font-size:0.95rem;font-weight:400}
nav{margin-top:12px}
nav a{margin:0 10px;color:#e8e6df;font-weight:600;font-size:0.95rem}
nav a:hover{color:var(--gold)}
.container{max-width:1100px;margin:28px auto;padding:0 16px}
.hero{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:44px;border-radius:10px;text-align:center;margin-bottom:24px}
.hero h1{margin:0;font-size:2rem;color:var(--gold)}
.hero p{color:#e6dfc7;margin:12px 0 18px}
.btn{background:var(--gold);color:#080808;padding:10px 16px;border-radius:8px;font-weight:700;display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.card{background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.6);transition:transform .28s ease, box-shadow .28s ease}
.card img{width:100%;height:180px;object-fit:cover;display:block;transition:transform .35s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.7)}
.card:hover img{transform:scale(1.06)}
.card-body{padding:14px}
.card-title{font-size:1.05rem;color:var(--gold);margin:6px 0}
.card-desc{color:#d9d7cf;font-size:0.95rem;margin-bottom:10px}
.search{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(201,162,39,0.12);background:#0d0d0d;color:#fff}
.recipe-content{background:var(--panel);padding:20px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.5);margin-bottom:18px}
.recipe-content img{width:100%;border-radius:8px;display:block;margin-bottom:14px}
h2{color:var(--gold);margin-top:0}
.ingredients ul{margin-left:18px;color:#e8e6df}
.steps ol{margin-left:18px;color:#e8e6df}
.footer{padding:18px;text-align:center;color:#cfcfcf;background:#070707;margin-top:28px;border-top:1px solid rgba(201,162,39,0.06)}
@media(max-width:600px){.hero h1{font-size:1.4rem}.card img{height:150px}}
/* small animation on reveal */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}