/* ==========================================================================
   WordPress-specific adjustments.
   Kept separate from assets/css/styles.css so the original design file
   stays untouched. Loaded after it.
   ========================================================================== */

/* Offset the sticky header when the admin bar is visible (logged-in users). */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* Core screen-reader-text class, aligned with the existing .visually-hidden. */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}
.screen-reader-text:focus {
  position: static; width: auto; height: auto; overflow: visible;
  clip: auto; white-space: normal;
}

/* Basic support for core block alignment classes inside editable content
   (page.php / page-legal.php), so images added from the block editor
   behave reasonably inside the existing .legal-content container. */
.legal-content img,
.entry-content img { max-width: 100%; height: auto; border-radius: var(--radius-md); margin-block: var(--space-4); }
.legal-content .alignwide,
.entry-content .alignwide { max-width: 100%; }
.legal-content .wp-caption-text,
.entry-content .wp-caption-text { font-size: 13px; color: var(--color-text-muted); text-align: center; }