/*
Theme Name: La Mie Temps + Le Bling Blag Bull
Theme URI: https://example.com
Author: —
Description: Thème bloc sur mesure pour La Mie Temps (Vèbre) et Le Bling Blag Bull (Les Cabannes). Toutes les pages sont en blocs natifs, modifiables dans l'éditeur.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mie-temps-bull
Tags: block-theme, full-site-editing, food-and-drink, one-column
*/

/* Registre relevé sur la référence : deux familles serif — Cormorant
   Garamond partout, Cinzel pour le seul grand titre d'accroche —, un seul
   ton non neutre (bordeaux), fond blanc cassé chaud, bandes bord à bord,
   angles droits, alignement centré, grands titres.

   Conversion en blocs : les classes de la maquette sont posées sur les blocs
   (className). Le CSS des blocs de WordPress est imprimé APRÈS cette feuille :
   toute règle qui doit l'emporter sur lui (images, navigation) est donc
   écrite avec une spécificité supérieure. */

:root{
  --bordeaux:#4A2023;
  --voile:#441C1A;
  --creme:#FFFAF5;
  --peche:#FFF2E6;
  --nuit:#0D0C0F;
  --blanc:#FFFCF7;
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --capitales:'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --fleche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M1.5 12.5 12.5 1.5M3.5 1.5h9v9'/%3E%3C/svg%3E");
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--creme);color:var(--bordeaux);font-family:var(--serif);
  font-size:17px;line-height:1.45;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip;
  font-variant-numeric:lining-nums;position:relative} /* en elzévirien, « 22h00 » se lit « 22hoo » */
img{display:block;max-width:100%;height:auto} /* height:auto obligatoire : sinon l'attribut height des blocs image l'emporte sur aspect-ratio */
h1,h2,h3,p,figure,ul{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3{font-weight:400;text-wrap:balance;hyphens:none}
a{color:inherit}
:where(a,[tabindex],input,select,textarea):focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Neutralisation de l'espacement automatique : d'abord blockGap "0px" dans
   theme.json, puis ce filet à spécificité NULLE — jamais .wp-block-group > *,
   qui écraserait toutes les marges des composants. */
:where(.wp-block-group) > :where(*),:where(.wp-block-buttons){margin-block:0}
figure.wp-block-image{margin:0}
.wp-block-image .wp-element-caption{margin:0}

/* ---------- lien souligné + flèche ---------- */
.lien{font-size:clamp(17px,1.55vw,22px);line-height:1.2}
.lien a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;
  display:inline-flex;align-items:center;gap:.75em}
.lien a::after{content:"";width:.72em;height:.72em;flex:none;background:currentColor;
  -webkit-mask:var(--fleche) center/contain no-repeat;mask:var(--fleche) center/contain no-repeat}
.lien-clair{color:var(--blanc)}

/* ---------- en-tête, posé sur l'ouverture ---------- */
.entete{position:absolute;inset:0 0 auto 0;z-index:20;color:var(--blanc);padding:24px 3.2vw}
.entete-rangee{position:relative;display:flex;align-items:center;min-height:40px}
.marque{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:clamp(20px,1.95vw,28px);letter-spacing:.005em;white-space:nowrap;line-height:1.2}
.marque a{text-decoration:none}
/* un seul menu (modifiable dans Apparence > Éditeur) : ses 4 premiers liens
   à gauche, les suivants à droite, le nom de la maison centré entre les deux */
.entete .wp-block-navigation.menu{flex:1;font-size:17px;color:inherit}
.entete .wp-block-navigation.menu .wp-block-navigation__responsive-container,
.entete .wp-block-navigation.menu .wp-block-navigation__responsive-container-content,
.entete .wp-block-navigation.menu .wp-block-navigation__container{width:100%}
.entete .wp-block-navigation.menu .wp-block-navigation__container{gap:clamp(22px,3.3vw,48px)}
.entete .wp-block-navigation.menu .wp-block-navigation-item:nth-child(4){margin-right:auto}
.entete .wp-block-navigation.menu a{text-decoration:none}
.entete .wp-block-navigation.menu a:hover,
.entete .wp-block-navigation.menu .current-menu-item > a{text-decoration:underline;text-underline-offset:5px}
/* bouton « Menu » (texte, comme la maquette) et panneau mobile */
.entete .wp-block-navigation__responsive-container-open{font-family:inherit;font-size:17px;color:inherit;
  text-decoration:underline;text-underline-offset:5px;padding:0}
/* le panneau s'ouvre blanc sur blanc sans ceci (CSS du bloc imprimé après) */
.wp-block-navigation.menu .wp-block-navigation__responsive-container.is-menu-open{
  background-color:var(--voile)!important;color:var(--blanc)!important;padding:20px 16px 40px}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:72px;align-items:flex-start}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:flex-start;
  gap:14px;font-size:34px;line-height:1.05;text-transform:uppercase}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation-item:nth-child(4){margin-right:0}
.wp-block-navigation.menu .wp-block-navigation__responsive-container-close{color:var(--blanc)}

/* ---------- ouverture ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;height:max(620px,62.5vw);
  display:flex;flex-direction:column;justify-content:flex-end;padding:0 5.5vw 5.4vw;color:var(--blanc)}
.wp-block-image.hero-photo{position:absolute;inset:0;z-index:-2}
.wp-block-image.hero-photo img{width:100%;height:100%;object-fit:cover}
.wp-block-image.hero-photo.cadre-bas img{object-position:50% 88%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(13,12,15,.62) 0%,rgba(13,12,15,.18) 22%,rgba(40,16,10,.28) 52%,rgba(68,28,26,.78) 82%,rgba(68,28,26,.94) 100%)}
.hero-titre{font-size:12.9vw;line-height:.8;letter-spacing:-.11em;text-transform:uppercase;
  text-align:center;white-space:nowrap;margin:0 -5.5vw 5.4vw;padding-right:.11em}
.hero-pied{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.hero-texte{max-width:560px;font-size:clamp(16px,1.4vw,20px);line-height:1.5}
.hero .lien{font-size:clamp(18px,1.7vw,24px)}

/* ---------- accroche + galerie ---------- */
.accroche{padding:5.2vw 0 5.6vw}
.titre-accroche{font-family:var(--capitales);font-size:7.1vw;line-height:.95;text-transform:uppercase;text-align:center}
.galerie{display:flex;justify-content:center;align-items:flex-start;gap:3vw;margin-top:5.6vw}
.wp-block-image.vignette{width:17vw;flex:none;display:flex;flex-direction:column;align-items:center}
.wp-block-image.vignette img{width:100%;aspect-ratio:245/343;object-fit:cover}
.wp-block-image.vignette .wp-element-caption{font-size:clamp(13px,1.4vw,20px);line-height:1.2;text-align:center;margin:1.8vw 0 0}
.wp-block-image.v2,.wp-block-image.v4{margin-top:.9vw}
/* légende au-dessus pour les 2e et 4e vignettes */
.wp-block-image.v2 .wp-element-caption,.wp-block-image.v4 .wp-element-caption{order:-1;margin:0 0 1.9vw}
.wp-block-image.v1{transform:translateX(-1.4vw)}
.wp-block-image.v5{transform:translateX(1.4vw)}
.wp-block-image.v1 img{transform:rotate(-4deg)}
.wp-block-image.v5 img{transform:rotate(3.5deg)}

/* ---------- les deux restaurants ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;min-height:53.8vw}
.wp-block-image.duo-photo{position:relative;overflow:hidden;min-height:100%}
.wp-block-image.duo-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo-texte{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5vw 3.6vw}
.duo-titre{font-size:clamp(34px,4.08vw,59px);line-height:1;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.duo-sous-titre{font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.2;margin-top:.3em}
.duo-para{font-size:clamp(18px,1.87vw,27px);line-height:1.33;text-align:justify;
  max-width:592px;margin-top:clamp(28px,3.9vw,56px)}
.duo-adresse{font-size:clamp(16px,1.3vw,19px);margin-top:clamp(24px,2.5vw,36px)}
.duo-adresse a{text-decoration:none}
.duo-adresse a:hover{text-decoration:underline;text-underline-offset:.22em}
.duo .lien{margin-top:clamp(32px,4.4vw,64px)}

/* ---------- pages internes ---------- */
.hero-page{height:max(480px,42vw)}
.hero-page .hero-titre{font-size:11vw}
.texte-centre{font-size:clamp(18px,1.87vw,27px);line-height:1.33;text-align:justify;text-align-last:center;
  max-width:900px;margin:clamp(28px,3.9vw,56px) auto 0;padding-inline:24px}
.duo-horaires{font-size:clamp(16px,1.3vw,19px);line-height:1.5;margin-top:clamp(24px,2.5vw,36px)}
.duo-horaires + .duo-adresse{margin-top:.3em}
.valeurs .avis-bloc{min-height:0}
.valeurs .avis-titre{margin-top:0}

/* ---------- carte des plats ---------- */
.carte-menu{padding:5.6vw 5.5vw 6.4vw;text-align:center;scroll-margin-top:20px}
.carte-menu + .carte-menu{padding-top:0}
.carte-menu-titre{font-size:clamp(34px,4.08vw,59px);line-height:1;letter-spacing:.03em;text-transform:uppercase}
.carte-menu-sous{font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.2;margin-top:.3em}
.carte-menu-note{font-size:clamp(16px,1.3vw,19px);margin-top:1.2em}
.rubrique{margin-top:clamp(40px,4.9vw,70px)}
.rubrique-titre{font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.1}
.plats{display:grid;grid-template-columns:1fr 1fr;gap:2.3vw 6vw;max-width:1080px;margin:clamp(22px,2.4vw,34px) auto 0;text-align:left}
.plat-tete{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.plat-nom{font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.2}
.plat-prix{font-size:clamp(19px,1.6vw,23px);white-space:nowrap}
.plat-desc{font-size:clamp(15px,1.2vw,17px);line-height:1.35;margin-top:.3em;max-width:440px}

/* ---------- formulaires (Contact Form 7) ---------- */
.demande{padding:5.6vw 5.5vw 6.4vw;text-align:center;scroll-margin-top:20px}
.demande .wpcf7{max-width:920px;margin:clamp(36px,4.2vw,60px) auto 0;text-align:left}
.formulaire{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,2.6vw,38px) clamp(28px,3.9vw,56px)}
.champ{display:flex;flex-direction:column;gap:.4em}
.champ-large{grid-column:1/-1}
.champ label{font-size:clamp(15px,1.2vw,17px);font-weight:600}
.champ .wpcf7-form-control-wrap{display:block}
.champ input,.champ select,.champ textarea{display:block;font:inherit;font-size:clamp(17px,1.4vw,20px);color:var(--bordeaux);
  background:transparent;border:0;border-bottom:1px solid var(--bordeaux);border-radius:0;padding:.35em 0;
  -webkit-appearance:none;appearance:none;width:100%;font-variant-numeric:lining-nums}
.champ textarea{resize:vertical;min-height:7.5em;line-height:1.4}
.champ select{padding-right:1.4em;cursor:pointer;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%234A2023' stroke-width='1.3'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") right .2em center/.7em no-repeat}
.champ ::placeholder{color:var(--bordeaux);opacity:.45}
.champ input:focus-visible,.champ select:focus-visible,.champ textarea:focus-visible{outline:0;border-bottom-width:2px}
.formulaire-envoi{grid-column:1/-1;text-align:center;margin-top:clamp(8px,1.4vw,20px)}
/* le bouton d'envoi reprend le lien souligné + flèche de la référence */
.formulaire-envoi .wpcf7-submit{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.formulaire-envoi::after{content:"";display:inline-block;width:.72em;height:.72em;margin-left:.75em;background:currentColor;
  -webkit-mask:var(--fleche) center/contain no-repeat;mask:var(--fleche) center/contain no-repeat}
.formulaire-envoi .wpcf7-spinner{display:none}
.formulaire-note{grid-column:1/-1;text-align:center;font-size:clamp(15px,1.2vw,17px)}
.wpcf7-not-valid-tip{display:block;font-size:15px;margin-top:.35em;color:var(--bordeaux);font-weight:600}
.wpcf7 form .wpcf7-response-output{margin:clamp(24px,2.8vw,40px) 0 0;padding:14px 18px;border:1px solid var(--bordeaux);
  border-radius:0;text-align:center;font-size:clamp(16px,1.3vw,19px)}
.wpcf7 form.sent .wpcf7-response-output{background:var(--peche)}
/* repris de la feuille de CF7 (désactivée) : le cadre de réponse reste caché tant qu'il est vide */
.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output{display:none}
/* CF7 6.x range ses champs cachés dans un fieldset (20 px de bordure et de marge sans sa feuille) */
.wpcf7 .hidden-fields-container{display:none}
.screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- coordonnées ---------- */
.coordonnees{display:grid;grid-template-columns:1fr 1fr;padding:5.6vw 3vw;text-align:center}
.coord{padding-inline:2vw}
.coord-lignes{font-size:clamp(17px,1.4vw,20px);line-height:1.6;margin-top:clamp(20px,2.2vw,32px)}
.coord-lignes a{text-decoration:none}
.coord-lignes a:hover{text-decoration:underline;text-underline-offset:.22em}
.coord .lien{margin-top:clamp(24px,2.8vw,40px)}

/* ---------- horaires ---------- */
.horaires{width:100%;max-width:480px;margin-top:clamp(28px,3.4vw,50px)}
.horaire-ligne{display:flex;justify-content:space-between;align-items:baseline;gap:24px;
  padding-block:.4em;font-size:clamp(18px,1.6vw,23px);line-height:1.2}
.horaire-jour{font-weight:600}
.horaire-heures{text-align:right}
.est-aujourdhui .horaire-jour::after{content:"aujourd’hui";font-weight:400;font-size:.72em;margin-left:.7em;opacity:.75}

/* ---------- favoris ---------- */
.favoris{display:grid;grid-template-columns:27.7vw repeat(3,1fr);height:54.2vw;min-height:560px}
.favoris-intro{display:flex;flex-direction:column;padding:8.1vw 3vw 8.6vw 4.5vw}
.favoris-titre{font-size:clamp(40px,4.4vw,63px);line-height:.88;text-transform:uppercase;letter-spacing:-.01em}
.favoris-texte{font-size:clamp(13px,1.05vw,15px);line-height:1.25;max-width:250px;margin-top:22px}
.favoris-intro .lien{margin-top:auto}
.carte{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 1.3vw 4.3vw;color:var(--blanc);isolation:isolate}
.carte > .wp-block-image{position:absolute;inset:0;z-index:-2}
.carte > .wp-block-image img{width:100%;height:100%;object-fit:cover}
.carte::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(74,32,35,0) 44%,rgba(74,32,35,.5) 66%,rgba(74,32,35,.84) 100%)}
.carte-meta{font-size:clamp(13px,1.05vw,15px);line-height:1.2;opacity:.9}
.carte-titre{font-size:clamp(28px,3.05vw,44px);line-height:.85;text-transform:uppercase;margin-top:.5em}
.carte-lien{font-size:clamp(16px,1.4vw,20px);margin-top:3.4vw}
.carte-lien a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}

/* ---------- bande de six ---------- */
.bande{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1vw;padding:1.1vw 1.1vw 1.2vw}
.bande .wp-block-image img{width:100%;aspect-ratio:221/231;object-fit:cover}

/* ---------- photo pleine largeur ---------- */
.wp-block-image.trinquer img{width:100%;height:36.3vw;min-height:300px;object-fit:cover;object-position:50% 28%}

/* ---------- avis ---------- */
.avis{display:grid;grid-template-columns:repeat(4,1fr);padding:4.1vw 0 4.4vw 2.9vw}
.avis-bloc{display:flex;flex-direction:column;min-height:clamp(300px,26.3vw,380px);padding-right:3.4vw}
.etoiles{font-size:clamp(22px,2.1vw,30px);line-height:1;letter-spacing:.08em;font-family:Georgia,serif}
.avis-titre{font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.1;margin-top:clamp(36px,5.1vw,74px)}
.avis-texte{font-size:clamp(15px,1.25vw,18px);line-height:1.22;max-width:285px;margin-top:.7em}
.avis-nom{font-size:clamp(17px,1.53vw,22px);margin-top:auto;padding-top:1em}

/* ---------- appel à réserver ---------- */
.appel{position:relative;min-height:46.5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:8vw 19vw 7.4vw;text-align:center}
.titre-appel{font-size:clamp(32px,4.4vw,63px);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;max-width:900px}
.appel .lien{margin-top:clamp(30px,3.9vw,56px)}
.wp-block-image.appel-pizza{position:absolute;left:-7.5vw;top:1.6vw;width:30vw;transform:rotate(-14deg);pointer-events:none}
.wp-block-image.appel-vin{position:absolute;right:-1.8vw;bottom:-.4vw;width:16vw;z-index:3;pointer-events:none}
.wp-block-image.appel-pizza img,.wp-block-image.appel-vin img{width:100%}

/* ---------- pages légales (mentions, confidentialité) ---------- */
.texte-legal{max-width:860px;margin:0 auto;padding:5.6vw 24px 6.4vw}
.legal-titre{font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.1;margin-top:clamp(36px,3.9vw,56px)}
.texte-legal > .legal-titre:first-child{margin-top:0}
.texte-legal p{font-size:clamp(17px,1.4vw,20px);line-height:1.55;margin-top:.7em}
.texte-legal a{text-decoration:underline;text-underline-offset:.2em}
.formulaire-note a{text-decoration:underline;text-underline-offset:.2em}

/* ---------- page introuvable ---------- */
.introuvable{padding:190px 5.5vw 120px;text-align:center}
.introuvable h1{font-size:clamp(40px,6vw,86px);line-height:1;text-transform:uppercase}
.introuvable p{font-size:clamp(18px,1.87vw,27px);margin-top:24px}
.introuvable .lien{margin-top:40px}
/* sans photo d'ouverture (404, archives), l'en-tête passe en bordeaux */
body:not(.page) .entete{color:var(--bordeaux)}

/* ---------- pied de page ---------- */
.pied{position:relative;background:var(--peche);padding:4.4vw 7.1vw}
.pied-haut{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font-size:clamp(13px,1.05vw,15px)}
.pied-gauche,.pied-mention{line-height:1.6}
.pied-gauche p{margin-top:.5em}
.pied-mention{text-align:right}
.pied .wp-block-navigation.pied-menu{font-size:inherit}
.pied .wp-block-navigation.pied-menu .wp-block-navigation__container{gap:3.2vw}
.pied a{text-decoration:none}
.pied a:hover{text-decoration:underline}

/* ==================== tablette et mobile ==================== */
/* Le menu natif bascule en panneau sous 600 px ; la maquette le fait sous
   1000 px : on force le bouton « Menu » entre les deux. */
@media (min-width:600px) and (max-width:1000px){
  .entete .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .entete .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
}
@media (max-width:1000px){
  .entete{padding:20px 16px}
  .entete-rangee{justify-content:space-between;gap:20px}
  .marque{position:static;transform:none;order:-1;font-size:19px;white-space:normal;line-height:1.1}
  .entete .wp-block-navigation.menu{flex:none}

  .hero{height:max(560px,min(100svh,190vw));padding:0 16px 40px}
  .hero-titre{font-size:17vw;white-space:normal;line-height:.84;letter-spacing:-.08em;margin:0 0 34px}
  .hero-pied{flex-direction:column;align-items:flex-start;gap:22px}

  .accroche{padding:64px 0 56px}
  .titre-accroche{font-size:9.4vw;padding-inline:16px}
  .galerie{justify-content:flex-start;gap:18px;overflow-x:auto;padding:12px 24px 18px;margin-top:40px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .galerie::-webkit-scrollbar{display:none}
  .wp-block-image.vignette{width:56vw;scroll-snap-align:center}
  .wp-block-image.vignette .wp-element-caption{font-size:16px;margin:14px 0 0}
  .wp-block-image.v2 .wp-element-caption,.wp-block-image.v4 .wp-element-caption{margin:0 0 14px}
  .wp-block-image.v2,.wp-block-image.v4{margin-top:10px}
  .wp-block-image.v1,.wp-block-image.v5{transform:none}
  .wp-block-image.v1 img{transform:rotate(-3deg)}
  .wp-block-image.v5 img{transform:rotate(3deg)}

  .duo{grid-template-columns:1fr;min-height:0}
  .wp-block-image.duo-photo{aspect-ratio:1/1;min-height:0}
  .duo-clair .duo-photo{order:-1}
  .duo-texte{padding:56px 22px 64px}
  .duo-titre{white-space:normal;font-size:10vw}
  .duo-para{font-size:19px;text-align:left}

  .favoris{grid-template-columns:1fr;height:auto}
  .favoris-intro{padding:64px 22px 40px}
  .favoris-titre{font-size:13vw}
  .favoris-intro .lien{margin-top:28px}
  .carte{height:118vw;max-height:620px;padding:0 20px 44px}
  .carte-titre{font-size:10vw}
  .carte-lien{margin-top:32px}

  .bande{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}

  .wp-block-image.trinquer img{height:70vw;min-height:0}

  .hero-page .hero-titre{font-size:15vw}
  .texte-centre{text-align:left;text-align-last:auto;padding-inline:22px}
  .carte-menu,.demande{padding:56px 22px 64px}
  .texte-legal{padding:56px 22px 64px}
  .plats{grid-template-columns:1fr;gap:22px}
  .formulaire{grid-template-columns:1fr}
  .coordonnees{grid-template-columns:1fr;gap:56px;padding:56px 16px}

  .avis{grid-template-columns:1fr 1fr;padding:48px 16px 40px;gap:44px 20px}
  .avis-bloc{min-height:0;padding-right:0}
  .avis-titre{margin-top:26px}
  .avis-nom{margin-top:22px}

  .appel{min-height:0;padding:170px 22px 190px}
  .titre-appel{font-size:8.6vw}
  .wp-block-image.appel-pizza{width:52vw;left:-14vw;top:10px}
  .wp-block-image.appel-vin{width:26vw;right:-4vw;bottom:0}

  .pied{padding:44px 16px 48px}
  .pied-haut{flex-direction:column;align-items:flex-start;gap:14px;font-size:14px}
  .pied-mention{text-align:left}
  .pied-mention p + p{margin-top:8px}
  .pied .wp-block-navigation.pied-menu .wp-block-navigation__container{flex-wrap:wrap;gap:8px 18px}
}
@media (max-width:560px){
  .avis{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}