/* =========================
   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;
}

/* 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%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center top;
}

/* Single post pages: display featured images at native size, don't upscale */
body.single-post .wp-block-post-featured-image {
  width: auto;
  text-align: center;
}
body.single-post .wp-block-post-featured-image {
  text-align: center;
}

body.single-post .wp-block-post-featured-image img {
  height: 500px;
  width: auto;
  max-width: 100%;
  display: block;
  margin-inline: auto;
}

/* Current menu item or ancestor states */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-parent > a,
.main-navigation .current-page-parent > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current-page-ancestor > a,
#site-navigation .current-menu-item > a,
#site-navigation .current_page_item > a,
#site-navigation .current-menu-parent > a,
#site-navigation .current-page-parent > a,
#site-navigation .current-menu-ancestor > a,
#site-navigation .current-page-ancestor > a,
nav .current-menu-item > a,
nav .current_page_item > a,
nav .current-menu-parent > a,
nav .current-page-parent > a,
nav .current-menu-ancestor > a,
nav .current-page-ancestor > a {
  color: #000 !important;
}

/* Make the current top-level section black in the navigation */

/* Projects page itself */
body.page-id-7 a.wp-block-navigation-item__content[href="https://betterarchangel.com/projects/"],
body.page-id-7 a.wp-block-navigation-item__content[href="/projects/"],

/* Any child page under Projects */
body.parent-pageid-7 a.wp-block-navigation-item__content[href="https://betterarchangel.com/projects/"],
body.parent-pageid-7 a.wp-block-navigation-item__content[href="/projects/"] {
  color: #000 !important;
}

/* About page itself */
body.page-id-8 a.wp-block-navigation-item__content[href="https://betterarchangel.com/about/"],
body.page-id-8 a.wp-block-navigation-item__content[href="/about/"] {
  color: #000 !important;
}

/* News page itself */
body.page-id-9 a.wp-block-navigation-item__content[href="https://betterarchangel.com/news/"],
body.page-id-9 a.wp-block-navigation-item__content[href="/news/"] {
  color: #000 !important;
}

/* Contact page itself */
body.page-id-10 a.wp-block-navigation-item__content[href="https://betterarchangel.com/contact/"],
body.page-id-10 a.wp-block-navigation-item__content[href="/contact/"] {
  color: #000 !important;
}

.wp-block-post-featured-image img {
    object-position: center bottom;
}

.wp-block-query-pagination-numbers .page-numbers.current {
  font-family: Nunito, sans-serif !important;
  font-weight: 400 !important;
}

body.single-post .wp-block-post-featured-image img {
  max-height: 1000px;
}