/* =========================================================
   FB SHELL — WordPress / Divi overrides for fearless-birthing.com/blog/
   The site chrome itself (secondary nav, header, footer, mobile menu)
   comes from https://fearless-birthing.com/assets/fb-shell.css, loaded by
   the shared header partial. This file only hides Divi's own chrome and
   brands the WordPress content to match the static site.
   ========================================================= */

/* ---------- Hide Divi chrome ---------- */
#top-header,
#main-header,
#main-footer,
#et-secondary-nav,
.et_pb_top_inside_divider { display: none !important; }

#page-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.et_fixed_nav #page-container { padding-top: 0 !important; }

/* Static-site header is sticky; keep it below the WP admin bar */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* Divi resets img to inline; the shared chrome expects block */
.site-header img, .site-footer img { display: block; }
.site-footer input, .site-footer button { line-height: normal; }

/* ---------- Base ---------- */
body.fb-shell-on,
body.fb-shell-on #et-main-area,
body.fb-shell-on #main-content {
  font-family: var(--font-body, "DM Sans", system-ui, sans-serif);
  color: var(--fg-1, #463C53);
  background: #fff;
}

/* ---------- Content typography ---------- */
#main-content h1, #main-content h2, #main-content h3,
#main-content h4, #main-content h5, #main-content h6,
#main-content .entry-title {
  font-family: var(--font-heading, "Libre Franklin", system-ui, sans-serif);
  font-weight: 800;
  color: var(--fb-grey-dark, #463C53);
  line-height: 1.15;
  letter-spacing: -0.01em;
}
#main-content h1, #main-content h1.entry-title { font-size: clamp(2rem, 3vw + 1rem, 2.75rem); }
#main-content h2 { font-size: 1.75rem; }
#main-content h3 { font-size: 1.3rem; }

#main-content p, #main-content li {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--fg-1, #463C53);
}

/* Links in content: brand pink */
#main-content .entry-content a,
#main-content .post-content a {
  color: var(--fb-pink, #C8235D);
  text-decoration: underline;
  text-decoration-color: rgba(200,35,93,.35);
  text-underline-offset: 2px;
  transition: color 140ms ease;
}
#main-content .entry-content a:hover,
#main-content .post-content a:hover { color: var(--fb-pink-deep, #A81A4E); }

/* Author byline / credentials at the top of posts */
#main-content .entry-content p.byline { margin-bottom: 4px; }
#main-content .entry-content p.credentials {
  font-size: .9375rem;
  color: var(--fb-grey-mute, #A29DA8);
  margin-bottom: 1.6em;
}

/* Restore list bullets inside post/page content */
#main-content .entry-content ul,
#main-content .entry-content ol { margin: 0 0 1.2em; padding-left: 1.4em; }
#main-content .entry-content ul { list-style: disc; }
#main-content .entry-content ol { list-style: decimal; }

/* Blockquotes */
#main-content blockquote {
  border-left: 4px solid var(--fb-teal, #34B5B5);
  border-color: var(--fb-teal, #34B5B5);
  padding-left: 20px;
  font-style: italic;
  color: var(--fb-grey-dark, #463C53);
}

/* Divi buttons → brand pill */
#main-content .et_pb_button {
  font-family: var(--font-heading, "Libre Franklin", sans-serif);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  border-radius: 999px;
  background: var(--fb-pink, #C8235D);
  border: 2px solid transparent;
  color: #fff;
}
#main-content .et_pb_button:hover { background: var(--fb-pink-deep, #A81A4E); border-color: transparent; }

/* Post meta */
#main-content .post-meta,
#main-content .post-meta a {
  font-family: var(--font-body, "DM Sans", sans-serif);
  color: var(--fb-grey-mute, #A29DA8);
  font-size: .875rem;
}

/* ---------- Blog grid (Divi Blog module) ---------- */
#main-content .et_pb_blog_grid .et_pb_post {
  background: var(--fb-grey-pale, #EFEFF4);
  border: 1px solid var(--fb-line, #E0DEE2);
  border-radius: var(--radius-card, 18px);
  box-shadow: none;
  transition: box-shadow 220ms ease, transform 220ms ease;
}
#main-content .et_pb_blog_grid .et_pb_post:hover {
  box-shadow: var(--shadow-md, 0 6px 16px -6px rgba(42,51,67,0.16));
  transform: translateY(-2px);
}
#main-content .et_pb_blog_grid .entry-title { font-size: 1.25rem; margin-bottom: 8px; }
#main-content .et_pb_blog_grid .entry-title a { color: var(--fb-grey-dark, #463C53); text-decoration: none; }
#main-content .et_pb_blog_grid .entry-title a:hover { color: var(--fb-pink, #C8235D); }
#main-content .et_pb_blog_grid .post-content p { font-size: .9375rem; line-height: 1.6; }
#main-content .et_pb_post .more-link,
#main-content .et_pb_post a.more-link {
  font-family: var(--font-heading, "Libre Franklin", sans-serif);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--fb-pink, #C8235D);
  text-decoration: none;
}

/* Pagination */
#main-content .pagination a,
#main-content .et_pb_blog_grid .pagination a,
#main-content .wp-pagenavi a {
  font-family: var(--font-heading, "Libre Franklin", sans-serif);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--fb-grey-dark, #463C53);
}
#main-content .pagination a:hover,
#main-content .wp-pagenavi a:hover { color: var(--fb-pink, #C8235D); }

/* Sidebar widgets */
#sidebar .widgettitle {
  font-family: var(--font-heading, "Libre Franklin", sans-serif);
  font-weight: 800;
  color: var(--fb-grey-dark, #463C53);
}
#sidebar, #sidebar a { font-family: var(--font-body, "DM Sans", sans-serif); }
#sidebar a:hover { color: var(--fb-pink, #C8235D); }

/* Comments */
#main-content #comment-wrap h1,
#main-content #comment-wrap h3 { font-family: var(--font-heading, "Libre Franklin", sans-serif); }