/* =========================
   SITE TITLE + NAV (RESPONSIVE)
   Fixes inline block fontSize like "10vw"
   ========================= */
/* Desktop + Tablet (default) */
body .wp-block-site-title {
  font-size: 4.1vw !important; /* NOTE: vw (not vm) */
}
/* Navigation menu */
body .wp-block-navigation .wp-block-navigation-item__content {
  font-size: 1.3rem !important;
}
/* Mobile */
@media (max-width: 768px) {
  body .wp-block-site-title {
    font-size: 5.7vw !important;
  }
  body .wp-block-navigation .wp-block-navigation-item__content {
    font-size: 0.8rem !important;
  }
}
/* Header Site Title — force smaller (Surrealist / FSE-safe) */
.wp-site-blocks .wp-block-template-part .wp-block-site-title,
.wp-site-blocks .wp-block-template-part .wp-block-site-title a,
.wp-site-blocks .wp-block-template-part .wp-block-site-title__link {
  font-size: 2.75rem !important;
  line-height: 1.1 !important;
}
/* All H1 headings */
h1 {
    font-size: 1.4rem;
}
/* -------------------------------------------------
   OVERRIDE Surrealist "Links" font setting in:
   - Header links (excluding Site Title)
   - Footer links (excluding Site Title)
   - Home page links only (NOT body text)
   ------------------------------------------------- */
/* Header + Footer: set base font to Futura */
.wp-site-blocks header,
.wp-site-blocks footer {
  font-family: "Futura ICG", Futura, "Trebuchet MS", sans-serif !important;
}
/* Header links inherit header font (exclude Site Title link) */
.wp-site-blocks header a:not(.wp-block-site-title__link),
.wp-site-blocks header a:not(.wp-block-site-title__link):visited,
.wp-site-blocks header a:not(.wp-block-site-title__link):hover,
.wp-site-blocks header a:not(.wp-block-site-title__link):active {
  font-family: inherit !important;
}
/* Footer links inherit footer font (exclude Site Title link, just in case) */
.wp-site-blocks footer a:not(.wp-block-site-title__link),
.wp-site-blocks footer a:not(.wp-block-site-title__link):visited,
.wp-site-blocks footer a:not(.wp-block-site-title__link):hover,
.wp-site-blocks footer a:not(.wp-block-site-title__link):active {
  font-family: inherit !important;
}
/* Home page: apply Futura ONLY to links (so copyright/body text stays unchanged) */
body.home a,
body.home a:visited,
body.home a:hover,
body.home a:active {
  font-family: "Futura ICG", Futura, "Trebuchet MS", sans-serif !important;
}
/* Keep Site Title on Garamond everywhere (header/home/etc.) */
.wp-site-blocks .wp-block-site-title,
.wp-site-blocks .wp-block-site-title a,
.wp-site-blocks a.wp-block-site-title__link {
  font-family: "Garamond Premier Pro Caption", "Garamond Premier Pro", Garamond, serif !important;
}

/* FIX: Override Surrealist theme setting all links to 1px */
a:where(:not(.wp-element-button)) {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Mobile: shrink footer site title by 40% */
@media (max-width: 768px) {
  .wp-site-blocks .wp-block-template-part .wp-block-site-title,
  .wp-site-blocks .wp-block-template-part .wp-block-site-title a,
  .wp-site-blocks .wp-block-template-part .wp-block-site-title__link {
    font-size: 1.35rem !important;
  }
}

/* News page: cap featured images at 300x168px, responsive on mobile */
body.blog .wp-block-post-featured-image img {
  max-width: 3000px !important;
  max-height: 1680px !important;
  width: 100% !important;
  height: auto !important;
}
/* Mobile: shrink footer nav by 10% */
@media (max-width: 768px) {
  .wp-site-blocks footer .wp-block-navigation .wp-block-navigation-item__content {
    font-size: 0.75rem !important;
  }
}

/* -------------------------------------------------
   NEWS PAGE — Date + Category on one line
   Format: DATE / CATEGORY
   ------------------------------------------------- */

/* Scope to News page */
body.blog .wp-block-post-template {

  /* Make metadata line flexible */
  .wp-block-post-date,
  .wp-block-post-terms {
    display: inline-block;
    vertical-align: middle;
  }

  /* Ensure both appear on the same line */
  .wp-block-post-date {
    margin-right: 0.4em;
  }

  /* Add the slash between date and category */
  .wp-block-post-date::after {
    content: " / ";
    margin-left: 0.4em;
    margin-right: 0.4em;
  }
}
/* -------------------------------------------
   NEWS PAGE — FORCE 16:9 FEATURED IMAGES
   ------------------------------------------- */

body.blog .wp-block-post-featured-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

body.blog .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}