/* ==========================================================================
   Habillage « Espresso » — Tamotamo avec le design du modèle d'origine
   (thème Espresso Gear Guide, « Crema & Cuivre ») : fond torréfié sombre,
   crema ambrée, cuivre vif, Fraunces douce, DM Mono pour les chiffres.
   Habillage du site (réglage dans Tamotamo > Infos du restaurant), choisi le 29/09/2026.
   ========================================================================== */

@font-face{font-family:'Fraunces Espresso';font-style:normal;font-display:swap;font-weight:100 900;
  src:url(fonts/fraunces-latin-full-normal.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/dm-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-display:swap;font-weight:500;
  src:url(fonts/dm-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}

.habillage-espresso{
  color-scheme:dark;

  /* Palette « Crema & Cuivre » */
  --espresso-950:#120C08; --espresso-900:#1A120C; --espresso-850:#221710; --espresso-800:#2C1E15; --espresso-700:#3B2A1E;
  --crema:#E8A33D; --crema-500:#D98A22; --copper-400:#FF7A2F; --copper-600:#C1531A; --brass:#D9A441;
  --steam:#F7F1E8; --ash:#C9B9A6; --smoke:#B5A290;
  --extract:#3DD68C; --bitter:#F0666A;
  --chrome:#2C1E15; --chrome-strong:#3B2A1E;
  --font-mono:'DM Mono',ui-monospace,'SFMono-Regular',monospace;
  --font-brand:'Instrument Serif',Georgia,serif;
  --glow-crema:0 0 0 1px rgba(232,163,61,.28),0 20px 60px -18px rgba(232,163,61,.35);
  --grad-card:linear-gradient(168deg,var(--espresso-800),var(--espresso-900));
  --grad-cta:linear-gradient(135deg,var(--copper-400) 0%,var(--crema) 55%,var(--brass) 100%);

  /* Jetons Tamotamo réaffectés (surfaces claires → sombres, texte sombre → clair) */
  --forest-950:#1A120C; --forest-900:#2C1E15; --forest-800:#3B2A1E; --forest-700:#4A3526;
  --cream-50:#F7F1E8; --cream-100:#2C1E15; --cream-200:#2C1E15; --sand-300:rgba(247,241,232,.18);
  --caramel-400:#D9A441; --caramel-600:#D98A22; --caramel-700:#E8A33D;
  --mustard-300:#F0B85A; --mustard-400:#E8A33D; --mustard-500:#D98A22;
  --ink-900:#F7F1E8; --ink-700:#C9B9A6; --ink-500:#B5A290;
  --paper:#221710;
  --line:rgba(247,241,232,.10); --line-strong:rgba(247,241,232,.18);
  --line-dark:rgba(247,241,232,.12); --line-dark-strong:rgba(247,241,232,.22);
  --seam:linear-gradient(90deg,var(--copper-600),var(--copper-400) 55%,var(--crema));
  --font-display:'Fraunces Espresso','Fraunces',Georgia,serif;
  --r-lg:22px; --r-xl:30px;
  --lift-1:0 1px 0 rgba(247,241,232,.06) inset,0 2px 6px rgba(0,0,0,.35);
  --lift-2:0 1px 0 rgba(247,241,232,.08) inset,0 10px 24px -8px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.35);
  --lift-3:0 1px 0 rgba(247,241,232,.10) inset,0 30px 60px -20px rgba(0,0,0,.75),0 10px 22px -12px rgba(0,0,0,.5);

  background:
    radial-gradient(1200px 620px at 78% -8%,rgba(232,163,61,.14),transparent 62%),
    radial-gradient(900px 520px at 8% 8%,rgba(255,122,47,.09),transparent 60%),
    var(--espresso-950);
  color:var(--steam);
  line-height:1.65;
}
.habillage-espresso ::selection{background:rgba(232,163,61,.35);color:var(--steam)}
.habillage-espresso :focus-visible{outline:2px solid var(--crema);outline-offset:3px}
.habillage-espresso h1,.habillage-espresso h2,.habillage-espresso h3,.habillage-espresso h4{
  font-variation-settings:'SOFT' 40,'WONK' 1;line-height:1.04;letter-spacing:-.022em}
.habillage-espresso h1{font-weight:900}
.habillage-espresso .skip{background:var(--crema);color:var(--espresso-950)}
.habillage-espresso .muted{color:var(--smoke)}
.habillage-espresso .lede{color:var(--ash)}
.habillage-espresso .eyebrow{font-family:var(--font-mono);font-weight:500;letter-spacing:.14em;color:var(--crema)}
.habillage-espresso .eyebrow::before{height:1px;border-radius:0;background:linear-gradient(90deg,transparent,var(--crema));opacity:1}
.habillage-espresso .section--cream{background:rgba(26,18,12,.72);border-block:1px solid var(--line)}
.habillage-espresso .section--dark{background:var(--espresso-900);color:var(--steam)}
.habillage-espresso .section--dark .muted{color:var(--smoke)}
.habillage-espresso .link-arrow,.habillage-espresso .section--dark .link-arrow{color:var(--crema)}

/* Aperçu : même grammaire que la barre de divulgation du modèle */
.habillage-espresso .apercu{background:var(--espresso-900);border-bottom:1px solid var(--line);color:var(--smoke);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em}
.habillage-espresso .apercu summary strong{color:var(--crema);font-weight:500}
.habillage-espresso mark.a-confirmer{background:rgba(232,163,61,.14);color:inherit;border-color:var(--crema)}

/* Boutons */
.habillage-espresso .btn--primary{background:var(--grad-cta);color:var(--espresso-950);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 26px -12px rgba(255,122,47,.9)}
.habillage-espresso .btn--primary:hover{background:var(--grad-cta);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 18px 34px -12px rgba(255,122,47,1)}
.habillage-espresso .btn--ghost,.habillage-espresso .section--dark .btn--ghost,.habillage-espresso .hero .btn--ghost,.habillage-espresso .site-head .btn--ghost{
  border:1px solid var(--line-strong);color:var(--steam);background:rgba(247,241,232,.03)}
.habillage-espresso .btn--ghost:hover,.habillage-espresso .section--dark .btn--ghost:hover,.habillage-espresso .hero .btn--ghost:hover{border-color:var(--crema);background:rgba(232,163,61,.08)}
.habillage-espresso .btn--dark{background:var(--espresso-700);color:var(--steam);border:1px solid var(--line-strong)}
.habillage-espresso .btn--dark:hover{background:var(--espresso-800);border-color:var(--crema)}

/* Surfaces */
.habillage-espresso .card,.habillage-espresso .section--dark .card{background:var(--grad-card);border:1px solid var(--line);box-shadow:var(--lift-2)}
.habillage-espresso .card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(247,241,232,.055),transparent 42%)}
.habillage-espresso .chip{font-family:var(--font-mono);font-weight:400;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;
  border-color:var(--line-strong);color:var(--ash);background:rgba(247,241,232,.04)}
.habillage-espresso .chip--ok::before{background:var(--extract)}

/* En-tête */
.habillage-espresso .site-head{background:rgba(44,30,21,.94);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);color:var(--steam)}
.habillage-espresso .site-head::after{opacity:.8}
.habillage-espresso .brand{color:var(--steam)}
.habillage-espresso .brand__word{font-family:var(--font-logo);font-weight:700;font-size:1.3rem;letter-spacing:.14em;line-height:1}
.habillage-espresso .brand__sub{font-family:var(--font-mono);font-weight:500;font-size:.78rem;letter-spacing:.2em;color:var(--crema)}
.habillage-espresso .nav a{color:var(--ash)}
.habillage-espresso .nav a:hover,.habillage-espresso .nav a[aria-current="page"]{color:var(--steam);background:rgba(247,241,232,.07)}
.habillage-espresso .nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--crema)}
.habillage-espresso .burger{border-color:var(--line-strong);color:var(--steam)}
@media(max-width:940px){.habillage-espresso .nav{background:var(--chrome);border-bottom-color:var(--line-strong)}}
.habillage-espresso .nav__badge{background:var(--crema);color:var(--espresso-950)}
.habillage-espresso .nav a:hover .nav__ico,.habillage-espresso .nav a[aria-current="page"] .nav__ico{color:var(--crema)}

/* Accueil */
.habillage-espresso .hero{background:var(--espresso-950);color:var(--steam)}
.habillage-espresso .hero::before{background:
  linear-gradient(180deg,rgba(18,12,8,.34) 0%,rgba(18,12,8,.22) 35%,rgba(18,12,8,.84) 78%,rgba(18,12,8,.96) 100%),
  linear-gradient(90deg,rgba(18,12,8,.62),transparent 65%)}
.habillage-espresso .hero .lede{color:rgba(247,241,232,.9)}
.habillage-espresso .hero__today{background:rgba(18,12,8,.6);border-color:var(--line-strong);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em}
.habillage-espresso .hero__today strong{color:var(--crema);font-weight:500}
.habillage-espresso .facts li{background:var(--grad-card);border-color:var(--line)}
.habillage-espresso .facts .ico{color:var(--crema)}
.habillage-espresso .facts span{color:var(--smoke)}
.habillage-espresso .une__img,.habillage-espresso .lieu figure{background:var(--espresso-800)}
.habillage-espresso .une__rub{font-family:var(--font-mono);font-weight:500;letter-spacing:.12em;color:var(--crema)}
.habillage-espresso .une__prix{font-family:var(--font-mono);font-weight:500}

/* Infos, horaires, champs */
.habillage-espresso .infos h2 .ico,.habillage-espresso .infos h3 .ico,.habillage-espresso .contact-list .ico{color:var(--crema)}
.habillage-espresso .horaires{font-family:var(--font-mono);font-size:.92rem}
.habillage-espresso .horaires th,.habillage-espresso .horaires td{border-color:var(--line)}
.habillage-espresso .horaires tr.is-today th,.habillage-espresso .horaires tr.is-today td{color:var(--crema);font-weight:500}
.habillage-espresso .field input,.habillage-espresso .field select,.habillage-espresso .field textarea{background:var(--espresso-900);border:1px solid var(--line-strong);color:var(--steam)}
.habillage-espresso .field input:focus-visible,.habillage-espresso .field textarea:focus-visible{outline:2px solid var(--crema);border-color:var(--crema)}
.habillage-espresso ::placeholder{color:var(--smoke);opacity:1}

/* Pages intérieures */
.habillage-espresso .page-head{background:radial-gradient(900px 320px at 80% 0%,rgba(232,163,61,.12),transparent 65%),var(--espresso-900);color:var(--steam)}
.habillage-espresso .page-head::after{opacity:.8}
.habillage-espresso .entry a:not(.btn):not(.link-arrow):not(.panier-flottant){color:var(--crema)}
.habillage-espresso .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(18,12,8,.88),rgba(18,12,8,0))}

/* Carte & commande */
.habillage-espresso .cmd-n1__btn{background:var(--grad-card);border:1px solid var(--line-strong);box-shadow:var(--lift-1);color:var(--steam)}
.habillage-espresso .cmd-n1__btn .ico{color:var(--crema)}
.habillage-espresso .cmd-n1__nb{font-family:var(--font-mono);font-weight:400;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.habillage-espresso .cmd-n1__btn:hover{border-color:var(--crema)}
.habillage-espresso .cmd-n1__btn[aria-expanded="true"]{background:linear-gradient(168deg,var(--espresso-700),var(--espresso-800));border-color:var(--crema);box-shadow:var(--glow-crema);color:var(--steam)}
.habillage-espresso .cmd-n1__btn[aria-expanded="true"] .cmd-n1__nb{color:var(--ash)}
.habillage-espresso .cmd-recherche__champ input{background:var(--espresso-900);border:1px solid var(--line-strong);color:var(--steam);box-shadow:var(--lift-1)}
.habillage-espresso .cmd-recherche__champ input:focus-visible{outline:2px solid var(--crema);border-color:var(--crema)}
.habillage-espresso .cmd-recherche__champ .ico{color:var(--crema)}
.habillage-espresso .cmd-recherche__etat{font-family:var(--font-mono);font-weight:400;font-size:.8rem;letter-spacing:.06em;color:var(--smoke)}
.habillage-espresso .cmd-resultats,.habillage-espresso .cmd-rub{background:var(--grad-card);border-color:var(--line)}
.habillage-espresso .cmd-rub__btn[aria-expanded="true"]{background:rgba(247,241,232,.05)}
.habillage-espresso .cmd-rub__info{font-family:var(--font-mono);font-size:.78rem;color:var(--smoke)}
.habillage-espresso .cmd-rub__chev{color:var(--crema)}
.habillage-espresso .cmd-n3{border-top-color:var(--line)}
.habillage-espresso .cmd-plat{border-bottom:1px dotted var(--line-strong)}
.habillage-espresso .cmd-check input,.habillage-espresso .radio input{accent-color:var(--crema)}
.habillage-espresso .cmd-plat__nom{color:var(--steam);text-decoration-color:rgba(247,241,232,.28)}
.habillage-espresso .cmd-plat__nom:hover{text-decoration-color:var(--crema)}
.habillage-espresso .cmd-plat__detail,.habillage-espresso .cmd-liste__note{color:var(--smoke)}
.habillage-espresso .cmd-plat__prix{font-family:var(--font-mono);font-weight:500;color:var(--steam)}
.habillage-espresso .cmd-plat__rub{font-family:var(--font-mono);font-weight:500;color:var(--crema)}
.habillage-espresso .cmd-liste__retour{color:var(--extract)}
.habillage-espresso .cmd-liste__retour[style*="138, 43, 23"]{color:var(--bitter)!important}
.habillage-espresso .cmd-n3 .cmd-erreur{color:var(--bitter)}

/* Panier */
.habillage-espresso .panier h2 .ico{color:var(--crema)}
.habillage-espresso .panier__nb,.habillage-espresso .panier__vide,.habillage-espresso .panier__pu,.habillage-espresso .panier__suppr,
.habillage-espresso .panier__note,.habillage-espresso .panier__vider{color:var(--smoke)}
.habillage-espresso .panier__ligne{border-bottom:1px dotted var(--line-strong)}
.habillage-espresso .panier__lt,.habillage-espresso .panier__total strong{font-family:var(--font-mono);font-weight:500}
.habillage-espresso .panier__qte button{border:1px solid var(--line-strong);color:var(--steam)}
.habillage-espresso .panier__qte button:hover{border-color:var(--crema)}
.habillage-espresso .panier__form{border-top-color:var(--line)}
.habillage-espresso .radio{border:1px solid var(--line-strong)}
.habillage-espresso .radio:has(input:checked){border-color:var(--crema);background:rgba(232,163,61,.08)}
.habillage-espresso .panier__erreur{color:var(--bitter)}
.habillage-espresso .panier__statut{background:rgba(61,214,140,.12);color:#8FEBC0}
.habillage-espresso .panier-flottant{background:var(--grad-cta);color:var(--espresso-950);box-shadow:0 12px 30px -10px rgba(255,122,47,.7)}
.habillage-espresso .panier-flottant__nb{background:var(--espresso-950);color:var(--steam)}

/* Fiche d'un plat */
.habillage-espresso .fil{color:var(--smoke)}
.habillage-espresso .fil a{color:var(--crema)}
.habillage-espresso .fiche__media{background:var(--espresso-800)}
.habillage-espresso .fiche__illus{background:rgba(18,12,8,.82);color:var(--steam)}
.habillage-espresso .fiche__sans-photo{background:radial-gradient(circle at 50% 40%,var(--espresso-700),var(--espresso-900));color:var(--brass);font-family:var(--font-mono);font-weight:500}
.habillage-espresso .fiche__prix{font-family:var(--font-mono);font-weight:500;letter-spacing:-.01em}
.habillage-espresso .fiche__note{background:rgba(232,163,61,.08);border-left-color:var(--crema)}
.habillage-espresso .fiche__retour{color:var(--extract)}
.habillage-espresso .fiche__autres{border-top:2px solid rgba(232,163,61,.45)}
.habillage-espresso .fiche__autres li{border-bottom:1px dotted var(--line-strong)}
.habillage-espresso .fiche__autres li a{color:var(--steam)}
.habillage-espresso .fiche__autres li span{font-family:var(--font-mono);font-weight:500}
.habillage-espresso .fiche-modal{background:var(--espresso-900);color:var(--steam);border:1px solid var(--line-strong)}
.habillage-espresso .fiche-modal::backdrop{background:rgba(0,0,0,.72)}
.habillage-espresso .fiche-modal__fermer{background:var(--espresso-700);color:var(--steam);border:1px solid var(--line-strong)}
.habillage-espresso .fiche-modal .chargement{color:var(--smoke)}

/* Notification */
.habillage-espresso .toast{background:var(--espresso-700);color:var(--steam);border:1px solid var(--line-strong)}
.habillage-espresso .toast a{color:var(--crema)}

/* Pied de page : plus sombre que le contenu, filet cuivre en haut */
.habillage-espresso .site-foot{background:#0B0705;color:var(--ash)}
.habillage-espresso .foot-grid h2{color:var(--steam)}
.habillage-espresso .foot-grid li .ico{color:var(--crema)}
.habillage-espresso .foot-grid li.is-today{color:var(--crema)}
.habillage-espresso .foot-grid a{color:var(--ash)}
.habillage-espresso .foot-grid a:hover{color:var(--crema)}
.habillage-espresso .foot-legal{border-top-color:var(--line);color:var(--smoke)}
@media(max-width:760px){
  .habillage-espresso .action-bar{background:rgba(44,30,21,.97);border-top:2px solid transparent;border-image:var(--seam) 1}
  .habillage-espresso .action-bar a{color:var(--steam)}
  .habillage-espresso .action-bar a:first-child{color:var(--crema)}
}