/* ========== 1. BASE STYLES ========== */

body {
  background-color: #F3EDE1;
  color: #5C677D;
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ast-separate-container .site-main {
  padding: 2.5rem 1rem;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 2rem 2.5rem;
  box-shadow: 0 4px 18px rgba(0,0,0,0.04);
}

p {
  margin-bottom: 1.25em;
}

/* ========== 2. TYPOGRAPHY ========== */

h1, h2, h3, h4, h5, h6, .entry-title {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  color: #4A7C7D;
  letter-spacing: 0;
}

h1, .entry-title { font-size: 2.5rem; line-height: 1.2; }
h2 { font-size: 2rem; line-height: 1.25; }
h3 { font-size: 1.6rem; line-height: 1.25; }
h4, h5, h6 { font-size: 1.2rem; line-height: 1.3; }

figcaption, .wp-caption-text, .entry-meta,
.ast-article-meta, .widget-area, .widget {
  color: #5C677D;
  font-size: 0.9rem;
}

/* ========== 3. LINKS ========== */

a { color: #4A7C7D; text-decoration: none; }
a:hover, a:focus { color: #2F5A5B; text-decoration: underline; }
.entry-content a { color: #4A7C7D; }
.entry-content a:hover, .entry-content a:focus { color: #2F5A5B; }

/* ========== 4. BUTTONS ========== */

button, input[type="button"], input[type="submit"],
.wp-block-button__link, .ast-button, .ast-custom-button {
  background-color: #4A7C7D;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 12px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover,
.wp-block-button__link:hover, .ast-button:hover, .ast-custom-button:hover {
  background-color: #2F5A5B;
  color: #F8F8F8;
}

.wp-block-buttons .wp-block-button__link { display: inline-block; }

/* ========== 5. HEADER AND NAV ========== */

.site-header, .ast-primary-header-bar {
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.site-title a {
  font-family: "Playfair Display", Georgia, serif;
  color: #4A7C7D;
  text-decoration: none;
}

.site-title a:hover, .site-title a:focus { color: #2F5A5B; }

.main-header-menu .menu-link, .ast-header-navigation a {
  color: #5C677D;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.04em;
}

.main-header-menu .menu-link:hover,
.ast-header-navigation a:hover,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link {
  color: #4A7C7D;
}

/* ========== 6. FOOTER ========== */

.site-footer, .ast-footer-overlay {
  background-color: #FFFFFF;
  color: #5C677D;
}

.site-footer a { color: #4A7C7D; text-decoration: none; }
.site-footer a:hover { color: #2F5A5B; text-decoration: underline; }

/* Footer 2 big columns on sides and 1 small one in the middle */
.ast-builder-grid-row-3-equal .ast-builder-grid-row {
  grid-template-columns: 3fr 1fr 3fr;
}

/* ========== 7. FORMS ========== */

input[type="text"], input[type="email"], input[type="url"],
input[type="password"], textarea, select {
  border-radius: 4px;
  border: 1px solid #9FBBC4;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 1rem;
  color: #5C677D;
  background-color: #FFFFFF;
}

input:focus, textarea:focus, select:focus {
  border-color: #4A7C7D;
  outline: none;
  box-shadow: 0 0 0 2px rgba(74,124,125,0.18);
}

/* ========== 8. BLOG LISTING - Real Talk page ========== */

/* Remove top gap */
.blog .site-content { padding-top: 0 !important; }

/* Post card */
.blog .ast-article-post,
.archive .ast-article-post {
  background: #f3ede1 !important;
  border-radius: 8px !important;
  padding: 2rem 2.5rem !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.04) !important;
}

/* Post title */
.blog .entry-title,
.blog .entry-title a {
  color: #3a5c5c !important;
  font-size: 26px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}

.blog .entry-title a:hover { color: #4a7c7d !important; text-decoration: none !important; }

/* Fix overlapping excerpt — only show first paragraph */
.blog .entry-summary p,
.blog .entry-summary,
.archive .entry-summary p,
.archive .entry-summary {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  line-height: 1.75 !important;
  font-size: 15px !important;
  color: #5c677d !important;
  font-family: sans-serif !important;
  position: static !important;
}

.blog .entry-summary p ~ p,
.archive .entry-summary p ~ p {
  display: none !important;
}

/* Post meta */
.blog .entry-meta,
.blog .entry-meta a,
.blog .ast-article-meta,
.archive .entry-meta {
  font-size: 12px !important;
  color: #9fbbc4 !important;
  font-family: sans-serif !important;
  letter-spacing: normal !important;
}

/* Read more link */
.blog .ast-read-more,
.blog .more-link,
.archive .ast-read-more {
  color: #f28c8c !important;
  font-weight: 600 !important;
  font-family: sans-serif !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

/* ========== 9. IMAGES ========== */

.post-thumb img, .entry-content img, .wp-block-image img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
}

/* ========== 10. SIDEBAR ========== */

.widget-area .widget {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 2px 12px rgba(0,0,0,0.03);
  margin-bottom: 1.75rem;
}

.widget-title, .widgettitle {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.2rem;
  color: #4A7C7D;
}

/* ========== 11. SOCIAL ICONS ========== */

.wp-block-social-links .wp-block-social-link a { color: #FFFFFF; }
.wp-block-social-links .wp-block-social-link {
  background-color: #4A7C7D;
  border-radius: 999px;
  padding: 4px;
}
.wp-block-social-links .wp-block-social-link:hover { background-color: #2F5A5B; }

/* ========== 12. WPFORMS ========== */

.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select,
.wpforms-container textarea {
  background: #fff;
  border-width: 0 0 1px 0;
  color: var(--ast-global-color-2);
  opacity: 0.5;
}

.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
  outline: none;
  opacity: 1;
  border-color: var(--ast-global-color-0);
}

.wpforms-container textarea { resize: none; }
.wpforms-container .wpforms-field-textarea textarea.wpforms-field-medium { height: 136px; }
.wpforms-container button { padding: 15px 34px; font-size: 15px; }

/* ========== 13. MOBILE ========== */

@media (max-width: 768px) {
  h1, .entry-title { font-size: 2rem; }
  h2 { font-size: 1.7rem; }
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-single {
    padding: 1.5rem 1.25rem;
  }
  .blog .ast-article-post,
  .archive .ast-article-post {
    padding: 1.5rem 1.25rem !important;
  }
}

/* ========== 14. HOMEPAGE CUSTOM TAG LABELS ========== */

.nh-hero-tag,
.nh-meet-tag,
.nh-belong-left .tag,
.nh-shop .tag,
.nh-blog .tag,
.nh-freebie .tag,
.nh-testimonial .tag {
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: inherit;
}
/* ========== 15. SINGLE POST - fix text overlap ========== */

.single .entry-content p,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content li,
.single .entry-content blockquote,
.ast-article-single .entry-content p,
.ast-article-single .entry-content h2,
.ast-article-single .entry-content h3 {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  position: static !important;
}

.single .entry-content p {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #5c677d !important;
  font-family: sans-serif !important;
  margin-bottom: 1.25em !important;
}

.single .entry-content h2 {
  font-size: 1.6rem !important;
  line-height: 1.3 !important;
  color: #3a5c5c !important;
  letter-spacing: 0 !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
}

.single .post-title,
.single .entry-title {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}
/* FIX LIST ITEMS IN SINGLE POSTS */
.single-post .entry-content ul li,
.single-post .entry-content ol li,
.ast-article-single .entry-content ul li,
.ast-article-single .entry-content ol li {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  font-family: sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5c677d !important;
}
/* FIX LETS CONNECT PAGE FORM HEADING */
.page-id-185 .wp-block-heading,
.page-id-185 h2 {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  position: static !important;
  line-height: 1.3 !important;
  margin-bottom: 20px !important;
}

.page-id-185 .wp-block-jetpack-contact-form div {
  position: static !important;
  margin-bottom: 16px !important;
}

.page-id-185 .wp-block-jetpack-contact-form label {
  position: static !important;
  display: block !important;
}