/* The few things theme.json cannot express. Values come from tokens.css or theme.json presets. */

/* Short orange rule under section headings (block style "Short rule" on the Separator block) */
.wp-block-separator.is-style-short-rule {
  width: 53px;
  max-width: 53px;
  height: 4px;
  border: 0;
  margin-left: 0;
  margin-right: auto;
  background-color: currentColor;
  opacity: 1;
}

/* Header navigation: orange underline on the current page */
.wp-block-navigation .wp-block-navigation-item__content { padding-bottom: 12px; border-bottom: 1px solid transparent; }
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--orange); }

/* Logo cards: keep logos inside narrow cards */
.wp-block-group > .wp-block-image img { max-width: 100%; height: auto; }

/* Footer social icons at the Figma size */
.wp-block-social-links.has-large-icon-size { font-size: 36px; }

/* Header, page and footer sit flush, with no gap between them */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* Images: no browser default side margins */
figure.wp-block-image:not(.aligncenter) { margin-left: 0; margin-right: 0; }

/* Hide text meant only for screen readers (such as social icon labels) */
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute; width: 1px; word-wrap: normal !important;
}

/* Text alignment classes, for WordPress versions that do not include them */
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }