/*
Theme Name: GrowASO Blog
Description: Matches the GrowASO marketing site header, footer, and typography. Set GROWASO_MARKETING_URL in wp-config.php if WordPress is not installed in a /blog subfolder.
Version: 1.0.0
Text Domain: growaso-blog
*/

body.growaso-blog,
body.growaso-blog .entry-content {
  font-family: "Poppins", sans-serif;
  color: #212b36;
}

/* In-flow header: reliable spacing without overlapping content (marketing home uses absolute + hero offset). */
body.growaso-blog .growaso-blog-header.ud-header {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
}

/* Logo: match custom_css; wordmark typography is inline (same as index.php). */
body.growaso-blog .growaso-blog-header .navbar-brand > img {
  max-width: 40px;
  width: auto;
  height: auto;
  max-height: 50px;
  object-fit: contain;
  vertical-align: middle;
}

body.growaso-blog .growaso-blog-header .navbar-brand > span {
  vertical-align: middle;
  /* Wordmark nudge: 5px right, 2px up. */
  transform: translate(5px, -2px);
  display: inline-block;
}

body.growaso-blog .growaso-shell {
  padding-top: 0;
}

body.growaso-blog {
  margin: 0;
}

.growaso-blog-main {
  min-height: 50vh;
  padding-top: 1.5rem;
}

.growaso-blog-main .post-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  transition: box-shadow 0.2s, transform 0.2s;
}

.growaso-blog-main .post-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.growaso-blog-main .post-card h2 a {
  color: #212b36;
  text-decoration: none;
}

.growaso-blog-main .post-card h2 a:hover {
  color: #5c6ac4;
}

.growaso-blog-main .entry-title a {
  color: #212b36;
  text-decoration: none;
}

.growaso-blog-main .entry-title a:hover {
  color: #5c6ac4;
}

.nav-item.is-blog-current > a {
  color: #5c6ac4 !important;
  font-weight: 600;
}