/*
Theme Name: Henrie Coming Soon – editierbar
Theme URI: https://henrie-food.de/
Author: VonGüth GmbH
Description: Schlankes, vollständig editierbares Gutenberg-Block-Theme für die Henrie Coming-Soon-Seite. Keine externen Fonts, kein Tracking, kein JavaScript.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: henrie-coming-soon
*/

:root {
  --henrie-green: #19553a;
  --henrie-green-dark: #103d2a;
  --henrie-cream: #f6f1e6;
  --henrie-paper: #fffdf8;
  --henrie-yellow: #f4c84b;
  --henrie-ink: #183229;
  --henrie-muted: #67756e;
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--henrie-cream);
  color: var(--henrie-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { text-underline-offset: .16em; }

.henrie-coming-shell {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
}

.henrie-coming-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 75% 20%, rgba(244,200,75,.18), transparent 27rem),
    radial-gradient(circle at 15% 80%, rgba(25,85,58,.10), transparent 30rem),
    var(--henrie-cream);
}

.henrie-coming-shell::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(34px, 6vw, 72px);
  z-index: -1;
  opacity: .96;
  background: repeating-linear-gradient(
    90deg,
    var(--henrie-green) 0,
    var(--henrie-green) clamp(22px,4vw,56px),
    var(--henrie-paper) clamp(22px,4vw,56px),
    var(--henrie-paper) clamp(44px,8vw,112px)
  );
}

.henrie-coming-inner {
  box-sizing: border-box;
  min-height: calc(100svh - clamp(34px, 6vw, 72px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(2rem, 5vw, 4rem) 1.25rem clamp(4.5rem, 9vw, 7rem);
}

.henrie-coming-logo {
  width: clamp(132px, 18vw, 220px);
  margin: 0 auto clamp(1.8rem, 4vw, 3rem);
}
.henrie-coming-logo img { width: 100%; height: auto; }

.henrie-coming-kicker {
  display: inline-block;
  margin: 0 0 1.15rem;
  padding: .48rem .84rem;
  border: 1px solid color-mix(in srgb, var(--henrie-green) 28%, transparent);
  border-radius: 999px;
  color: var(--henrie-green);
  background: rgba(255,255,255,.35);
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
  font-size: .78rem;
}

.henrie-coming-title {
  max-width: 980px;
  margin: 0;
  color: var(--henrie-green-dark);
  font-size: clamp(2.4rem, 6.6vw, 6.2rem);
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.henrie-coming-title strong { color: var(--henrie-green); }

.henrie-coming-contact {
  max-width: 720px;
  margin: clamp(1.7rem, 4vw, 2.7rem) auto 0;
  font-size: clamp(1.05rem, 1.65vw, 1.35rem);
  line-height: 1.6;
  color: var(--henrie-muted);
}
.henrie-coming-contact a {
  color: var(--henrie-green);
  font-weight: 780;
  text-decoration-thickness: 2px;
}

.henrie-coming-footer {
  margin-top: clamp(2rem, 5vw, 4rem);
  font-size: .9rem;
  color: var(--henrie-muted);
}
.henrie-coming-footer a {
  color: var(--henrie-green-dark);
  font-weight: 700;
}
.henrie-coming-footer .wp-block-navigation { justify-content: center; }

.henrie-legal-wrap {
  background: var(--henrie-paper);
  border-radius: 28px;
  box-shadow: 0 18px 60px rgba(16,61,42,.08);
  margin-top: clamp(2rem, 6vw, 5rem);
  margin-bottom: clamp(3rem, 7vw, 6rem);
  padding: clamp(1.6rem, 5vw, 4.5rem);
}
.henrie-legal-wrap h1,
.henrie-legal-wrap h2,
.henrie-legal-wrap h3 { color: var(--henrie-green-dark); }
.henrie-legal-wrap p { line-height: 1.7; }
.henrie-legal-logo { width: 108px; margin-bottom: 2rem; }
.henrie-legal-back { margin-top: 2rem; }

.henrie-site-footer {
  border-top: 1px solid rgba(25,85,58,.13);
  padding: 1.5rem 1.25rem 2.2rem;
  color: var(--henrie-muted);
  font-size: .9rem;
}
.henrie-site-footer a { color: var(--henrie-green); }

@media (max-width: 600px) {
  .henrie-coming-inner { justify-content: flex-start; padding-top: 2.2rem; }
  .henrie-coming-logo { margin-bottom: 1.4rem; }
  .henrie-coming-title { font-size: clamp(2.35rem, 13vw, 4rem); }
  .henrie-coming-contact { margin-top: 1.5rem; }
}