/* ═══════════════════════════════════════════════════════════════════════════
   Homepage — brand explainer, full-width hero, headlines, archive preview,
   newsletter signup, and mobile adjustments
   Extracted from daily-feed.css (Homepage Redesign section)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Full-width hero cover ───────────────────────────────────────────────── */

.front-hero-cover.wp-block-cover {
  border-radius: 8px !important;
  overflow: hidden;
  border: 2px solid var(--sc-green) !important;
  box-shadow: 0 0 40px rgba(105, 190, 40, 0.12) !important;
  min-height: 0 !important;
  height: auto !important;
  animation: fadeUp 0.5s ease-out both;
}

.front-hero-cover .wp-block-cover__inner-container {
  padding: 20px 28px 32px !important;
}

.front-hero-cover .wp-block-cover__image-background {
  transition: transform 0.4s ease;
}

.front-hero-cover:hover .wp-block-cover__image-background {
  transform: scale(1.02);
}

/* Post title inside the new full-width hero */
.front-hero-title.wp-block-post-title,
.front-hero-title.wp-block-post-title a {
  font-size: clamp(1.6rem, 4vw, 3.2rem) !important;
  line-height: 0.95 !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.85) !important;
  margin: 0.5rem 0 1rem !important;
  transition: color 0.2s ease;
  max-width: 100% !important;
}

/* Subtitle runs full width under the main headline */
.front-hero-title .card-title-sub {
  max-width: 100% !important;
}

.front-hero-cover:hover .front-hero-title.wp-block-post-title a {
  color: var(--sc-green) !important;
}

/* Read-more CTA button */
.front-hero-cta.wp-block-read-more {
  display: inline-block !important;
  background: var(--sc-green) !important;
  color: var(--sc-navy) !important;
  font-family: var(--wp--preset--font-family--barlow) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 14px rgba(105, 190, 40, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.front-hero-cta.wp-block-read-more:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(105, 190, 40, 0.45);
  text-decoration: none !important;
}

/* Eyebrow inside full-width hero */
.front-hero-cover .front-hero-eyebrow-label,
.front-hero-cover .front-hero-eyebrow-date.wp-block-post-date,
.front-hero-cover .front-hero-eyebrow-date.wp-block-post-date time {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9) !important;
}

/* ─── Section heading with flanking decorative lines ─────────────────────── */

.front-section-heading.wp-block-heading {
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--sc-green) !important;
  margin: 0 auto 1rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: var(--wp--style--global--wide-size, 1200px) !important;
  text-align: left !important;
}

.front-section-heading.wp-block-heading::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: var(--sc-divider) !important;
}

.front-section-heading.wp-block-heading::before {
  display: none !important;
}

/* ─── Today's Headlines section ──────────────────────────────────────────── */

.seachickens-headlines-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto 0.5rem !important;
  max-width: var(--wp--style--global--content-size, 650px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.seachickens-headlines-list li {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.875rem !important;
  padding: 0.75rem 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.seachickens-headlines-list li:last-child {
  border-bottom: none !important;
}

.headline-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 4px !important;
  background: rgba(105, 190, 40, 0.15) !important;
  border: 1px solid rgba(105, 190, 40, 0.3) !important;
  font-family: var(--wp--preset--font-family--barlow) !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
  color: var(--sc-green) !important;
  line-height: 1 !important;
}

.headline-text {
  flex: 1 !important;
  font-family: var(--wp--preset--font-family--barlow) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--sc-text-primary) !important;
  text-decoration: none !important;
}

.headline-text:hover {
  color: var(--sc-green) !important;
  text-decoration: none !important;
}

.headlines-browse-link {
  text-align: right !important;
  margin: 1.25rem auto 0 !important;
  max-width: var(--wp--style--global--content-size, 650px) !important;
  font-family: var(--wp--preset--font-family--barlow) !important;
  font-size: 0.9rem !important;
}

.headlines-browse-link a {
  color: var(--sc-green) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.headlines-browse-link a:hover {
  text-decoration: underline !important;
}

/* ─── Archive preview cards section ──────────────────────────────────────── */

.front-archive-section.wp-block-group {
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* Match archive grid: constrain width and container so front-page cards look the same as archive */
body.home .front-archive-section .wp-block-query .wp-block-post-template.is-layout-grid.columns-2 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  align-items: start;
}

body.home .front-archive-section .wp-block-query .wp-block-post-template.is-layout-grid.columns-2 > li {
  container-type: inline-size;
  container-name: feed-card;
}

.front-archive-browse-link {
  font-family: var(--wp--preset--font-family--barlow) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: var(--sc-green) !important;
  text-decoration: none !important;
}

.front-archive-browse-link:hover {
  text-decoration: underline !important;
}

/* ─── Section separator cleanup: tone down thick green top border ─────────── */

.newsletter-signup-social-proof.wp-block-group {
  border-top-color: rgba(105, 190, 40, 0.2) !important;
  border-top-width: 1px !important;
}

/* ─── Mobile adjustments ─────────────────────────────────────────────────── */

@media (max-width: 600px) {
  .front-hero-cover.wp-block-cover {
    border-radius: 0 !important;
  }

  .front-hero-title.wp-block-post-title,
  .front-hero-title.wp-block-post-title a {
    font-size: clamp(1.3rem, 6vw, 2rem) !important;
    max-width: 100% !important;
  }

  .front-hero-cta.wp-block-read-more {
    font-size: 0.75rem !important;
    padding: 10px 18px !important;
  }

  .headline-text {
    font-size: 0.9rem !important;
  }

  .seachickens-headlines-list li {
    gap: 0.625rem !important;
  }

  /* Stack archive cards to single column on mobile */
  .front-archive-section .wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr !important;
  }

  /* Stack second signup to single column on mobile */
  .newsletter-signup-with-coach .wp-block-columns.alignwide {
    flex-direction: column !important;
  }
}

/* ─── Second signup: constrain form width on desktop ─────────────────────── */

.newsletter-signup-with-coach .wp-block-mailerpress-mailerpress-form {
  max-width: 460px !important;

  label {
    margin-bottom: 0;
  }
}