/* Hero Headline */
.hero-headline {
  font-size: clamp(2.2rem, 4vw, 3rem);
  line-height: 1.2;
  font-weight: 700 !important;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.75);
  color: #d4af37;
  text-align: center;
}

/* Hero CTA */
.hero-cta {
  background-color: #c9a646;
  color: #ffffff;
  border-radius: 190px;
  padding: 8px 24px;
  font-weight: 600;
  transition: background-color 0.3s ease;
  margin: 12px 0;
}
.hero-cta:hover {
  background-color: #d4b04d;
  color: #ffffff;
}

/* Remove arrows from ALL CTAs */
.wp-block-button__link::after {
  content: none !important;
  display: none !important;
}

/* Book Your Inspection CTA */
a[href*="get-in-touch"].wp-block-button__link {
  border-radius: 190px !important;
  background-color: #c9a646 !important;
  color: #ffffff !important;
  font-family: montserrat, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  text-align: center !important;
  padding: 10px 24px !important;
  line-height: 1.2 !important;
  transition: all 0.3s ease-in-out !important;
}
a[href*="get-in-touch"].wp-block-button__link:hover {
  background-color: #d4af37 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
  transform: translateY(-2px) !important;
}
a[href*="get-in-touch"].wp-block-button__link:active {
  background-color: #b8962f !important;
  transform: translateY(0) !important;
}

/* Speak to a Specialist CTA */
a[href="#popup-4510"].wp-block-button__link {
  border: 2px solid #d4af37 !important;
  border-radius: 190px !important;
  color: #d4af37 !important;
  font-family: montserrat, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  text-align: center !important;
  background: transparent !important;
  padding: 10px 20px !important;
  line-height: 1.2 !important;
  transition: all 0.3s ease-in-out !important;
}
a[href="#popup-4510"].wp-block-button__link:hover {
  background-color: #d4af37 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
  transform: translateY(-2px) !important;
}
a[href="#popup-4510"].wp-block-button__link:active {
  background-color: #b8962f !important;
  color: #ffffff !important;
  transform: translateY(0) !important;
}

/* Hero block subheadline (off‑white) with side dividers */
.hero-heading p:not(.hero-headline) {
  color: #e8dcc4;
  text-shadow: 0px 3px 8px rgba(0,0,0,0.65); /* subtle glow */
  display: flex;              /* flexbox for side dividers */
  align-items: center;        /* vertically center dividers with text */
  justify-content: center;    /* center the whole unit under headline */
  gap: 20px;                  /* space between text and dividers */
  margin: 0 auto;             /* center block itself */
  text-align: center;
}

/* Divider lines */
.hero-heading p:not(.hero-headline)::before,
.hero-heading p:not(.hero-headline)::after {
  content: "";
  flex: 0 0 60px;             /* fixed width */
  height: 0.5px;              /* thin line */
  background-color: #d4af37;  /* gold */
}

/* Premium gold hover + lift for CTA buttons */
.wp-block-button__link:hover {
    background-color: #c19d2f !important; /* premium gold */
    color: #ffffff !important;            /* keep text clear */
    box-shadow: 0 4px 12px rgba(0,0,0,0.25); /* subtle shadow */
    transform: translateY(-2px);          /* slight lift */
    transition: all 0.3s ease;            /* smooth effect */
}
/* === Popup Action Items === */
.popup-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px; /* space between buttons */
  margin: 20px 0;
}

.popup-buttons a {
  flex: 1 1 200px; /* grow/shrink, min width */
  text-align: center;
  border-radius: 12px;
  padding: 12px 20px;
  font-weight: 600;
  color: #ffffff !important;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* space between icon and text */
}

/* Call Us button */
.popup-call {
  background-color: #0073e6; /* blue */
}
.popup-call:hover {
  background-color: #005bb5;
  transform: translateY(-2px);
}

/* WhatsApp Us button */
.popup-whatsapp {
  background-color: #25D366; /* WhatsApp green */
}
.popup-whatsapp:hover {
  background-color: #1ebc5c;
  transform: translateY(-2px);
}

/* Email Us button */
.popup-email {
  background-color: #d4af37; /* gold */
}
.popup-email:hover {
  background-color: #c19d2f;
  transform: translateY(-2px);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .popup-buttons {
    flex-direction: column;
    align-items: stretch;
  }
}
/* Hero block background: show full image */
.wp-block-cover {
  background-size: contain !important;   /* fit whole image */
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed !important; /* keeps parallax effect */
  background-color: #0a2a4f; /* fallback navy to fill gaps */
}