/* Hide duplicate H1 title inside post content - title is already shown by theme above */
.entry-content h1 {
	  display: none;
}
}

/* Add 'By ' prefix before author name on posts */
.wp-block-post-author-name::before {
	  content: 'Written by ';
}
}

/* =============================================
   WARM PROFESSIONAL REAL ESTATE STYLING
   ============================================= */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;700&display=swap');

/* --- Color Variables --- */
:root {
  --color-cream: #FAF8F4;
  --color-charcoal: #2C2C2C;
  --color-gold: #B8966E;
  --color-gold-dark: #9A7A55;
  --color-warm-gray: #F2EDE8;
  --color-text-muted: #6B6460;
}

/* --- Base Body --- */
body {
  background-color: var(--color-cream) !important;
  color: var(--color-charcoal) !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400;
}

/* --- Headings: Playfair Display serif --- */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--color-charcoal) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* --- Site Title --- */
.wp-block-site-title a,
.wp-block-site-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  color: var(--color-charcoal) !important;
  letter-spacing: -0.03em;
}

/* --- Navigation --- */
.wp-block-navigation a {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem !important;
  color: var(--color-charcoal) !important;
}
.wp-block-navigation a:hover {
  color: var(--color-gold) !important;
}

/* --- Header / Site Header background --- */
.wp-block-template-part header,
header.wp-block-template-part {
  background-color: var(--color-cream) !important;
  border-bottom: 1px solid #E8E0D6 !important;
  padding: 12px 0 !important;
}

/* --- Primary "Learn More" / CTA Button --- */
.wp-block-button__link,
.wp-element-button {
  background-color: var(--color-gold) !important;
  color: #fff !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 2px !important;
  border: none !important;
  transition: background 0.2s ease;
}
.wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: var(--color-gold-dark) !important;
}

/* --- Post Title Links --- */
.wp-block-post-title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--color-charcoal) !important;
  text-decoration: none;
}
.wp-block-post-title a:hover {
  color: var(--color-gold) !important;
}

/* --- Post / Page content area --- */
.wp-block-post-content p,
.entry-content p {
  font-family: 'Lato', sans-serif !important;
  font-size: 1.05rem;
  line-height: 1.85;
  color: var(--color-charcoal) !important;
}

/* --- Byline / Meta --- */
.wp-block-post-author-name,
.wp-block-post-date,
.wp-block-post-terms {
  font-family: 'Lato', sans-serif !important;
  font-size: 0.82rem;
  color: var(--color-text-muted) !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* --- HR Separators warm toned --- */
hr, .wp-block-separator {
  border-color: #DDD4C8 !important;
}

/* --- Post cards / query loop background --- */
.wp-block-post {
  background-color: #fff;
  border-radius: 4px;
}

/* --- Footer warm background --- */
.wp-block-template-part footer,
footer.wp-block-template-part {
  background-color: var(--color-charcoal) !important;
  color: #E8E0D6 !important;
}
footer a {
  color: var(--color-gold) !important;
}

/* =============================================
   HOMEPAGE CTA BANNER BUTTON STYLING
   ============================================= */

/* Solid gold button inside cover/CTA block */
.wp-block-cover .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: #B8966E !important;
  color: #ffffff !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 2px !important;
  border: 2px solid #B8966E !important;
}
.wp-block-cover .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background-color: #9A7A55 !important;
  border-color: #9A7A55 !important;
}

/* Outline ghost button inside cover/CTA block */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #B8966E !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 2px !important;
}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: #B8966E !important;
  color: #ffffff !important;
}

/* =============================================
   SPECIALIZATION PILLS
   ============================================= */

.specialization-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}

.spec-pill {
  display: inline-block !important;
  background-color: transparent !important;
  color: var(--color-gold, #B8966E) !important;
  border: 1.5px solid var(--color-gold, #B8966E) !important;
  border-radius: 100px !important;
  padding: 5px 14px !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: nowrap;
}

/* =============================================
   CTA BANNER FIX — Force dark background
   ============================================= */

/* Force the cover block CTA to always show dark background */
.wp-block-cover.alignfull,
.wp-block-cover {
  background-color: #2C2C2C !important;
}

/* Make sure the overlay is always visible */
.wp-block-cover .wp-block-cover__background {
  opacity: 1 !important;
  background-color: #2C2C2C !important;
}

/* Fix outline button text color so it's always visible on dark background */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-cover .wp-block-buttons a {
  color: #ffffff !important;
}

/* Make the call button text visible */
.wp-block-cover .wp-block-button__link:not([style*="background"]) {
  color: #ffffff !important;
  border-color: #B8966E !important;
}

/* =============================================
   POST CTA SECTION FIX
   ============================================= */

/* Target the CTA heading inside posts */
.entry-content h2.has-text-align-center,
.wp-block-post-content h2.has-text-align-center {
  color: var(--color-charcoal, #2C2C2C) !important;
}

/* Target the separator before the CTA */
.entry-content .wp-block-separator {
  border-color: #DDD4C8 !important;
  opacity: 1 !important;
}

/* Main CTA button in posts - solid gold */
.entry-content .wp-block-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-post-content .wp-block-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: #B8966E !important;
  color: #ffffff !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  border: 2px solid #B8966E !important;
  display: inline-block !important;
}

/* Phone number paragraph centered in CTA */
.entry-content .wp-block-buttons + p,
.entry-content p.has-text-align-center strong {
  color: var(--color-charcoal, #2C2C2C) !important;
}

/* CTA heading specifically */
.entry-content h2#looking-for-a-real-estate-expert-in-el-paso,
.entry-content h2 {
  color: var(--color-charcoal, #2C2C2C) !important;
}

/* =============================================
   POST CTA DARK BANNER — Text Color Fixes
   ============================================= */

/* Force heading white inside cover/dark CTA */
.wp-block-cover h2,
.wp-block-cover h2.wp-block-heading,
.wp-block-cover .wp-block-heading {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Force body paragraph white inside cover */
.wp-block-cover p,
.wp-block-cover .wp-block-paragraph {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Force phone number strong tag white */
.wp-block-cover p strong,
.wp-block-cover strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Remove any blue text selection highlight on headings */
.wp-block-cover h2::selection,
.wp-block-cover *::selection {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
}