/* ==========================================================================
   Express Facades theme: WordPress additions to the concept CSS (this site only).
   facades.css is the concept's file, unchanged (copy it over again when the
   concept changes); the shared WordPress additions are in the parent's
   theme.css. Everything this site needs on top is here.
   ========================================================================== */

/* Logged-in editors: the footer logo link keeps its focus ring above the toolbar offset. */
body.admin-bar .menu { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .menu { top: 46px; }
}

/* Legal pages (T-028 F2-05): web addresses in the wording (browser help pages, the ICO) are links and break at
   any point on narrow screens instead of running past the column. */
.legal__body a { overflow-wrap: anywhere; }

/* Homepage hero photos (T-063; T-037): with a single photo in Site text > Homepage photos there is nothing to play or
   pick. */
.hreel--single .hreel__toggle,
.hreel--single .hreel__steps { display: none !important; }

/* T-088: the taller graphite header bar (facades.css: --sticky-top 80, 96 and 104px under the compact bar). Keyboard focus
   and anchor jumps on inner pages clear the header and the section nav below it (express-core theme.css sets 76 and
   86px plus 72). */
:root:has(> body.page-inner) { --ex-top-ui: calc(80px + 72px); }
@media (min-width: 768px) {
  :root:has(> body.page-inner) { --ex-top-ui: calc(96px + 72px); }
}
@media (min-width: 1024px) {
  :root:has(> body.page-inner) { --ex-top-ui: calc(104px + 72px); }
}