/* ============================================
   SMARTWATERBOX — COMPLETE CUSTOM CSS
   ============================================ */

/* 1. Hide ONLY the H1 template page title on homepage (NOT post titles in query blocks) */
.home h1.wp-block-post-title,
.home .entry-header h1.wp-block-post-title {
  display: none;
}

/* 2. Header shadow */
.wp-block-template-part header,
header.wp-block-template-part {
  box-shadow: 0 1px 0 0 #e8edf2;
}

/* 3. Navigation text dark */
.wp-block-navigation .wp-block-navigation-item__content {
  color: #1a2a3a !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}

/* =====================================================
   4. CORE FIX: Force DARK TEXT on white/light-background sections.
      The has-contrast-color class sets white — must override with !important.
   ===================================================== */

/* White-background sections: dark text on everything */
.wp-block-group.alignfull.has-white-background-color h1,
.wp-block-group.alignfull.has-white-background-color h2,
.wp-block-group.alignfull.has-white-background-color h3,
.wp-block-group.alignfull.has-white-background-color h4,
.wp-block-group.alignfull.has-white-background-color p,
.wp-block-group.alignfull.has-white-background-color span,
.wp-block-group.alignfull.has-white-background-color li {
  color: #1a2a3a !important;
}

/* Light gray section (#f0f4f8) - force dark text with !important to override has-contrast-color */
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] h1,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] h2,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] h3,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] h4,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] p,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] span,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] li {
  color: #1a2a3a !important;
}

/* =====================================================
   5. Restore intentional accent colors on light sections
   ===================================================== */

/* Stats bar: blue numbers */
.wp-block-group.alignfull.has-white-background-color h3[style*="color:#38629f"] {
  color: #38629f !important;
}
.wp-block-group.alignfull.has-white-background-color p[style*="color:#6b7280"] {
  color: #6b7280 !important;
}

/* How It Works: step numbers stay blue */
.wp-block-group.alignfull.has-white-background-color .has-primary-color {
  color: #38629f !important;
}

/* Section eyebrow labels (HOW IT WORKS / WHAT WE COVER) */
p[style*="letter-spacing:0.15em"],
p[style*="letter-spacing: 0.15em"] {
  color: #38629f !important;
  text-transform: uppercase;
}
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] p[style*="letter-spacing"] {
  color: #38629f !important;
}

/* Card body text: slightly muted gray */
.wp-block-group.alignfull.has-white-background-color .wp-block-group[style*="border-radius:12px"] p,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] .wp-block-group[style*="border-radius:16px"] p {
  color: #4b5e6e !important;
}

/* Outline buttons on white/light sections */
.wp-block-group.alignfull.has-white-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-group.alignfull[style*="background-color:#f0f4f8"] .wp-block-button.is-style-outline .wp-block-button__link {
  color: #38629f !important;
  border-color: #38629f !important;
  background-color: transparent !important;
}

/* =====================================================
   6. Hero cover: always white text
   ===================================================== */
.wp-block-cover *,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover p {
  color: #ffffff !important;
}
.wp-block-cover .wp-block-button__link {
  color: #38629f !important;
  background-color: #ffffff !important;
}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}

/* =====================================================
   7. Transparent sections (blue body bg): ensure white text
      These sections inherit body blue so need white text.
      Post title links in Guides query block must be white.
   ===================================================== */

/* Guide post titles (h3 inside query loop) - white on blue */
.wp-block-query .wp-block-post-title,
.wp-block-query h3.wp-block-post-title,
.wp-block-post-template .wp-block-post-title {
  color: #ffffff !important;
  display: block !important;
}

/* Post date */
.wp-block-post-date,
.wp-block-post-date a,
time.wp-block-post-date {
  color: rgba(255,255,255,0.7) !important;
}

/* =====================================================
   8. Hero improvements
   ===================================================== */
.wp-block-cover {
  min-height: 85vh !important;
  display: flex;
  align-items: center;
}
.wp-block-cover h1.wp-block-heading {
  text-align: center !important;
}

/* =====================================================
   9. Button polish
   ===================================================== */
.wp-block-button__link {
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

/* =====================================================
   10. Card hover effects
   ===================================================== */
.wp-block-group[style*="border-radius:12px"],
.wp-block-group[style*="border-radius:16px"] {
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.wp-block-group[style*="border-radius:12px"]:hover,
.wp-block-group[style*="border-radius:16px"]:hover {
  box-shadow: 0 12px 40px rgba(56,98,143,0.15);
  transform: translateY(-3px);
}

/* =====================================================
   11. Hero image: ensure it covers the full cover block
   ===================================================== */
.wp-block-cover__image-background {
  object-fit: cover !important;
  object-position: center center !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* =====================================================
   12. Remove gap above hero on homepage
       The page template has a group with spacers before the cover
       Target: .home main .wp-block-group (first child with no special class) > .wp-block-spacer
   ===================================================== */
.home main > .wp-block-group:not(.wp-block-cover):not(.has-white-background-color):not(.has-background):first-child {
  display: none !important;
}

/* =====================================================
   13. Article/post images: constrain to content column
       Images inside posts render at native width by default.
       Force them to never exceed their container width.
   ===================================================== */
.wp-block-post-content img,
.entry-content img,
.post-content img,
article .entry-content img,
.single-post img,
/* Target bare img tags inside post paragraphs and blocks */
.wp-block-post-content p img,
.wp-block-post-content figure img,
.wp-block-post-content .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* Also cap the image blocks themselves */
.wp-block-post-content .wp-block-image {
  max-width: 100% !important;
}

/* ============================================
   16. Single Post / Article Pages — White Background & Dark Text
   ============================================ */

/* White background for single posts */
.single-post body,
body.single-post {
  background-color: #ffffff !important;
  color: #1a2a3a !important;
}

/* White background on main content area */
.single-post main,
.single-post .wp-block-post-content,
.single-post .entry-content {
  background-color: #ffffff !important;
  color: #1a2a3a !important;
}

/* Post title dark */
.single-post .wp-block-post-title {
  color: #1a2a3a !important;
}

/* Post meta (date, author, category) dark */
.single-post .wp-block-post-date,
.single-post .wp-block-post-date a,
.single-post .wp-block-post-author-name,
.single-post .wp-block-post-author-name a,
.single-post .wp-block-post-terms,
.single-post .wp-block-post-terms a,
.single-post .wp-block-post-author .wp-block-post-author__name {
  color: #555e6a !important;
}

/* All paragraph and body text dark */
.single-post .wp-block-post-content p,
.single-post .wp-block-post-content li,
.single-post .wp-block-post-content ul,
.single-post .wp-block-post-content ol,
.single-post .entry-content p,
.single-post .entry-content li {
  color: #1a2a3a !important;
}

/* Headings dark */
.single-post .wp-block-post-content h1,
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
.single-post .wp-block-post-content h5,
.single-post .wp-block-post-content h6,
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
  color: #1a2a3a !important;
}

/* Links — use brand blue */
.single-post .wp-block-post-content a,
.single-post .entry-content a {
  color: #38629f !important;
}
.single-post .wp-block-post-content a:hover,
.single-post .entry-content a:hover {
  color: #1a2a3a !important;
}

/* Blockquotes */
.single-post .wp-block-post-content blockquote,
.single-post .wp-block-post-content .wp-block-quote {
  color: #1a2a3a !important;
  border-left-color: #38629f !important;
}

/* White bg for site header on single posts */
.single-post .wp-block-template-part header,
.single-post header.wp-block-template-part {
  background-color: #ffffff !important;
}

/* Ensure the full page wrapper is white */
.single-post #page,
.single-post .wp-site-blocks,
.single-post .is-root-container {
  background-color: #ffffff !important;
}


/* =============================================
   FIX: Invisible text elements (white on white)
   ============================================= */

/* Footer description / tagline text */
.wp-block-site-tagline,
footer .wp-block-site-tagline,
footer p,
.wp-block-template-part[data-slug="footer"] p,
.wp-block-template-part[data-slug="footer"] .wp-block-paragraph,
footer .wp-block-paragraph {
  color: #1a2a3a !important;
}

/* "Designed with WordPress" footer credit */
.site-footer p,
footer [class*="footer"] p {
  color: #1a2a3a !important;
}

/* Comments heading */
#comments,
#comments h2,
.wp-block-comments h2,
.wp-block-comments-title,
h2.wp-block-comments__legacy-title {
  color: #1a2a3a !important;
}

/* Leave a Reply heading */
.comment-reply-title,
#reply-title,
.wp-block-post-comments-form h3,
.wp-block-post-comments-form .comment-reply-title {
  color: #1a2a3a !important;
}

/* Post navigation / previous-next links text */
.wp-block-post-navigation-link a,
.wp-block-post-navigation-link .wp-block-post-navigation-link__label,
.nav-previous a,
.nav-next a,
.post-navigation a,
.wp-block-query-pagination a,
.single-post .nav-links a,
a[rel="prev"],
a[rel="next"] {
  color: #38629f !important;
}

/* General footer text color fix */
footer,
footer * {
  color: #1a2a3a;
}

/* Override for footer links */
footer a,
footer a:visited {
  color: #38629f !important;
}