/* Side gutters = dark blue (fills strips left/right of page) */
html {
  background-color: #0a2a6e;
}

/* Main content area = white */
.wp-site-blocks {
  background-color: #ffffff !important;
}

/* Every direct section/group block inside the page = white background */
.wp-site-blocks > * {
  background-color: #ffffff !important;
}

/* EXCEPT the header template part - keep that dark blue */
.wp-site-blocks > .wp-block-template-part:first-child,
.wp-site-blocks > .wp-block-template-part:first-child header {
  background-color: #0a2a6e !important;
}

/* Header full-width, no padding gaps */
.wp-block-template-part header {
  padding-inline: 0 !important;
}

/* Align header inner content */
.wp-block-template-part header .wp-block-group {
  max-width: 100%;
  margin-inline: 0 !important;
  padding-left: max(20px, calc((100vw - 780px) / 2)) !important;
  padding-right: max(20px, calc((100vw - 780px) / 2)) !important;
  box-sizing: border-box;
}

  max-width: 100%;
  margin-inline: 0 !important;
  padding-left: clamp(20px, 5vw, 60px) !important;
  padding-right: clamp(20px, 5vw, 60px) !important;
  box-sizing: border-box;
}

/* Fix ABOUT nav text wrapping */
.wp-block-navigation-item__content,
.wp-block-navigation-item a {
  white-space: nowrap !important;
}

/* Remove block gaps between sections */
:where(.wp-site-blocks) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* Pointer/chevron style */
.pointer {
  width: auto;
  height: 40px;
  position: relative;
  background: var(--wp--preset--color--accent-4);
}

.pointer:before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 30px solid var(--wp--preset--color--accent-4);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

/* Double HR */
.double-hr {
  background: var(--wp--preset--color--accent-1);
  height: 3px;
  border-top: 1px solid #ffffff33;
  border-bottom: 1px solid #ffffff33;
}
/* Fix post/page title and body text color on white backgrounds */
.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6 {
  color: #1a1a2e !important;
}

.wp-site-blocks p,
.wp-site-blocks .entry-title,
.wp-site-blocks .wp-block-post-title,
.wp-site-blocks .wp-block-post-title a {
  color: #2d2d2d !important;
}

/* Keep header text white */
.wp-block-template-part header h1,
.wp-block-template-part header h2,
.wp-block-template-part header p,
.wp-block-template-part header a,
.wp-block-template-part header .wp-block-site-title,
.wp-block-template-part header .wp-block-site-title a {
  color: #ffffff !important;
}
/* Fix: Post dates and meta info - dark on white content area */
.wp-site-blocks .wp-block-post-date,
.wp-site-blocks .wp-block-post-date a,
.wp-site-blocks time,
.wp-site-blocks .posted-on,
.wp-site-blocks .entry-date {
  color: #555555 !important;
}

/* Fix: Footer - ALL text white on dark blue background */
.wp-block-template-part footer,
.wp-block-template-part footer h1,
.wp-block-template-part footer h2,
.wp-block-template-part footer h3,
.wp-block-template-part footer h4,
.wp-block-template-part footer p,
.wp-block-template-part footer a,
.wp-block-template-part footer li,
.wp-block-template-part footer span,
.wp-block-template-part footer .wp-block-navigation-item__content {
  color: #ffffff !important;
}

/* Footer navigation links hover */
.wp-block-template-part footer a:hover {
  color: #a8d4ff !important;
  text-decoration: underline;
}

/* Footer site title */
.wp-block-template-part footer .wp-block-site-title,
.wp-block-template-part footer .wp-block-site-title a {
  color: #ffffff !important;
}
/* Fix: Footer-alternative template part - force ALL text white */
[class*="footer"] *,
.wp-block-template-part[class*="footer"] *,
#footer *,
.site-footer * {
  color: #ffffff !important;
}

/* Broad footer catch - targets any template part after main content */
.wp-site-blocks > .wp-block-template-part:last-child *,
.wp-site-blocks > .wp-block-template-part:last-of-type * {
  color: #ffffff !important;
}

/* Footer template part background stays dark blue */
.wp-site-blocks > .wp-block-template-part:last-child,
.wp-site-blocks > .wp-block-template-part:last-of-type {
  background-color: #0a2a6e !important;
}

/* Footer hover links */
.wp-site-blocks > .wp-block-template-part:last-child a:hover,
.wp-site-blocks > .wp-block-template-part:last-of-type a:hover {
  color: #a8d4ff !important;
}
