/* ==============================================
   CLIENT FONT & COLOR UPDATES - DIAMOND SPRINGS
   ============================================== */

/* Headers - Canela Bold in #1C75BC or White */
h1, h2, h3, h4, h5, h6,
.page-title, .entry-title, .hero-title,
.section-title, .section-title-medium, .section-title-small {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  color: var(--color-primary) !important;
}

/* White headers for dark sections */
.hero h1, .hero h2, .hero h3,
.dark-section h1, .dark-section h2, .dark-section h3,
.overlay h1, .overlay h2, .overlay h3,
#slider .home-title h1, #slider .home-title h2,
#slider .page-title h1, #slider .page-title h2 {
  color: var(--color-white) !important;
}

/* Subheaders - Artegra Soft Medium, ALL CAPS, #1C75BC */
.subheading, .subtitle, .section-subtitle,
h2.sub, h3.sub, .tagline,
.feature-section_title, .full-feature_title {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: var(--color-primary) !important;
}

/* Paragraph text - Artegra Soft Medium, #58595B */
body, p, .content, .text-content, 
.description, .copy, .default-content p {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  color: var(--color-body) !important;
}

/* Buttons - #27AAE1 */
.btn, button, input[type="submit"], 
.button, .cta, .boxbtn,
.hs-button, .form-submit {
  background-color: var(--color-accent) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  border-color: var(--color-accent) !important;
}

.btn:hover, button:hover, input[type="submit"]:hover,
.button:hover, .cta:hover, .boxbtn:hover {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* Scroll navigation - #27AAE1 */
.scroll-nav, .navigation-scroll, .scroll-down,
.fixed-nav, .sticky-nav, .section-menu {
  background-color: var(--color-accent) !important;
}

/* Lead form styling updates */
.lead-form input, .contact-form input,
.lead-form select, .contact-form select,
.hbspt-form input, .hbspt-form select,
input[type="text"], input[type="email"], input[type="tel"] {
  border-color: var(--color-primary) !important;
  font-family: var(--font-body) !important;
  color: var(--color-body) !important;
}

.lead-form input:focus, .contact-form input:focus,
.hbspt-form input:focus, input:focus {
  border-color: var(--color-accent) !important;
  outline-color: var(--color-accent) !important;
}

/* Specific overrides for existing theme elements */
.feature-section_text {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  color: var(--color-body) !important;
}

.amenities-grid .amenity-title h2,
.builders-grid .builder-title h2 {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  color: var(--color-white) !important;
}

/* Navigation updates */
#main-nav ul li a {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

/* News and content areas */
.news-post-content .post-title {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
}

/* Ensure custom fonts load properly */
body {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  color: var(--color-body) !important;
}

/* Override the form heading specifically */
.form-intro h2.font-main,
h2.font-main.twhite,
h2.upper.twhite.font-main {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  color: white !important;
}

/* Make sure all white headings use the correct font */
h1.twhite, h2.twhite, h3.twhite, h4.twhite, h5.twhite, h6.twhite {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  color: white !important;
}

/* Override any font-main classes on headings */
h1.font-main, h2.font-main, h3.font-main, h4.font-main, h5.font-main, h6.font-main {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
}
/* Make HubSpot button text white */
.hbspt-form .hs-button.primary.large,
.hbspt-form input[type="submit"].hs-button,
.hs-form .hs-submit .actions .hs-button {
  background-color: #27AAE1 !important;
  border-color: #27AAE1 !important;
  color: white !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

.hbspt-form .hs-button:hover,
.hs-form .hs-submit .actions .hs-button:hover {
  background-color: #1C75BC !important;
  border-color: #1C75BC !important;
  color: white !important;
}
/* Override the bgsurrogate class specifically */
.boxbtn.bgsurrogate,
a.boxbtn.bgsurrogate,
.builders-link.boxbtn.bgsurrogate {
  background-color: #27AAE1 !important;
}

.boxbtn.bgsurrogate:hover,
a.boxbtn.bgsurrogate:hover,
.builders-link.boxbtn.bgsurrogate:hover {
  background-color: #1C75BC !important;
}

/* Target the section navigation specifically */
.section-menu {
  background: #27AAE1 !important;
  background: radial-gradient(circle, #27AAE1 0%, #1C75BC 52%) !important;
}