/*
Theme Name: Maison Élysée
Theme URI: https://maisonelysee.it
Author: Maison Élysée
Description: Tema WordPress alta moda con WooCommerce ready.
Version: 1.0
License: GNU General Public License v2
Text Domain: maison-elysee
*/

:root{
  --noir:#0A0A0A;
  --cream:#F5F1EA;
  --gold:#C9A961;
  --soft:#e8e3d8;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Montserrat',sans-serif;
  color:var(--noir);background:var(--cream);
  font-weight:300;line-height:1.6;
}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:400;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 0;transition:.4s;}
.nav.scrolled{background:rgba(245,241,234,.95);backdrop-filter:blur(12px);padding:14px 0;box-shadow:0 1px 20px rgba(0,0,0,.06);}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;}
.logo{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:6px;}
.nav-links{display:flex;gap:38px;list-style:none;}
.nav-links a{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;}
.nav-links a:hover{color:var(--gold);}

/* HERO */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:120px 40px 60px;max-width:1400px;margin:0 auto;}
.hero h1{font-size:clamp(44px,6vw,84px);margin-bottom:28px;}
.hero h1 em{font-style:italic;color:var(--gold);}
.hero p{font-size:16px;color:#4a4a4a;max-width:440px;margin-bottom:40px;}
.btn{display:inline-block;padding:18px 44px;background:var(--noir);color:var(--cream);font-size:12px;letter-spacing:3px;text-transform:uppercase;transition:.4s;}
.btn:hover{background:var(--gold);color:var(--noir);}
.hero-image{height:80vh;overflow:hidden;}
.hero-image img{width:100%;height:100%;object-fit:cover;}

/* SECTION */
.section{padding:120px 40px;max-width:1400px;margin:0 auto;}
.section-head{text-align:center;margin-bottom:70px;}
.section-head h2{font-size:clamp(32px,4vw,52px);}

/* COLLECTIONS */
.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.coll-card{position:relative;height:560px;overflow:hidden;}
.coll-card img{width:100%;height:100%;object-fit:cover;transition:1.2s;}
.coll-card:hover img{transform:scale(1.08);}
.coll-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.85),transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:var(--cream);}
.coll-overlay span{font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;}
.coll-overlay h3{font-size:32px;}

/* PRODUCTS */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.product-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--soft);margin-bottom:18px;}
.product-img img{width:100%;height:100%;object-fit:cover;transition:.8s;}
.product:hover .product-img img{transform:scale(1.06);}
.product h4{font-family:'Montserrat';font-size:13px;font-weight:400;margin-bottom:6px;}
.product .price{font-weight:500;color:var(--gold);}

/* ATELIER */
.atelier{background:var(--noir);color:var(--cream);padding:140px 40px;}
.atelier-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.atelier-img{height:620px;overflow:hidden;}
.atelier-img img{width:100%;height:100%;object-fit:cover;}
.atelier-text h2{font-size:clamp(34px,4vw,54px);margin-bottom:30px;}
.atelier-text p{color:#b8b3ab;margin-bottom:22px;}

/* NEWSLETTER */
.newsletter{text-align:center;padding:120px 40px;background:var(--soft);}
.newsletter h2{font-size:clamp(30px,4vw,46px);margin-bottom:16px;}
.news-form{max-width:520px;margin:40px auto 0;display:flex;border-bottom:1px solid var(--noir);}
.news-form input{flex:1;background:transparent;border:none;outline:none;padding:16px 0;font-family:inherit;}

/* FOOTER */
footer{background:var(--noir);color:#b8b3ab;padding:90px 40px 40px;}
.footer-inner{max-width:1400px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-brand h3{color:var(--cream);font-size:22px;letter-spacing:5px;margin-bottom:20px;}
.footer-col h4{color:var(--cream);font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:12px;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{padding-top:30px;display:flex;justify-content:space-between;font-size:11px;color:#6a655e;}

@media(max-width:1024px){
  .hero{grid-template-columns:1fr;padding-top:140px;}
  .collections{grid-template-columns:1fr 1fr;}
  .products{grid-template-columns:1fr 1fr;}
  .atelier-inner{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .nav-links{display:none;}
  .collections,.products{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
}