/* === April Flowa palette override === */
.site-header, .site-footer { background: #232e3d; color: #f5efe6; }
.site-header a, .site-footer a { color: #f5efe6; }
.site-header a:hover, .site-footer a:hover, .site-header a.active { color: #c9a36a; }
.site-header .brand, .site-header .site-title, .site-footer .brand { color: #c9a36a; }
.site-header nav a { letter-spacing: 1px; }
h1, h2, h3, h4 { color: #2b3547; }
a { color: #8a6d3f; }
.wp-block-button__link, button[type=submit], input[type=submit] { background: #232e3d; color: #f5efe6; border-radius: 2px; }
.wp-block-button__link:hover, button[type=submit]:hover, input[type=submit]:hover { background: #c9a36a; color: #232e3d; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border: 1px solid #c9a36a; color: #2b3547; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: #c9a36a; color: #232e3d; }
blockquote, .wp-block-quote { border-left: 3px solid #c9a36a; }
.wp-block-table td, .wp-block-table th { border-color: #e5dcc9; }
hr, .wp-block-separator { border-color: #c9a36a; }

/* === Layout upgrades: wide/full blocks + page titles === */
.page main.page-body, .page article { max-width: 800px; margin-inline: auto; }
.alignfull { position: relative; width: 100vw; max-width: 100vw; left: 50%; transform: translateX(-50%); }
.alignwide { position: relative; width: min(1160px, 94vw); max-width: none; left: 50%; transform: translateX(-50%); }
.page h1.display { display: none; }
.wp-block-cover .wp-block-cover__inner-container { max-width: 760px; }
.wp-block-columns.alignwide .wp-block-column img { width: 100%; }

/* cover-led pages: flush hero against header */
.page-id-30 main.page-body, .page-id-31 main.page-body, .page-id-32 main.page-body, .page-id-33 main.page-body, .page-id-34 main.page-body, .page-id-36 main.page-body, .page-id-37 main.page-body, .page-id-38 main.page-body { padding-top: 0; }
.page-id-30 article > .wp-block-cover:first-child, .page-id-31 article > .wp-block-cover:first-child, .page-id-32 article > .wp-block-cover:first-child, .page-id-33 article > .wp-block-cover:first-child, .page-id-34 article > .wp-block-cover:first-child, .page-id-36 article > .wp-block-cover:first-child, .page-id-37 article > .wp-block-cover:first-child, .page-id-38 article > .wp-block-cover:first-child { margin-top: 0; }

/* header cleanup: single-line nav, tighter rhythm */
.site-header nav a { white-space: nowrap; font-size: 0.82rem; letter-spacing: 1.5px; }
.site-header .header-inner { align-items: center; gap: 1rem; }
.site-header nav { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1.6rem; row-gap: 0.4rem; }
.site-header .brand { display: flex; align-items: center; gap: 0.6rem; white-space: nowrap; }
.site-header .brand img { max-height: 56px; width: auto; }



/* header: original layout, scaled + legible */
.site-header .brand img.brand-logo { max-height: 64px; width: auto; }
.site-header .brand .brand-word { display: inline-block; }
.site-header .brand { gap: 0.9rem; }
.site-header .brand .brand-word, .site-header .site-title { font-size: 1.25em; color: #d9b57c; }
.site-header .brand .brand-word * , .site-header .brand small, .site-header .brand .tagline { color: #e8e1d4 !important; opacity: 1 !important; }
.site-header nav a { font-size: 0.9rem; letter-spacing: 1.8px; color: #e8e1d4; }
/* keep cover kicker readable (subtle, no redesign) */
.wp-block-cover .wp-block-cover__inner-container > p:first-child { text-shadow: 0 1px 8px rgba(15,20,30,.75); }

/* octagon mark proportionate to the gold wordmark */
.site-header .brand img.brand-logo { max-height: 52px; width: auto; }
.site-header .brand { align-items: center; gap: 0.8rem; }

/* nav in TRAVELERS gold; arrow-yellow on hover */
.site-header nav a { color: #d9b57c; }
.site-header nav a:hover, .site-header nav a.active, .site-header nav a[aria-current] { color: #d9d43e; }

/* buttons: uppercase, tracked — matches nav */
.wp-block-button__link { text-transform: uppercase; letter-spacing: 1.6px; font-size: 0.88rem; }

/* === Mobile navigation and overflow repair === */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .site-header .header-inner {
    width: 100%;
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .site-header .brand {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    white-space: normal;
  }
  .site-header nav {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .site-header nav ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem 0.75rem;
    width: 100%;
  }
  .site-header nav li {
    min-width: 0;
  }
  .site-header nav li:last-child {
    grid-column: 1 / -1;
  }
  .site-header nav a {
    display: block;
    white-space: normal;
    font-size: 0.75rem;
    line-height: 1.3;
    letter-spacing: 1px;
    text-align: center;
  }
  .wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    min-width: 0;
    padding-inline: 0.5rem;
  }
}