/* Gabarit de carte du Barbacoa — 18/09/2026.
   Choisi par Alex sur planche OpenAI : sections dans des cadres cuivre, nom
   encadre de deux filets, pied de page discret. Charge UNIQUEMENT par l'instance
   du Barbacoa (variable MENU_GABARIT) : Boulogne ne le voit jamais.
   Ce fichier ne fait que SURCHARGER plats.css — il n'en recopie pas la structure,
   pour qu'une correction du gabarit commun profite encore aux deux. */

/* --- Le nom, serre entre deux filets cuivre, lettres espacees --- */
.plats-title {
  font-size: 2.35em;
  letter-spacing: 3.2pt;
  text-transform: uppercase;
  padding: 0.3em 0 0.24em;
  border-top: 1.4pt solid var(--dore);
  border-bottom: 1.4pt solid var(--dore);
  margin: 0 14mm 0.35em;
}

/* Ligne d'adresse sous le nom, ajoutee par le gabarit lui-meme : la donnee
   vient du registre des restaurants, jamais d'une saisie libre. */
.plats-inner > .plats-title + .plats-cols::before { content: none; }
.sous-titre-etab {
  display: block;
  text-align: center;
  font-size: 0.72em;
  letter-spacing: 2.6pt;
  text-transform: uppercase;
  color: var(--gris);
  margin: 0 0 1.5em;
}

/* --- Sections : un cadre cuivre au lieu d'un simple soulignement --- */
.p-sec-title {
  border: 0.9pt solid var(--dore);
  border-bottom: 0.9pt solid var(--dore);
  color: var(--bordeaux);
  font-size: 1.12em;
  letter-spacing: 2.2pt;
  text-transform: uppercase;
  text-align: center;
  padding: 0.34em 0.5em 0.28em;
  margin-bottom: 0.8em;
}

/* Un peu d'air entre les blocs, puisque chaque titre est maintenant un objet. */
.p-section { margin-bottom: 1.45em; }
.p-item { margin-bottom: 0.72em; }

/* --- Prix en cuivre : c'est l'accent, il doit se lire d'un coup d'oeil.
   plats.css est charge APRES cette feuille : a specificite egale il gagnerait.
   On passe donc par `.plats` pour etre plus specifique, jamais par !important. --- */
.plats .p-price { color: var(--dore); }

/* --- Pied de page : un filet plein largeur, mentions resserrees --- */
.footer-line { border-top: 1.1pt solid var(--dore); margin: 0 14mm 0.5em; }
.p-mentions { letter-spacing: 0.6pt; }

/* =====================================================================
   GABARIT PROPRE AU BARBACOA — structure, pas seulement couleurs.
   Alex, 18/09/2026 : « c'est exactement la meme carte que les Galopins ».
   Il avait raison : recolorier ne suffit pas. Ici une seule colonne, le nom
   du restaurant en tete, des sections numerotees pleine largeur, les prix
   dans une gouttiere a droite et la description sur la ligne du plat.
   Ces regles ne servent QUE le gabarit cards/plats_barbacoa.html.
   ===================================================================== */

.bb-page .plats-inner { padding: 0; }

/* --- Tete : l'enseigne, pas « NOTRE CARTE » --- */
.bb-tete { text-align: left; margin: 0 0 1.5em; }
.bb-enseigne {
  font-size: 3.4em;
  font-weight: 700;
  letter-spacing: 1.2pt;
  text-transform: uppercase;
  color: var(--bordeaux);
  line-height: 0.92;
  border-bottom: 2.4pt solid var(--dore);
  padding-bottom: 0.14em;
}
.bb-baseline {
  font-size: 0.78em;
  letter-spacing: 3.4pt;
  text-transform: uppercase;
  color: var(--dore);
  margin-top: 0.5em;
}

/* --- Une seule colonne, sections numerotees --- */
.bb-corps { flex: 1 1 auto; }
.bb-section { margin-bottom: 1.15em; break-inside: avoid; }
.bb-sec-tete { display: flex; align-items: baseline; gap: 2.4mm; margin-bottom: 0.45em; }
.bb-num {
  font-size: 0.82em;
  font-weight: 700;
  color: var(--dore);
  letter-spacing: 0.4pt;
}
.bb-sec-titre {
  font-size: 1.22em;
  font-weight: 700;
  letter-spacing: 2.4pt;
  text-transform: uppercase;
  color: var(--bordeaux);
  white-space: nowrap;
}
.bb-sec-filet { flex: 1 1 auto; border-bottom: 0.7pt solid var(--dore); transform: translateY(-0.18em); }
.bb-sec-prix { font-size: 1.05em; font-weight: 700; color: var(--dore); }

/* --- Le plat : texte a gauche, prix dans une gouttiere fixe a droite --- */
.bb-item { display: flex; align-items: baseline; gap: 3mm; margin: 0 0 0.3em; }
.bb-txt { flex: 1 1 auto; min-width: 0; }
.bb-nom { font-weight: 700; font-size: 1em; }
.bb-desc {
  font-style: italic;
  font-size: 0.78em;
  color: var(--gris);
  margin-left: 1.6mm;
}
.bb-prix {
  flex: 0 0 14mm;
  text-align: right;
  font-weight: 700;
  font-size: 1.05em;
  color: var(--dore);
  white-space: nowrap;
}

/* --- Sections en liste simple (sauces, garnitures) --- */
.bb-plain { font-size: 0.92em; }
.bb-plain-l { white-space: nowrap; }
.bb-pt { color: var(--dore); margin: 0 1.2mm; }

.bb-encart {
  margin-top: 0.3em;
  font-size: 0.8em;
  color: var(--gris);
  display: flex;
  flex-wrap: wrap;
  gap: 0 4mm;
}
.bb-enc-l b { color: var(--bordeaux); }

/* --- Bandeau de service, sur une ligne --- */
.bb-bandeau {
  border-top: 0.7pt solid var(--dore);
  border-bottom: 0.7pt solid var(--dore);
  padding: 0.4em 0;
  margin: 0.6em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 6mm;
  font-size: 0.84em;
}
.bb-bandeau b { color: var(--dore); letter-spacing: 1pt; text-transform: uppercase; font-size: 0.92em; }
.bb-supp b { color: var(--bordeaux); }

/* --- Pied --- */
.bb-pied { flex: 0 0 auto; margin-top: 0.6em; }
.bb-legende { font-size: 0.7em; color: var(--gris); font-style: italic; display: flex; align-items: center; gap: 1.4mm; }
.bb-prov-t { font-size: 0.78em; font-weight: 700; color: var(--bordeaux); margin-top: 0.5em; }
.bb-prov { font-size: 0.7em; color: var(--gris); font-style: italic; }
.bb-mentions { font-size: 0.6em; color: var(--gris); font-style: italic; line-height: 1.5; margin-top: 0.6em; }
.bb-signature {
  margin-top: 0.5em;
  padding-top: 0.35em;
  border-top: 1.1pt solid var(--dore);
  font-size: 0.74em;
  letter-spacing: 1.6pt;
  text-transform: uppercase;
  color: var(--bordeaux);
}

/* La pastille de regime collait au nom du plat (vu en rendu reel le 18/09). */
.bb-nom .ic { margin-left: 1.3mm; }