/* Incredible Edibles — front-end styles layered on top of theme.json */

:root { --iec-radius: 18px; --iec-shadow: 0 20px 50px -25px rgba(31,26,20,.35); }

body { -webkit-font-smoothing: antialiased; }

/* Block style: Group → Card */
.wp-block-group.is-style-card {
  background: var(--wp--preset--color--base);
  border: 1px solid color-mix(in oklab, var(--wp--preset--color--contrast) 8%, transparent);
  border-radius: var(--iec-radius);
  padding: clamp(1.25rem, 2vw, 2rem);
  box-shadow: var(--iec-shadow);
  transition: transform .35s ease, box-shadow .35s ease;
}
.wp-block-group.is-style-card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -25px rgba(31,26,20,.4); }

/* Block style: Image → Rounded Frame */
.wp-block-image.is-style-rounded-frame img {
  border-radius: var(--iec-radius);
  box-shadow: var(--iec-shadow);
  display: block;
}

/* Block style: Heading → Eyebrow */
.wp-block-heading.is-style-eyebrow {
  font-family: var(--wp--preset--font-family--body);
  font-size: .8rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary);
  font-weight: 600;
  margin-bottom: .75rem;
}

/* Block style: Button → Ghost */
.wp-block-button.is-style-ghost .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--contrast);
  border: 1.5px solid var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover {
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

/* Post card polish in query loops */
.wp-block-post-template > li {
  background: var(--wp--preset--color--base);
  border-radius: var(--iec-radius);
  overflow: hidden;
  box-shadow: var(--iec-shadow);
  transition: transform .35s ease;
}
.wp-block-post-template > li:hover { transform: translateY(-4px); }
.wp-block-post-template .wp-block-post-featured-image img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
}
.wp-block-post-template .wp-block-post-title a { text-decoration: none; }

/* Cover hero refinements */
.wp-block-cover.is-iec-hero { min-height: clamp(420px, 70vh, 720px); }
.wp-block-cover.is-iec-hero h1 { max-width: 18ch; }

/* Subtle section spacing */
main > .wp-block-group { margin-block: clamp(2rem, 5vw, 5rem); }