/* Page Menu : bloc « La carte, en un clic » (recherche + catégories), même design que l'ancienne section de l'accueil.
   Les styles .bo-* viennent de bo-extras.css ; ici seulement l'ajustement à la page Menu. */
.mk [hidden], .mm [hidden] { display: none !important; }
.bs-intro.bo-sec { padding: clamp(40px, 6vw, 80px) 0 clamp(26px, 4vw, 44px); }
.bs-intro .bo-wrap { width: min(100% - 32px, 920px); margin-inline: auto; }
.bs-intro .bo-head { margin-bottom: clamp(20px, 3vw, 32px); }
.bs-intro .bo-menu__tools { margin-bottom: 14px; }
.bs-intro .bo-tabs { justify-content: center; flex-wrap: wrap; overflow: visible; }
.bs-intro .bo-status { min-height: 1.3em; margin: 0; text-align: center; font-size: .92rem; color: var(--bo-muted); }
.bo-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 640px) { .bs-intro .bo-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; } }

/* Même arrière-plan que « Bon à savoir » (section contact de l'accueil) */
.bs-intro.bo-sec {
  background:
    radial-gradient(ellipse 50% 40% at 0% 100%, rgba(138, 154, 91, 0.12) 0%, transparent 70%),
    linear-gradient(180deg, #152a25 0%, #0e1512 24%, #0e1512 100%);
}
@media (min-width: 641px) { .bs-intro .bo-tab { padding: 10px 16px; } .bs-intro .bo-tabs { gap: 6px; } }

/* Ordinateur : la recherche et les catégories passent tout à droite de l'écran ; les cartes se centrent sur la page.
   (le bloc est déplacé dans la section des cartes par bo-search.js) */
@media (min-width: 900px) {
  /* « overflow: hidden » empêchait le collage : clip rogne pareil sans créer de zone de défilement */
  .mk { overflow: visible; overflow-x: clip; display: grid; grid-template-columns: minmax(0, 1fr); padding-inline: var(--gutter); }
  /* la grille garde de chaque côté la place du panneau : cartes centrées, sans chevauchement */
  .mk > .mk-grid { grid-column: 1; grid-row: 1; width: 100%; max-width: min(1180px, calc(100% - 2 * (232px + 20px))); margin: 0 auto; }
  .mk > .mk-note { grid-column: 1; grid-row: 2; }
  .mk > .mk-grid.mk-one { grid-template-columns: minmax(0, 1fr); }
  /* une seule carte : taille d'origine (une colonne de la grille), centrée */
  .mk-card.is-solo { width: calc((100% - clamp(30px, 4vw, 48px)) / 2); min-width: min(100%, 360px); margin-inline: auto; }
  .mk > .bo-menu__tools {
    --bo-ink: #0e1512; --bo-forest: #152a25; --bo-cream: #f8f6f0; --bo-muted: #e7e3d8; --bo-gold: #e9cf9f; --bo-gold-d: #c9a063; --bo-line: rgba(201, 160, 99, .3);
    grid-column: 1; grid-row: 1; justify-self: end; align-self: start; width: 232px; margin-right: calc(16px - var(--gutter));
    position: sticky; top: calc(var(--pg-top, 96px) + 18px); z-index: 30; display: grid; gap: 14px;
    padding: 16px 14px 14px; background: rgba(14, 21, 18, .94); border: 1px solid rgba(201, 160, 99, .32); border-radius: 18px;
    box-shadow: 0 26px 40px -26px rgba(0, 0, 0, .9); font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  }
  .mk > .bo-menu__tools .bo-search input { padding: 11px 16px; font-size: .9rem; }
  .mk > .bo-menu__tools .bo-tabs { flex-direction: column; flex-wrap: nowrap; align-items: stretch; overflow: visible; gap: 6px; padding: 0; }
  .mk > .bo-menu__tools .bo-tab { text-align: left; padding: 10px 16px; }
}


/* Ordinateur : quand une seule carte est affichée (Matin, Salé…), la section « Boissons signature » est masquée */
@media (min-width: 900px) {
  html.mn-single .bo-signatures { display: none; }
}