/* ===== ECHELON HOUSING - CUSTOM STYLES v3 ===== */

/* ===== GLOBAL ===== */
body { font-family: 'Georgia', serif; background: #f4f2ed; color: #1a1a2e; }
.wp-site-blocks { background: #f4f2ed; }

/* ===== HEADER - Full dark blue, no cream gap ===== */
.wp-block-template-part:first-child,
.wp-block-template-part:first-child > * {
  background: #0d1b3e !important;
  box-shadow: 0 2px 24px rgba(0,0,0,0.35);
}
.wp-block-navigation a { color: #ddd8cc !important; font-weight: 500 !important; }
.wp-block-navigation a:hover { color: #ffffff !important; }

/* ===== HERO SECTION (first alignfull group) ===== */
.wp-block-group.alignfull:not(.wp-block-template-part) {
  background-color: #1a1a2e !important;
}
.wp-block-group.alignfull h1 { color: #ffffff !important; }
.wp-block-group.alignfull > * > p { color: #ddd8cc !important; }

/* ===== ABOUT SECTION (cream bg, 2nd alignfull) ===== */
.wp-block-group.alignfull:nth-of-type(2) {
  background-color: #f4f2ed !important;
}
.wp-block-group.alignfull:nth-of-type(2) h2 { color: #1a1a2e !important; }
.wp-block-group.alignfull:nth-of-type(2) p { color: #1a1a2e !important; }
.wp-block-group.alignfull:nth-of-type(2) .wp-block-heading { color: #c9a96e !important; }

/* ===== DARK NAVY SECTIONS (has-base-2-background-color) ===== */
/* Housing Solutions Built Around Placement Needs */
/* How It Works */
.has-base-2-background-color,
.has-base-2-background-color.has-background {
  color: #ffffff;
}

/* Dark section H2 main headings - white */
.has-base-2-background-color h2,
.has-base-2-background-color h2.wp-block-heading {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Dark section paragraph text - warm cream */
.has-base-2-background-color p {
  color: #ddd8cc !important;
}

/* Dark section small label headings (the asterisk-style) */
.has-base-2-background-color .wp-block-heading.is-style-asterisk {
  color: #ffffff !important;
}

/* ===== FEATURE CARDS & COLUMNS inside dark sections ===== */
/* Card h3 headings - gold accent */
.has-base-2-background-color .wp-block-column h2,
.has-base-2-background-color .wp-block-column h3,
.has-base-2-background-color .wp-block-column h4 {
  color: #c9a96e !important;
  font-weight: 600 !important;
}

/* Card body text */
.has-base-2-background-color .wp-block-column p,
.has-base-2-background-color .wp-block-column li {
  color: #ddd8cc !important;
}

/* Card checklist items (How It Works step list) */
.has-base-2-background-color ul li,
.has-base-2-background-color ol li {
  color: #ddd8cc !important;
}

/* ===== BUTTONS ===== */
.wp-block-button__link {
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

/* ===== FOOTER ===== */
.wp-block-template-part:last-child * { color: #ddd8cc !important; }
.wp-block-template-part:last-child .wp-block-heading {
  color: #ffffff !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
}
.wp-block-template-part:last-child .wp-block-column h1,
.wp-block-template-part:last-child .wp-block-column h2,
.wp-block-template-part:last-child .wp-block-column h3 {
  color: #ffffff !important;
}
.wp-block-template-part:last-child a { color: #ddd8cc !important; }
.wp-block-template-part:last-child a:hover { color: #ffffff !important; text-decoration: underline; }

/* ===== FOOTER TEXT FIX - cream background footer ===== */
/* Footer is on cream/light bg - override to show dark navy text */
.wp-block-template-part:last-child {
  background: #f4f2ed;
}
.wp-block-template-part:last-child * {
  color: #1a1a2e !important;
}
.wp-block-template-part:last-child .wp-block-heading {
  color: #1a1a2e !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}
.wp-block-template-part:last-child p {
  color: #4a4a6a !important;
}
.wp-block-template-part:last-child a {
  color: #1a1a2e !important;
}
.wp-block-template-part:last-child a:hover {
  color: #c9a96e !important;
}
/* Footer Echelon Housing brand heading */
.wp-block-template-part:last-child h1,
.wp-block-template-part:last-child h2,
.wp-block-template-part:last-child h3 {
  color: #1a1a2e !important;
  font-weight: 700 !important;
}