/* Thème « jardin tropical chic » — chargé après style.css */
:root{--deep:#0A3D1C;--night:#06220F;--paper:#FBFAF4;--line:rgba(10,61,28,.14);--radius:16px;
--font-display:"Fraunces",Georgia,serif;--font-body:"Manrope",ui-sans-serif,system-ui,sans-serif;--cream:#FBFAF4;--white:#FBFAF4;--black:#0A3D1C;--ink:#16221A;--ink-soft:#46554b}
body{background:var(--paper);font-family:var(--font-body)}
h1,h2,h3,.section-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--deep)}
.btn{border-radius:999px;border:0;padding:14px 26px;font-weight:700;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#F09020;color:#1b1205}.btn-primary:hover{background:#ffa43a}
.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.14)}
.site-header{background:rgba(6,34,15,.94);border-bottom:0;backdrop-filter:blur(10px)}
.brand-mark{background:var(--paper);border-radius:12px;padding:5px 10px;height:50px;width:auto}
.main-nav a{color:#e9f0e2;font-weight:600}.main-nav a:hover,.main-nav a.is-active{color:#F09020;background:none}
.nav-toggle span{background:#fff}.mobile-nav{background:var(--night)}.mobile-nav a{color:#fff}
/* accueil */
.hero-new{position:relative;min-height:calc(100svh - 70px);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--deep)}
.hero-new>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:drift 22s ease-out forwards}
@keyframes drift{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero-new::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,61,28,.35),rgba(10,61,28,0) 30%,rgba(10,61,28,.55) 62%,rgba(6,34,16,.96))}
.hero-copy{position:relative;z-index:2;padding:0 clamp(20px,5vw,56px) clamp(30px,6vh,64px);max-width:880px}
.hero-copy h1{color:#fff;font-weight:600;font-size:clamp(2.5rem,7.4vw,5.4rem);line-height:1.02;margin:0 0 18px;max-width:none}
.hero-copy .hero-lede{color:#eef3e8;max-width:540px;margin:0 0 26px;font-size:clamp(1.02rem,2vw,1.2rem)}
.hero-copy .hero-contact a,.hero-copy .hero-contact span{color:#e4ecdc}
.facts{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px clamp(20px,5vw,56px);border-top:1px solid rgba(255,255,255,.2);font-size:.92rem;color:#e4ecdc}
.facts b{color:#fff}
.sec-title-block h2{font-size:clamp(1.9rem,4.4vw,3.2rem);max-width:16ch;font-weight:600}
.tiles{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(2,minmax(260px,32vw));gap:14px}
.tile{position:relative;overflow:hidden;border-radius:22px;color:#fff;display:flex;align-items:flex-end;background:var(--deep)}
.tile:first-child{grid-row:span 2}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,34,16,.88))}
.tile div{position:relative;z-index:1;padding:clamp(18px,3vw,32px)}
.tile h3{color:#fff;font-size:clamp(1.4rem,2.6vw,2.1rem);margin:0 0 6px}.tile p{margin:0;color:#e9f0e2;max-width:34ch;font-size:.95rem}
.band{background:var(--deep);color:#fff}.band .band-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center}
.band h2{color:#fff;font-weight:600;font-size:clamp(1.9rem,4.4vw,3rem);max-width:14ch;margin:0 0 14px}.band p{color:#cfe0cf;margin:0 0 24px}
.info{display:grid;gap:18px}.info div{border-left:3px solid #F09020;padding-left:16px}.info b{display:block;font:600 1.2rem var(--font-display)}.info span,.info a{color:#cfe0cf}
/* pages intérieures */
.page-banner-photo{position:relative;aspect-ratio:auto;height:clamp(220px,38vw,400px);max-height:none}
.page-banner-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,34,16,.15),rgba(10,61,28,.92))}
.hero-accent{display:none}
.page-banner-content{background:var(--deep);padding:8px 0 44px;margin-top:-1px}
.page-banner-content h1{color:#fff;font-weight:600}.page-banner-content p{color:#cfe0cf}
.page-banner-content .section-eyebrow{color:#F09020}
.section-eyebrow{color:#C97418}
.highlight-card,.menu-category,.contact-card,.reservation-form,.cart-summary,.pillar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:none}
.highlight-card:hover{border-color:#107038;box-shadow:0 12px 30px rgba(10,61,28,.12)}
.dish,.mosaic img,.ceremony-gallery img,.jardin-media img{border:0;border-radius:18px}
.photo-marquee-track img{border-radius:14px}
.infobar{background:var(--paper);border-color:var(--line)}
.marquee{background:var(--night);color:#e9f0e2}
.cuisine-tags span,.ceremony-types span{border-radius:999px;border:1px solid var(--line);background:#fff}
.reservation-form input,.reservation-form select,.reservation-form textarea{border:1px solid var(--line);border-radius:12px;background:#fff}
.reservation-form input:focus,.reservation-form select:focus,.reservation-form textarea:focus{border-color:#107038;outline:0;box-shadow:0 0 0 3px rgba(16,112,56,.18)}
.site-footer{background:var(--night);color:#b9ccb9;border-top:0}
.site-footer h3,.footer-tagline{color:#fff}.site-footer a,.footer-col p{color:#b9ccb9}.site-footer a:hover{color:#F09020}
.footer-bottom{border-color:rgba(255,255,255,.12)}
.cart-bar{background:var(--deep);border-radius:999px}
@media(max-width:820px){.tiles{grid-template-columns:1fr;grid-template-rows:none}.tile,.tile:first-child{grid-row:auto;min-height:300px}.band .band-grid{grid-template-columns:1fr}.hero-new>img{object-position:50% 40%}}
@media(prefers-reduced-motion:reduce){.hero-new>img{animation:none}.tile img,.btn{transition:none}}
