/**
 * GP Fashion Pro — Homepage only (Tailwind-like hero + sections).
 */

body.home {
  background-color: var(--gpfp-slate-50);
}

body.home .site {
  background-color: transparent;
}

/* Hero band: first block inside main content feels like a “section” */
body.home #primary .inside-article {
  border: 1px solid var(--gpfp-slate-200);
  box-shadow: var(--gpfp-shadow-md);
  background: #ffffff;
}

/* Optional: first heading on home reads like a hero title */
body.home .entry-content > h1:first-child,
body.home .entry-content > .wp-block-group:first-child h1:first-child,
body.home .entry-header .entry-title {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.1;
  color: var(--headline-color);
}

body.home .entry-header .entry-title {
  margin-bottom: 0.5rem;
}

/* Subtle gradient strip under home header (GeneratePress title area) */
body.home .page-header,
body.home .entry-header {
  padding-bottom: 0.25rem;
}

/* Cover / group blocks: round corners on home */
body.home .entry-content .wp-block-cover {
  border-radius: var(--gpfp-radius-2xl);
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body.home .entry-content .wp-block-columns,
body.home .entry-content .wp-block-group.has-background {
  border-radius: var(--gpfp-radius-xl);
}

/* Grid of posts on home blog section if theme shows excerpts */
body.home .post {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

body.home .post:hover {
  box-shadow: var(--gpfp-shadow-lg);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  body.home .post:hover {
    transform: none;
  }
}