/*
Theme Name: Jardin d’Éden – Chambre & Spa
Theme URI: https://jardindedenspa.be
Author: Jardin d’Éden
Description: Thème WordPress sur mesure pour Jardin d’Éden – Chambre & Spa.
Version: 1.0.0
Text Domain: jardin-eden
*/

:root{--green:#142f28;--gold:#c4a16a;--cream:#f8f5ee;--ink:#24332e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,.brand{font-family:'Playfair Display',Georgia,serif;font-weight:500}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}header{position:absolute;z-index:5;width:100%;color:white;display:flex;align-items:center;justify-content:space-between;padding:25px max(5vw,20px);gap:24px}header .brand{font-size:29px;letter-spacing:.03em}header nav{display:flex;gap:26px;align-items:center}header nav a{font-size:13px;letter-spacing:.09em;text-transform:uppercase}.nav-cta,.btn{display:inline-block;background:var(--gold);color:#182b23;padding:14px 23px;border:1px solid var(--gold);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.btn:hover,.nav-cta:hover{background:#ead2a9}.outline{background:transparent;border-color:#f6f2e9;color:#fff}.outline:hover{color:var(--green)}.hero{min-height:760px;height:94vh;max-height:1050px;background:linear-gradient(90deg,rgba(10,28,24,.8),rgba(10,28,24,.17)),linear-gradient(0deg,rgba(10,28,24,.43),transparent 50%),url('assets/images/photo-02.jpg') center 52%/cover;display:flex;align-items:center;color:#fff;padding:130px max(7vw,24px) 90px}.hero-content{max-width:760px}.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero h1{font-size:clamp(56px,8vw,112px);line-height:1.03;margin:20px 0 20px}.hero p{max-width:550px;line-height:1.85;font-size:17px;color:#f1efe7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .eyebrow{color:#ecd4ac}.section{padding:100px max(6vw,22px)}.container{max-width:1220px;margin:auto}.section-title{text-align:center;max-width:760px;margin:0 auto 50px}.section-title h2{font-size:clamp(36px,4.5vw,60px);margin:12px 0 18px;color:var(--green)}.section-title p{line-height:1.9;color:#64716b}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro h2,.split h2{font-size:clamp(36px,4vw,56px);line-height:1.18;color:var(--green)}.intro p,.split p{line-height:1.95;color:#64716b}.intro img{width:100%;height:510px;object-fit:cover}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:white;padding:31px;min-height:195px;border-top:3px solid var(--gold)}.feature b{display:block;font-family:'Playfair Display',serif;font-size:25px;color:var(--green);font-weight:500;margin:0 0 12px}.feature p{line-height:1.7;color:#68766e;margin:0;font-size:14px}.dark{background:var(--green);color:#fff}.dark .section-title h2,.dark .split h2{color:#fff}.dark .section-title p,.dark .split p{color:#c5d0c9}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.split img{width:100%;height:560px;object-fit:cover}.split .btn{margin-top:16px}.gallery-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter{border:1px solid #c9d2c8;background:transparent;color:var(--green);padding:11px 18px}.filter.active,.filter:hover{background:var(--green);color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;aspect-ratio:4/3;background:#dce2d9;text-align:left}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-item:hover img{transform:scale(1.045)}.gallery-item span{position:absolute;inset:auto 0 0;padding:34px 18px 15px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:white;font-size:14px}.gallery-item.hidden{display:none}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:start}.contact h2{font-size:50px;margin:15px 0}.contact p{line-height:1.9}.contact form{background:white;padding:35px;display:grid;gap:16px}.contact label{font-size:13px;font-weight:700;display:grid;gap:7px}.contact input,.contact textarea,.contact select{width:100%;border:1px solid #d9ded6;padding:13px;background:#fff;color:#24332e}.contact textarea{min-height:115px;resize:vertical}.contact .btn{width:100%}.note{font-size:12px;color:#69746c}.maplink{display:inline-block;margin-top:12px;border-bottom:1px solid var(--gold);padding-bottom:5px}footer{background:#0d231d;color:#d5dfd6;text-align:center;padding:40px 20px;font-size:13px}footer .brand{font-size:28px;color:#e2c99e}footer p{line-height:1.8}.lightbox{position:fixed;z-index:20;inset:0;background:rgba(4,16,12,.96);display:none;align-items:center;justify-content:center;flex-direction:column;padding:50px 60px 25px;color:white}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:78vh;object-fit:contain}.lightbox p{text-align:center}.lightbox button{position:absolute;background:transparent;border:0;color:white;font-size:38px}.close{top:12px;right:22px}.prev{left:12px;top:50%}.next{right:12px;top:50%}@media(max-width:800px){header{padding:18px 22px}header .brand{font-size:24px}header nav{gap:14px}header nav a:not(.nav-cta){display:none}.hero{min-height:620px;height:80vh}.intro,.split,.contact{grid-template-columns:1fr;gap:35px}.intro img,.split img{height:390px}.section{padding:72px 20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.gallery{gap:8px}.gallery-item span{font-size:11px;padding:30px 10px 10px}.contact form{padding:20px}.lightbox{padding:45px 36px 20px}.hero h1{font-size:59px}}