/* Base de style : fiche Refero « Amrit Palace » (hero plein cadre sur photo sombre, grands titres en serif très fin en capitales,
   toile beige, une seule touche de safran, filets d'1 px entre sections, angles vifs). Le beige devient un vert d'eau doux (herbes
   thaïes), le noir un vert très sombre, le safran un jaune curcuma ; polices et sections recomposées pour Au Comptoir Thaï. */
@font-face{font-family:Cormorant;src:url(fonts/cormorant.woff2?v=1) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:Hanken;src:url(fonts/hanken.woff2?v=1) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --nuit:#182a22;--nuit2:#12211b;--jade:#cdd6c0;--jade2:#bcc8ae;--lin:#d9e0cd;--curcuma:#e4a63c;--curcuma2:#80520a;--encre:#16231d;--sec:#3c4a41;--creme:#e6ead9;
  --titre:Cormorant,Georgia,serif;--corps:Hanken,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--jade);color:var(--encre);font-family:var(--corps);font-size:17px;line-height:1.65;padding-bottom:64px}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.annonce{background:var(--nuit2);color:var(--creme);text-align:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px}
.site-header{position:sticky;top:0;z-index:30;background:var(--nuit);color:var(--creme);border-bottom:1px solid rgba(230,234,217,.2)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;width:min(100% - 40px,1360px);margin-inline:auto}
.marque{white-space:nowrap;font-family:var(--titre);font-size:25px;font-weight:500;letter-spacing:.02em;text-decoration:none;color:var(--creme);padding:8px 0}
.nav{display:none;gap:30px;margin-left:auto;margin-right:26px}
.nav a{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:16px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a.on{border-bottom-color:var(--curcuma)}
.pilule{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:3px;background:var(--curcuma);color:var(--nuit2);font-family:var(--corps);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--curcuma);transition:background .3s,color .3s}
.pilule:hover{background:transparent;color:var(--curcuma)}
.pilule-petite{min-height:42px;padding:0 18px;font-size:13px}
.pilule-nuit{background:var(--nuit);color:var(--creme);border-color:var(--nuit)}
.pilule-nuit:hover{background:transparent;color:var(--nuit)}
.pilule-contour{background:transparent;color:var(--nuit);border-color:var(--nuit)}
.pilule-contour:hover{background:var(--nuit);color:var(--creme)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin:0}
.actions-centre{justify-content:center}
.lien{font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor;padding:12px 0 3px;display:inline-block}
.lien-fonce{color:var(--curcuma2);margin-top:26px}
.mini{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;color:var(--curcuma)}
.mini-fonce{color:var(--curcuma2)}
h1,h2{font-family:var(--titre);font-weight:300;text-transform:uppercase;margin:0;line-height:.95;letter-spacing:-.015em}
h1 em,.pied-marque em{font-style:italic;color:var(--curcuma)}
h2{font-size:clamp(36px,6.2vw,68px);margin-bottom:24px}
/* Héros plein cadre */
.hero{position:relative;background:var(--nuit2);color:var(--creme);overflow:hidden}
.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%}
.hero-voile{display:none}
.hero-in{position:relative;width:min(100% - 40px,1360px);margin-inline:auto;padding:36px 0 54px}
h1{font-size:clamp(54px,15vw,176px);color:var(--creme);margin:0 0 22px;line-height:.9}
.hero-sous{font-size:19px;max-width:27em;margin:0 0 28px;color:#dfe4d0}
.hero .lien{color:var(--creme)}
.legende{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#b8c4aa;margin:26px 0 0}
/* Carte */
.carte{padding:92px 20px 72px}
.carte-in{width:min(100%,1240px);margin-inline:auto;display:grid;gap:40px}
.carte-sous{font-size:19px;color:var(--sec);margin:0;max-width:24em}
.plats{list-style:none;margin:0;padding:0;border-top:1px solid rgba(22,35,29,.35)}
.plats li{padding:20px 0;border-bottom:1px solid rgba(22,35,29,.35);display:flex;flex-direction:column;gap:2px}
.plats b{font-family:var(--titre);font-weight:500;font-size:clamp(27px,3.6vw,38px);line-height:1.1;text-transform:uppercase;letter-spacing:.005em}
.plats span{color:var(--sec)}
.note{font-size:14.5px;color:var(--sec);margin:22px 0 0;max-width:46em}
.note-centre{width:min(100%,1240px);margin:34px auto 0}
/* Assiette */
.assiette{background:var(--nuit);padding:12px;display:grid;gap:12px}
.assiette figure{margin:0;position:relative;overflow:hidden}
.assiette img{width:100%;aspect-ratio:4/3;object-fit:cover}
.assiette figcaption{position:absolute;left:0;bottom:0;padding:34px 18px 14px;width:100%;background:linear-gradient(0deg,rgba(18,33,27,.85),rgba(18,33,27,0));font-family:var(--titre);font-size:28px;color:var(--creme);text-transform:uppercase;letter-spacing:.01em}
.legende-bloc{margin:6px 0 4px;text-align:center}
/* Maison */
.maison{padding:92px 20px}
.maison-in{width:min(100%,1240px);margin-inline:auto;display:grid;gap:44px}
.maison-texte p{max-width:34em;margin:0;color:var(--sec)}
.liste{list-style:none;margin:0;padding:0}
.liste li{padding:14px 0;border-top:1px solid rgba(22,35,29,.35);font-size:16px}
.liste li:last-child{border-bottom:1px solid rgba(22,35,29,.35)}
/* Avis */
.avis{background:var(--jade2)}
.avis-in{width:min(100% - 40px,1240px);margin-inline:auto;padding:80px 0}
.avis-grille{display:grid;margin-top:10px;border-top:1px solid rgba(22,35,29,.35)}
.avis blockquote{margin:0;padding:28px 0;border-bottom:1px solid rgba(22,35,29,.35)}
.avis blockquote p{font-family:var(--titre);font-weight:500;font-size:clamp(24px,2.8vw,32px);line-height:1.15;margin:0 0 12px}
.avis footer{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sec)}
/* Réservation */
.resa{background:var(--nuit);color:var(--creme);text-align:center;padding:88px 20px}
.resa-in{width:min(100%,760px);margin-inline:auto}
.resa-in h2{font-size:clamp(42px,9vw,92px);margin-bottom:12px}
.resa-in p{margin:0 0 26px;font-size:19px}
/* Infos */
.infos-in{width:min(100% - 40px,1240px);margin-inline:auto;display:grid;gap:64px;padding:84px 0}
.infos h2{font-size:clamp(32px,4.8vw,54px)}
.horaires{width:100%;max-width:560px;border-collapse:collapse}
.horaires th,.horaires td{text-align:left;padding:14px 0;border-bottom:1px solid rgba(22,35,29,.35);font-weight:400}
.horaires th{font-weight:700;width:30%}
.horaires tr.today{background:rgba(128,82,10,.14)}
.horaires tr.today th::after{content:" · aujourd'hui";font-weight:400;color:var(--curcuma2)}
address{font-style:normal;margin:0 0 14px;font-size:19px;line-height:1.7}
.pied{background:var(--nuit2);color:#c2cdb4;text-align:center;padding:52px 20px 44px;font-size:14px}
.pied-marque{font-family:var(--titre);font-weight:300;font-size:clamp(38px,8vw,76px);text-transform:uppercase;color:var(--creme);margin:0 0 12px;line-height:1}
.pied p{margin:0 0 10px}.pied a{color:var(--creme);display:inline-block;padding:13px 0}
.petit{font-size:12.5px;max-width:62em;margin-inline:auto!important}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:center;min-height:58px;background:var(--curcuma);color:var(--nuit2);font-weight:700;font-size:16px;text-decoration:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pilule{transition:none}}
@media (min-width:900px){
  body{padding-bottom:0}.callbar{display:none}.nav{display:flex}
  .hero{min-height:min(88vh,820px);display:flex;align-items:flex-end}
  .hero-img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
  .hero-voile{display:block;position:absolute;inset:0}
  .hero-voile{background:linear-gradient(90deg,rgba(18,33,27,.92) 0%,rgba(18,33,27,.7) 46%,rgba(18,33,27,.2) 100%)}
  .hero-in{padding:120px 0 72px}
  h1{font-size:clamp(84px,10.6vw,176px)}
  .carte-in{grid-template-columns:1fr 1.1fr;gap:96px;align-items:start}
  .assiette{grid-template-columns:1fr 1fr 1fr;padding:16px;gap:16px}
  .assiette img{aspect-ratio:3/4}
  .legende-bloc{grid-column:1 / -1}
  .maison-in{grid-template-columns:1fr 1fr;gap:96px;align-items:center}
  .avis-grille{grid-template-columns:repeat(3,1fr);border-top:0;gap:40px}
  .avis blockquote{border-top:1px solid rgba(22,35,29,.35);border-bottom:0}
  .infos-in{grid-template-columns:1fr 1fr;gap:110px}
}