/* ====================================
   Insights & Results Section Styling
   ==================================== */

/* Target the Insights & Results section (4th direct child of entry-content) */
body.page-id-11 .entry-content > *:nth-child(4) {
  background: linear-gradient(135deg, #0f1923 0%, #1a2b3c 50%, #0d1f2d 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Decorative radial glow top-right */
body.page-id-11 .entry-content > *:nth-child(4)::before {
  content: '' !important;
  position: absolute !important;
  top: -80px !important;
  right: -80px !important;
  width: 500px !important;
  height: 500px !important;
  background: radial-gradient(circle at 70% 30%, rgba(180, 140, 80, 0.13) 0%, rgba(180, 140, 80, 0.04) 40%, transparent 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Decorative dot-grid pattern bottom-left */
body.page-id-11 .entry-content > *:nth-child(4)::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 320px !important;
  height: 320px !important;
  background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Insights & Results heading */
body.page-id-11 .entry-content > *:nth-child(4) h3.wp-block-heading {
  color: #ffffff !important;
}

/* Body copy */
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-column:first-child p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Gold accent line above heading */
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-column:first-child > .wp-block-group::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(180, 140, 80, 0.95), rgba(220, 180, 100, 0.35)) !important;
  border-radius: 2px !important;
  margin-bottom: 20px !important;
}

/* Article card glass styling */
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  padding: 28px 24px !important;
  transition: background 0.25s ease, border-color 0.25s ease !important;
  position: relative !important;
  z-index: 1 !important;
}

body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post:hover {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(180, 140, 80, 0.45) !important;
}

/* Article title */
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post-title,
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post-title a {
  color: #ffffff !important;
  text-decoration: none !important;
}

body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post-title a:hover {
  color: rgba(210, 170, 90, 0.95) !important;
}

/* Category tag */
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post-terms,
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-post-terms a {
  color: rgba(180, 140, 80, 0.9) !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Ensure columns sit above pseudo elements */
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-columns,
body.page-id-11 .entry-content > *:nth-child(4) .wp-block-column {
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================
   Let's Talk Section — Compact & Professional
   ============================================ */

body.page-id-11 .entry-content > *:nth-child(11) {
  background: linear-gradient(135deg, #0f1923 0%, #1a2b3c 55%, #0d1f2d 100%) !important;
  padding-top: 72px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Radial glow accent */
body.page-id-11 .entry-content > *:nth-child(11)::before {
  content: '' !important;
  position: absolute !important;
  top: -80px !important;
  right: -80px !important;
  width: 550px !important;
  height: 550px !important;
  background: radial-gradient(circle at 65% 35%, rgba(180, 140, 80, 0.11) 0%, transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Dot grid accent */
body.page-id-11 .entry-content > *:nth-child(11)::after {
  content: '' !important;
  position: absolute !important;
  top: 30px !important;
  right: 60px !important;
  width: 260px !important;
  height: 260px !important;
  background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Inner content group */
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:first-child {
  position: relative !important;
  z-index: 1 !important;
  padding-bottom: 52px !important;
}

/* Gold accent rule above heading */
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:first-child::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(180, 140, 80, 0.95), rgba(220, 180, 100, 0.35)) !important;
  border-radius: 2px !important;
  margin-bottom: 20px !important;
}

/* Heading */
body.page-id-11 .entry-content > *:nth-child(11) h2.wp-block-heading {
  color: #ffffff !important;
  font-size: clamp(2.2rem, 3.5vw, 2.8rem) !important;
  margin-bottom: 4px !important;
  line-height: 1.1 !important;
}

/* Address subtitle */
body.page-id-11 .entry-content > *:nth-child(11) .is-contact-address {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.88rem !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
  text-align: left !important;
  letter-spacing: 0.01em !important;
}

/* Address group — tighten top margin */
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:first-child > .wp-block-group:nth-child(2) {
  margin-top: 8px !important;
  padding: 0 !important;
}

/* Contact detail groups (Hours, Phone, Email) — inline row */
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:first-child > .wp-block-group:nth-child(3),
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:first-child > .wp-block-group:nth-child(4),
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:first-child > .wp-block-group:nth-child(5) {
  display: inline-block !important;
  vertical-align: top !important;
  margin-top: 36px !important;
  margin-bottom: 0 !important;
  margin-right: 56px !important;
  padding: 0 !important;
}

/* Label headings */
body.page-id-11 .entry-content > *:nth-child(11) h3.wp-block-heading {
  color: rgba(180, 140, 80, 0.85) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 6px !important;
}

/* Value text */
body.page-id-11 .entry-content > *:nth-child(11) .is-contact-opening-hours,
body.page-id-11 .entry-content > *:nth-child(11) .is-contact-phone,
body.page-id-11 .entry-content > *:nth-child(11) .is-contact-email {
  color: rgba(255,255,255,0.88) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Email link */
body.page-id-11 .entry-content > *:nth-child(11) .is-contact-email a {
  color: rgba(255,255,255,0.88) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
  padding-bottom: 1px !important;
}

body.page-id-11 .entry-content > *:nth-child(11) .is-contact-email a:hover {
  color: rgba(210, 170, 90, 0.95) !important;
  border-bottom-color: rgba(210, 170, 90, 0.5) !important;
}

/* Map — reduce height */
body.page-id-11 .entry-content > *:nth-child(11) > .wp-block-group:last-child {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}

body.page-id-11 .entry-content > *:nth-child(11) .wp-block-jetpack-map {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
}

body.page-id-11 .entry-content > *:nth-child(11) .wp-block-jetpack-map__mb-container {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
}



/* ===========================================
   Services Page — FAQ Alignment Fix
   =========================================== */

/* The FAQ blocks sit outside .entry-content and lose the constrained layout.
   This centres them with the same max-width as the page content. */
body.page-id-12 main > .wp-block-heading,
body.page-id-12 main > .wp-block-details {
  box-sizing: border-box !important;
  max-width: 620px !important;
  width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
}

/* ===========================================
   Homepage — Map / Bottom Spacing Fix
   =========================================== */

/* Reduce the Jetpack map height on the homepage to prevent excess whitespace */
body.page-id-4 .wp-block-jetpack-map,
body.page-id-4 .wp-block-jetpack-map__mb-container {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

@media (max-width: 768px) {
  body.page-id-4 .wp-block-jetpack-map,
  body.page-id-4 .wp-block-jetpack-map__mb-container {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}

/* ERA Group section - align left column to top instead of center */
body.page-id-4 .is-style-section-2 .wp-block-columns > .wp-block-column:first-child {
  align-self: flex-start !important;
}