/* ==========================================================================
   WordPress layer: what the static build does not have.
   css/main.css is copied unchanged from the static build; the header and footer
   are coded partials using its classes, so this file only covers Blocksy's
   content defaults and the admin bar.
   ========================================================================== */

/* The sticky header and menu bar sit under the admin bar when it is fixed (logged-in users) */
@media (min-width: 783px) {
  html:has(body.admin-bar) { scroll-padding-block-start: calc(var(--header-h) + 32px + 16px); }
  .admin-bar .site-header { inset-block-start: 32px; }
  .admin-bar .catbar { inset-block-start: calc(var(--header-h) + 32px); }
}
@media (min-width: 601px) and (max-width: 782.98px) {
  html:has(body.admin-bar) { scroll-padding-block-start: calc(var(--header-h) + 46px + 16px); }
  .admin-bar .site-header { inset-block-start: 46px; }
  .admin-bar .catbar { inset-block-start: calc(var(--header-h) + 46px); }
}

/* Blocksy's content defaults the static design does not use (see "Blocksy gotchas" in WORDPRESS.md).
   :where(#main) keeps these at element weight: they beat Blocksy's plain ul/p rules because they
   load later, and still lose to every class in main.css (the signature row's own padding, for one). */
:where(#main) :is(ul, ol) { padding-inline-start: 0; margin-inline-start: 0; }
:where(#main) :is(h1, h2, h3, h4, p, ul, ol, figure, dl, dd, blockquote) { margin: 0; }
:where(#main) dt { font-weight: inherit; }
.review blockquote { padding: 0; border: 0; }

/* Blocksy applies its heading typography (display font, tracking) to every h3;
   the static build's small "Opening hours" heading uses the body font */
.hours__title { font-family: var(--font-body); letter-spacing: normal; line-height: 1.6; }

/* The footer is outside #main: the same list and paragraph resets, scoped to it */
.site-footer :is(ul, p) { margin: 0; }
.site-footer__small a { color: var(--text); text-underline-offset: 3px; }
.site-footer__small a:hover { color: var(--accent); }

/* Plain pages (privacy) */
.brace-page .entry-content a { color: var(--accent); }