/* Bohey — look of the bohey-core/plats-du-jour block (layout comes from the plugin). Two block styles (D-041):
   - « Carte de saison » (default): the menu card of mockup track 2 (design/piste-2-saison.html) in the site's
     palette: rows on the kraft paper with dotted leaders, today's row raised on paper, prices in a yellow disc;
   - « Ardoise » (is-style-ardoise): the slate of the v2 mockup, kept as it was.
   Loaded only on pages that show the block (wp_enqueue_block_style), and in the editor.
   WordPress may inline this file in the page: url() are written here directly (it rewrites them), never through
   the url() tokens of bohey.css, which would then resolve against the page address. */

.bohey-pdj { max-width: 1040px; margin-inline: auto; }

/* Under the card or the slate, on the kraft paper (both styles) */
.bohey-pdj__notes { color: var(--wp--preset--color--brun); }
.bohey-pdj__notes summary { color: var(--wp--preset--color--accent); }
.bohey-pdj__notes dl { color: var(--wp--preset--color--encre); }

/* ===== Carte de saison (default) ===== */

.bohey-pdj:not(.is-style-ardoise) {
	--pdj-trait: rgba(106, 82, 67, .38);
	--pdj-pastille: rgba(251, 245, 234, .75);
	color: var(--wp--preset--color--encre);
}
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__tete { margin-bottom: 26px; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__dates { margin-top: 6px; color: var(--wp--preset--color--accent); font: 700 clamp(1.15rem, 1.05rem + .4vw, 1.4rem)/1.3 var(--wp--preset--font-family--kalam); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__attente { color: var(--wp--preset--color--brun); font: 400 1.3rem/1.4 var(--wp--preset--font-family--kalam); }

/* One row per day; no table rules: the leaders and the raised row of today carry the structure. */
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table th,
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table td { padding: 0; border: 0; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* Every day sits on a light paper card, on phones and computers alike; today's card comes forward (below). */
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody tr { position: relative; border: 0; border-radius: 16px; background: rgba(251, 245, 234, .55); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody th { color: var(--wp--preset--color--bois); font: 600 1.35rem/1.2 var(--wp--preset--font-family--fraunces); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody th small { color: var(--wp--preset--color--brun); font: 400 .95rem/1.3 var(--wp--preset--font-family--source-sans); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat { font-size: 1.12rem; font-weight: 600; line-height: 1.35; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat--aucun { color: var(--wp--preset--color--brun); font: 400 1.2rem/1.4 var(--wp--preset--font-family--kalam); }

/* Today: the row comes forward on paper, with a red tag */
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tr.is-today { --pdj-pastille: var(--wp--preset--color--kraft); background: var(--wp--preset--color--papier); box-shadow: var(--wp--preset--shadow--douce); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__aujourdhui { position: absolute; top: -13px; right: 18px; margin: 0; padding: .2em .8em .25em; border-radius: 999px; background: var(--wp--preset--color--rouge-fonce); color: var(--wp--preset--color--blanc); font: 700 1rem/1.1 var(--wp--preset--font-family--kalam); transform: rotate(3deg); }

/* Allergens: small tags with the rounded corners of the site's buttons and cards (no pills) */
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__alg { border: 0; border-radius: 8px; background: var(--pdj-pastille); box-shadow: inset 0 0 0 1px rgba(106, 82, 67, .22); color: var(--wp--preset--color--encre); font-family: var(--wp--preset--font-family--source-sans); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__alg:hover,
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__alg:focus-visible { background: var(--wp--preset--color--accent-clair); box-shadow: none; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__alg:hover::after,
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__alg:focus-visible::after,
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__alg:focus::after { border-radius: 10px; background: var(--wp--preset--color--encre); color: var(--wp--preset--color--papier); }

/* Prices: « Formules » in a yellow disc, slightly turned, like a sticker on the menu: one column per group of days,
   prices on white tags, the lunch-only note underneath (mockup track 2). */
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__prix {
	box-sizing: border-box; display: grid; align-content: center; justify-items: center; width: min(100%, 340px); aspect-ratio: 1; margin: 34px auto 0; padding: 24px;
	border: 0; border-radius: 50%; background: var(--wp--preset--color--accent-clair); box-shadow: 0 8px 0 rgba(43, 30, 22, .1); color: var(--wp--preset--color--encre); transform: rotate(-5deg);
}
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__prix-titre { margin-bottom: 4px; font: 700 2.1rem/1 var(--wp--preset--font-family--kalam); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__formules { margin: 0; border-spacing: 8px 6px; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__formules th { font: 700 .76rem/1.05 var(--wp--preset--font-family--source-sans); letter-spacing: .04em; text-transform: uppercase; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__formules thead th { padding-bottom: 2px; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__formules tbody th { width: 5.2em; }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__formules b { display: block; padding: .32em .5em; border-radius: 10px; background: var(--wp--preset--color--papier); font: 700 1.15rem/1 var(--wp--preset--font-family--fraunces); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__prix-note { margin-top: 8px; color: var(--wp--preset--color--accent); font: 700 1.25rem/1 var(--wp--preset--font-family--kalam); }
.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__prix-note small { margin-top: 3px; color: var(--wp--preset--color--encre); font: 600 .8rem/1.3 var(--wp--preset--font-family--source-sans); }

/* Wide block: rows in a grid with dotted leaders; the disc underneath, centred */
@container bohey-pdj (min-width: 840px) {
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table,
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody { display: block; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody tr { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr) auto; align-items: baseline; gap: 0 18px; padding: 18px 22px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody tr + tr { margin-top: 12px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody th { width: auto; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat { display: flex; align-items: baseline; gap: 12px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat::after { content: ""; flex: 1; min-width: 20px; border-bottom: 3px dotted var(--pdj-trait); transform: translateY(-4px); }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat--aucun { grid-column: span 2; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat--aucun::after { display: none; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__allergenes-cellule { width: auto; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__allergenes { flex-wrap: nowrap; }
}

/* Very wide block: the disc on the right of the rows. Its column keeps a margin on the right, so the turned disc
   and its shadow stay inside the block (no horizontal scroll) and sit as far from the edge as the rows' text. */
@container bohey-pdj (min-width: 1100px) {
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__ardoise { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: center; gap: 0 40px; padding-right: 28px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__tete { grid-column: 1 / -1; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__prix { margin: 0; }
}

/* Narrow block (phone): one card per day, the disc underneath */
@container bohey-pdj (max-width: 839px) {
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody tr { padding: 16px 18px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody tr + tr { margin-top: 12px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tr.is-today { background: var(--wp--preset--color--papier); }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__table tbody th { margin-bottom: 6px; padding-right: 7.5rem; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat { margin-bottom: 12px; }
	.bohey-pdj:not(.is-style-ardoise) .bohey-pdj__plat--aucun { margin-bottom: 0; }
}

/* ===== Ardoise (is-style-ardoise): the slate of the v2 mockup ===== */

.bohey-pdj.is-style-ardoise .bohey-pdj__ardoise {
	padding: 28px 18px 24px; border: 12px solid var(--wp--preset--color--cadre); border-radius: 10px;
	background: var(--wp--preset--color--ardoise) url(../images/grain-clair.svg); color: var(--wp--preset--color--craie);
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .35), inset 0 0 60px rgba(0, 0, 0, .45), var(--wp--preset--shadow--douce);
}
.bohey-pdj.is-style-ardoise .bohey-pdj__titre { font: 700 clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem)/1.1 var(--wp--preset--font-family--kalam); font-variation-settings: normal; letter-spacing: 0; color: var(--wp--preset--color--accent-clair); }
.bohey-pdj.is-style-ardoise .bohey-pdj__dates { font: 400 1.15rem/1.4 var(--wp--preset--font-family--kalam); color: var(--wp--preset--color--craie-grise); }
.bohey-pdj.is-style-ardoise .bohey-pdj__attente { font: 400 1.3rem/1.4 var(--wp--preset--font-family--kalam); }

.bohey-pdj.is-style-ardoise .bohey-pdj__table thead th { font: 400 .95rem/1 var(--wp--preset--font-family--kalam); color: var(--wp--preset--color--craie-grise); }
.bohey-pdj.is-style-ardoise .bohey-pdj__table tbody th { font: 700 1.5rem/1.1 var(--wp--preset--font-family--kalam); color: var(--wp--preset--color--craie); }
.bohey-pdj.is-style-ardoise .bohey-pdj__table tbody th small { font: 400 1rem/1.3 var(--wp--preset--font-family--kalam); color: var(--wp--preset--color--craie-grise); }
.bohey-pdj.is-style-ardoise .bohey-pdj__plat { font-size: 1.15rem; font-weight: 600; }
.bohey-pdj.is-style-ardoise .bohey-pdj__plat--aucun { font: 400 1.15rem/1.4 var(--wp--preset--font-family--kalam); color: var(--wp--preset--color--craie-grise); }

/* Today: circled in chalk */
.bohey-pdj.is-style-ardoise .is-today .bohey-pdj__jour::after { content: ""; position: absolute; left: -12px; top: -10px; width: calc(100% + 24px); height: calc(100% + 18px); background: var(--wp--preset--color--accent-clair); -webkit-mask: url(../images/cercle-craie.svg) center / 100% 100% no-repeat; mask: url(../images/cercle-craie.svg) center / 100% 100% no-repeat; pointer-events: none; }
.bohey-pdj.is-style-ardoise .bohey-pdj__aujourdhui { margin-top: 6px; font: 700 1rem/1 var(--wp--preset--font-family--kalam); color: var(--wp--preset--color--accent-clair); transform: rotate(-6deg); }

.bohey-pdj.is-style-ardoise .bohey-pdj__alg { font-family: var(--wp--preset--font-family--source-sans); color: var(--wp--preset--color--craie); }
.bohey-pdj.is-style-ardoise .bohey-pdj__alg:hover,
.bohey-pdj.is-style-ardoise .bohey-pdj__alg:focus-visible { border-color: var(--wp--preset--color--accent-clair); color: var(--wp--preset--color--accent-clair); }
.bohey-pdj.is-style-ardoise .bohey-pdj__alg:hover::after,
.bohey-pdj.is-style-ardoise .bohey-pdj__alg:focus-visible::after,
.bohey-pdj.is-style-ardoise .bohey-pdj__alg:focus::after { background: var(--wp--preset--color--craie); color: var(--wp--preset--color--ardoise); }

.bohey-pdj.is-style-ardoise .bohey-pdj__prix { font-family: var(--wp--preset--font-family--kalam); }
.bohey-pdj.is-style-ardoise .bohey-pdj__prix-titre { color: var(--wp--preset--color--accent-clair); font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
.bohey-pdj.is-style-ardoise .bohey-pdj__formules { border-spacing: 18px 4px; }
.bohey-pdj.is-style-ardoise .bohey-pdj__formules th { font-size: 1.1rem; font-weight: 700; }
.bohey-pdj.is-style-ardoise .bohey-pdj__formules thead th { color: var(--wp--preset--color--craie-grise); font-weight: 400; }
.bohey-pdj.is-style-ardoise .bohey-pdj__formules b { font-size: 1.45rem; color: var(--wp--preset--color--accent-clair); }
.bohey-pdj.is-style-ardoise .bohey-pdj__prix-note { color: var(--wp--preset--color--craie-grise); font-size: 1.1rem; }
.bohey-pdj.is-style-ardoise .bohey-pdj__prix-note small { display: inline; font-size: inherit; }
.bohey-pdj.is-style-ardoise .bohey-pdj__prix-note small::before { content: "· "; }

@media (min-width: 900px) {
	.bohey-pdj.is-style-ardoise .bohey-pdj__ardoise { padding: 44px 48px 36px; border-width: 16px; }
}