:root{--cream:#f4efe7;--ink:#122232;--accent:#d2a35d;--panel:#10263a;--font-display:'Cormorant Garamond',serif;--hero:url('assets/azur.png')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;transition:background .5s,color .5s}.showcase{position:fixed;z-index:20;left:0;top:0;width:230px;height:100vh;padding:30px 24px;background:#14151a;color:#fff;display:flex;flex-direction:column}.oraya{color:#fff;text-decoration:none;font:600 22px Montserrat;letter-spacing:.18em}.oraya-mark{color:#bcb0ff}.showcase>p{color:#898a91;font-size:12px;margin:7px 0 48px}.switcher{display:grid;gap:8px}.concept{position:relative;text-align:left;border:0;border-left:2px solid #333;background:transparent;color:#777;padding:12px 10px 12px 32px;cursor:pointer;transition:.3s}.concept span{position:absolute;left:7px;top:14px;font-size:10px}.concept b,.concept small{display:block}.concept b{font-size:14px;color:inherit}.concept small{font-size:11px;margin-top:4px}.concept.active{color:#fff;border-color:#bcb0ff;background:#202127}.hint{margin-top:auto;color:#62636a;font-size:10px;text-transform:uppercase;letter-spacing:.15em}main{margin-left:230px}.restaurant-nav{position:absolute;z-index:10;left:230px;right:0;top:0;height:84px;padding:0 5vw;display:flex;align-items:center;gap:30px;color:#fff;border-bottom:1px solid #ffffff35}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:600 25px var(--font-display);letter-spacing:.12em}.brand-icon{font-size:29px;color:var(--accent)}nav{display:flex;gap:28px;margin-left:auto}nav a,.lang{color:inherit;text-decoration:none;background:none;border:0;font:500 13px 'DM Sans'}.reserve{display:inline-block;text-decoration:none;background:var(--accent);color:#fff;padding:15px 25px;font-size:13px;font-weight:600;border:none;cursor:pointer}.reserve.top{padding:12px 21px}.hero{position:relative;min-height:720px;height:100vh;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:var(--hero);background-position:center;background-size:cover;transform:scale(1.01);transition:opacity .35s}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,26,.76) 0%,rgba(5,16,26,.28) 53%,rgba(5,16,26,.08)),linear-gradient(0deg,rgba(4,13,20,.45),transparent 50%)}.hero-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-45%);max-width:690px}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600}.hero h1{font:600 clamp(58px,7vw,108px)/.82 var(--font-display);letter-spacing:-.04em;margin:22px 0}.hero h1 em{font-weight:500;color:#ffead0}.hero-copy>p:not(.eyebrow){max-width:540px;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:34px}.menu-link,.text-link{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.menu-link span{margin-left:10px}.service-card{position:absolute;z-index:3;right:0;bottom:0;width:285px;background:var(--panel);padding:26px 34px;display:grid}.service-card span,.service-card small{font-size:11px;opacity:.7}.service-card strong{font:600 24px var(--font-display);margin:7px 0}.scroll{position:absolute;z-index:3;bottom:28px;left:7vw;color:#fff;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.scroll i{font-style:normal;margin-left:15px}.signature{padding:105px 7vw;display:grid;grid-template-columns:.85fr 1.6fr;gap:8vw}.signature h2,.reservation h2{font:600 clamp(42px,4vw,64px)/1 var(--font-display);margin:15px 0 22px}.signature>div>p:not(.section-tag),.reservation>div>p:not(.section-tag){max-width:470px;line-height:1.75;color:#67717a}.text-link{display:inline-block;margin-top:25px;border-bottom:1px solid;padding-bottom:5px}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d3cec5}.dish-grid article{background:var(--cream);padding:25px}.dish-grid span{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.15em}.dish-grid h3{font:600 25px/1.05 var(--font-display);min-height:56px}.dish-grid p{font-size:12px;line-height:1.5;min-height:38px;color:#73777a}.dish-grid b{font-size:12px}.experience{min-height:360px;padding:85px 7vw;background:var(--panel);color:#fff;display:flex;align-items:end;justify-content:space-between}.experience p{font:500 clamp(40px,5vw,75px)/1 var(--font-display);max-width:800px;margin:0}.experience div{display:grid;gap:14px;font-size:11px;opacity:.7}.reservation{padding:90px 7vw;display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}.reservation form{align-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reservation label{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.reservation input,.reservation select{margin-top:9px;width:100%;padding:14px 9px;border:1px solid #c9c6be;background:transparent;color:inherit}.reservation button{grid-column:1/-1;background:var(--ink);color:#fff;border:0;padding:16px;font-weight:600;cursor:pointer}footer{padding:40px 7vw;background:#0c1117;color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}footer p,footer small{font-size:11px;color:#9aa0a5}footer small{grid-column:1/-1;border-top:1px solid #292d31;padding-top:20px}.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,120px);background:#fff;color:#111;padding:14px 20px;box-shadow:0 10px 35px #0004;font-size:13px;transition:.35s}.toast.show{transform:translate(-50%,0)}
body[data-theme="port"]{--cream:#fffaf1;--ink:#164d78;--accent:#e25532;--panel:#0f5f8b;--font-display:'Fraunces',serif;--hero:url('assets/petit-port.png')}body[data-theme="port"] .hero h1{letter-spacing:-.05em}body[data-theme="port"] .hero h1 em{color:#ffe873}body[data-theme="port"] .shade{background:linear-gradient(90deg,rgba(0,55,91,.73),rgba(0,44,76,.05) 75%),linear-gradient(0deg,rgba(0,48,79,.28),transparent)}body[data-theme="port"] .brand-icon{color:#ffe155}body[data-theme="port"] .concept.active{border-color:#55b9ef}
body[data-theme="bahar"]{--cream:#f2ece1;--ink:#173137;--accent:#b47635;--panel:#15353a;--font-display:'Cormorant Garamond',serif;--hero:url('assets/dar-el-bahar.png')}body[data-theme="bahar"] .hero h1 em{color:#dbc39c}body[data-theme="bahar"] .shade{background:linear-gradient(90deg,rgba(6,31,38,.82),rgba(6,31,38,.04) 72%),linear-gradient(0deg,rgba(2,19,24,.4),transparent)}body[data-theme="bahar"] .concept.active{border-color:#c08b53}
@media(max-width:900px){.showcase{position:relative;width:100%;height:auto;padding:18px}.showcase>p,.hint{display:none}.switcher{grid-template-columns:repeat(3,1fr);margin-top:16px}.concept{padding:10px 5px 10px 25px}.concept small{display:none}main{margin-left:0}.restaurant-nav{position:absolute;left:0;height:70px;padding:0 18px}.restaurant-nav nav,.lang{display:none}.brand{font-size:20px}.reserve.top{margin-left:auto}.hero{height:88vh;min-height:620px}.hero-copy{left:22px;right:22px;top:48%}.hero h1{font-size:58px}.hero-copy>p:not(.eyebrow){font-size:15px}.service-card{width:230px;padding:18px 22px}.scroll{display:none}.signature,.reservation{grid-template-columns:1fr;padding:70px 22px}.dish-grid{grid-template-columns:1fr}.dish-grid h3,.dish-grid p{min-height:0}.experience{padding:60px 22px;display:block}.experience div{margin-top:45px}.reservation form{grid-template-columns:1fr}footer{padding:40px 22px;grid-template-columns:1fr}footer small{grid-column:auto}.toast{width:calc(100% - 30px);text-align:center}}
.full-menu{padding:100px 7vw;background:#fff}.menu-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;border-bottom:1px solid #d9d5ce;padding-bottom:25px}.menu-heading h2,.moments h2,.practical h2{font:600 clamp(42px,4vw,64px)/1 var(--font-display);margin:15px 0 0}.menu-tabs{display:flex;gap:5px;flex-wrap:wrap}.menu-tab{border:1px solid #d2cec6;background:transparent;color:var(--ink);padding:11px 15px;cursor:pointer;font:600 12px 'DM Sans'}.menu-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;padding:40px 0 10px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:6px 25px;padding:20px 0;border-bottom:1px dotted #bbb}.menu-item h3{font:600 23px var(--font-display);margin:0}.menu-item p{font-size:13px;line-height:1.5;color:#747b7e;margin:0}.menu-item b{grid-row:1/3;grid-column:2;align-self:start;font-size:13px}.menu-item .badge{font:600 9px 'DM Sans';color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-left:8px}.menu-note{margin-top:35px;background:var(--cream);padding:22px 28px;display:flex;align-items:center;gap:18px}.menu-note span{color:var(--accent);font-size:22px}.menu-note p{font-size:13px;margin:0}.formula-strip{display:grid;grid-template-columns:1.4fr .55fr .7fr;gap:50px;align-items:center;background:var(--accent);color:#fff;padding:55px 7vw}.formula-strip h2{font:600 42px var(--font-display);margin:9px 0}.formula-strip p{margin:0}.formula-price,.formula-time{border-left:1px solid #ffffff55;padding-left:35px;display:grid}.formula-strip span,.formula-strip small{font-size:11px;opacity:.8}.formula-strip strong{font:600 34px var(--font-display);margin:5px 0}.formula-time strong{font-size:22px}.moments{padding:100px 7vw}.moments-heading{display:flex;justify-content:space-between}.moment-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cac5bb;margin-top:55px}.moment-cards article{background:var(--cream);padding:35px;min-height:285px;display:flex;flex-direction:column}.moment-cards span{font-size:11px;color:var(--accent)}.moment-cards h3{font:600 30px var(--font-display);margin:30px 0 12px}.moment-cards p{font-size:14px;line-height:1.65;color:#697176}.moment-cards a{margin-top:auto;color:inherit;text-decoration:none;font-size:12px;font-weight:600}.gallery{height:620px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:5px;position:relative;background:#111}.gallery>div:not(.gallery-label){background-size:cover;background-position:center}.gallery-main{grid-row:1/3;background-image:var(--hero)}.top-img{background-image:url('assets/petit-port.png')}.bottom-img{background-image:url('assets/dar-el-bahar.png')}.gallery-label{position:absolute;left:7vw;bottom:35px;background:#fff;padding:18px 24px;display:grid}.gallery-label span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#7a7d7c}.gallery-label b{font:600 20px var(--font-display);margin-top:4px}.reviews{padding:85px 7vw;background:#fff;display:grid;grid-template-columns:.45fr 1.5fr .5fr;gap:6vw;align-items:center}.rating{display:grid;border-right:1px solid #ddd}.rating strong{font:600 55px var(--font-display)}.rating span{color:var(--accent);letter-spacing:.15em}.rating small,.review-author span{font-size:11px;color:#7b7e7f;margin-top:7px}.reviews blockquote{font:500 29px/1.35 var(--font-display);margin:0}.review-author{display:grid}.practical{padding:75px 7vw;background:var(--panel);color:#fff;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:4vw}.practical>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.practical span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;opacity:.6}.practical strong{font-size:13px;line-height:1.6}.practical a{font-size:11px;color:inherit}.request{grid-column:1/-1}.request input{font-family:inherit}
@media(max-width:900px){.full-menu,.moments{padding:70px 22px}.menu-heading{align-items:start;flex-direction:column}.menu-tabs{overflow-x:auto;width:100%;flex-wrap:nowrap;padding-bottom:7px}.menu-tab{white-space:nowrap}.menu-list,.moment-cards{grid-template-columns:1fr}.formula-strip{grid-template-columns:1fr;padding:45px 22px}.formula-price,.formula-time{border-left:0;border-top:1px solid #ffffff55;padding:20px 0 0}.gallery{height:530px;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr}.gallery-main{grid-column:1/3;grid-row:auto}.gallery-label{left:15px;bottom:15px}.reviews{padding:60px 22px;grid-template-columns:1fr}.rating{border-right:0;border-bottom:1px solid #ddd;padding-bottom:20px}.practical{padding:60px 22px;grid-template-columns:1fr 1fr}}


/* ORAYA — logo officiel validé */
.oraya-logo-link{display:block;width:182px;max-width:100%;line-height:0}
.oraya-logo{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:900px){
  .oraya-logo-link{width:154px}
}
