/* editable.css — helpers used when sections are authored as native blocks
   (so the markup stays valid and no inline styles are needed). Loaded after
   site.css. Keeps the design identical to the original wp:html version.

   Resets use :where() (zero specificity) so they neutralise browser/block
   defaults WITHOUT overriding the dm-* design classes. */

:where(.wp-block-group) { margin: 0; }
:where(.wp-block-heading) { margin: 0; }

/* One-off layout tweaks that were inline styles in the preview. */
.u-head-20 { margin: 18px auto 18px; max-width: 20ch; }
.u-head-16 { margin: 16px 0 48px; max-width: 16ch; }
.u-head-22 { margin: 18px auto 18px; max-width: 22ch; }
.u-head-18 { margin: 18px auto 18px; max-width: 18ch; }
.u-lead-54 { max-width: 54ch; margin: 0 auto 30px; }
.u-lead-52 { max-width: 52ch; margin: 0 auto; }
.u-h3-19   { margin: 14px 0 0; font-size: 1.9rem; }
.u-mt-64   { margin-top: 64px; }
.u-mt-26   { margin-top: 26px; }
.u-mt-4    { margin-top: 4px; }

/* dm-body relied on the browser's default paragraph margin for its top gap;
   WP's flow layout zeroes that, so restore it explicitly. */
.dm-body { margin-top: 16px; }

/* Reservation picker → TableFever: small reassuring note under the button. */
.dm-book__handoff { font-family: var(--dm-font-body); font-size: .82rem; line-height: 1.5; color: var(--dm-ink-3); text-align: center; margin: 16px 0 0; }

/* Reservation conditions (group size, allergies, supplement) — moved out of
   the TableFever widget into our own module, under the opening hours. */
.dm-reserve__notes { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(220, 205, 178, .18); display: grid; gap: 12px; }
.dm-reserve__notes p { margin: 0; font-family: var(--dm-font-body); font-size: .86rem; line-height: 1.55; color: #C9BCA8; }

/* Contact: the label + muted line were a <span>; as editable <p> blocks they
   get caught by the broad `.dm-contact__block p` rule, so re-assert their look
   with enough specificity to win. */
.dm-contact__block p.dm-contact__lab {
	font-family: var(--dm-font-eyebrow);
	font-size: .72rem;
	letter-spacing: .2em;
	line-height: 1.4;
	color: var(--dm-terracotta);
	margin: 0 0 8px;
}
.dm-contact__block p.dm-contact__muted { color: var(--dm-ink-3); }