/* notesfromshivani.com — balanced layout */

/* Warm background */
body {
  background-color: #F5F2EE !important;
  color: #1A1814 !important;
}

/* Fonts */
h1, h2, h3, h4,
.entry-title,
.wp-block-post-title {
  font-family: 'EB Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  color: #2C3E2D !important;
  font-style: italic;
  line-height: 1.2;
}

/* Comfortable reading width for post body — not too narrow */
.entry-content p,
.wp-block-post-content p {
  font-size: 17px;
  line-height: 1.85;
  color: #3A3530;
  margin-bottom: 1.4em;
}

/* Post grid — 3 columns with breathing room */
.wp-block-post-template {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  padding: 0 !important;
}

/* Post card images — consistent, not enormous */
.wp-block-post-featured-image img {
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  width: 100% !important;
  height: auto !important;
  max-height: 260px !important;
}

/* Post card titles */
.wp-block-post-title a {
  font-family: 'EB Garamond', serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #2C3E2D !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
}
.wp-block-post-title a:hover {
  color: #4A7C8E !important;
}

/* Cover block — full width but controlled height */
.wp-block-cover {
  min-height: 60vh !important;
  max-height: 70vh !important;
}
.wp-block-cover__inner-container * {
  color: #F5F2EE !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important;
}
.wp-block-cover .wp-block-cover__background {
  opacity: 0.4 !important;
}

/* Blockquote */
blockquote, .wp-block-quote {
  border-left: 2px solid #4A7C8E !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 8px 0 8px 24px !important;
  background: transparent !important;
}
blockquote p, .wp-block-quote p {
  font-family: 'EB Garamond', serif !important;
  font-size: 22px !important;
  font-style: italic !important;
  color: #2C3E2D !important;
  line-height: 1.5 !important;
}

/* Meta */
.wp-block-post-date,
.wp-block-post-terms,
.entry-meta {
  font-size: 10px !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8B6E52 !important;
}

/* Links */
a { color: #4A7C8E; text-decoration: none; }
a:hover { border-bottom: 0.5px solid #4A7C8E; }

/* Footer */
.wp-block-template-part footer,
.site-footer {
  background: #2C3E2D !important;
  color: #C5D4D8 !important;
}
.wp-block-template-part footer a,
.site-footer a { color: #B8955A !important; }

/* Separators */
hr, .wp-block-separator {
  border: none !important;
  border-top: 0.5px solid #C8BFB5 !important;
  margin: 40px auto !important;
}

/* Mobile */
@media (max-width: 768px) {
  .wp-block-post-template {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 480px) {
  .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }
}

/* Section heading style */
.wp-block-heading {
  font-family: 'EB Garamond', serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #B8955A !important;
  font-weight: 400 !important;
  margin-bottom: 28px !important;
}

/* Breathing room above post grid */
.wp-block-query {
  padding-top: 48px !important;
}

/* Intro paragraph — centered, generous, editorial */
.wp-block-paragraph.is-style-lead,
.home .wp-block-group > .wp-block-paragraph:first-of-type {
  font-family: 'EB Garamond', serif !important;
  font-size: 20px !important;
  font-style: italic !important;
  color: #6B6258 !important;
  text-align: center !important;
  max-width: 580px !important;
  margin: 0 auto 48px !important;
  line-height: 1.7 !important;
}
/* Section divider with lines — reusable via HR */
.wp-block-columns.section-divider-block {
  align-items: center !important;
  gap: 0 !important;
  margin: 52px 0 40px !important;
}

.wp-block-columns.section-divider-block .wp-block-column:first-child,
.wp-block-columns.section-divider-block .wp-block-column:last-child {
  border-top: 0.5px solid #C8BFB5;
  margin-top: 2px;
}

.wp-block-columns.section-divider-block .wp-block-column:nth-child(2) {
  flex: 0 0 auto !important;
  width: auto !important;
  padding: 0 16px !important;
}

.wp-block-columns.section-divider-block .wp-block-column:nth-child(2) p {
  font-family: 'EB Garamond', serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: #B8955A !important;
  white-space: nowrap !important;
  margin: 0 !important;
  text-align: center !important;
}