/* WordPress-specific extras — keep the static design, support WP markup */

:root {
  --ink: var(--wp--preset--color--ink, #1c2329);
  --ink-soft: var(--wp--preset--color--ink-soft, #3d4a54);
  --muted: var(--wp--preset--color--muted, #5c6b75);
  --line: var(--wp--preset--color--line, #d8dde2);
  --paper: var(--wp--preset--color--paper, #fbfaf8);
  --paper-warm: var(--wp--preset--color--paper-warm, #f3efe8);
  --white: var(--wp--preset--color--white, #ffffff);
  --ember: var(--wp--preset--color--ember, #c0392b);
  --ember-deep: var(--wp--preset--color--ember-deep, #8e241c);
  --sea: var(--wp--preset--color--sea, #0a6b7c);
  --sea-soft: var(--wp--preset--color--sea-soft, #d6eef2);
  --sand: var(--wp--preset--color--sand, #e8dfd0);
  --agapelove-logo-height: 38px;
  --agapelove-logo-footer-height: 32px;
}

.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 1000;
  padding: 0.6rem 1rem;
  background: var(--ember);
  color: #fff;
  text-decoration: none;
}

.skip-link:focus {
  top: 1rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.al-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.logo img,
.logo .site-logo {
  display: block;
  max-height: var(--agapelove-logo-height, 38px);
  width: auto;
  height: auto;
}

.site-footer .logo img,
.site-footer .logo .site-logo {
  max-height: var(--agapelove-logo-footer-height, 32px);
}

.update-entry {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 2.5rem;
}

.update-entry:last-of-type {
  border-bottom: 0;
}

.story-content > .section:first-child,
.story-content > .wp-block-group.section:first-child {
  padding-top: var(--space-xl);
}

.form-success.is-visible {
  display: block;
}

.admin-bar .site-header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}

/* Gutenberg blocks inside themed pages */
.prose .wp-block-image img,
.story-content .wp-block-image img {
  border-radius: 2px;
}

.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.alignfull {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}