/*
Theme Name: generatepress-child
Template: generatepress
*/

/* Typo (system stack; willst du Serif-Headlines wie im Mockup, sag Bescheid) */
:root{
  --bg:#0b0f18; --fg:#f5f7fb; --muted:#cbd2df; --panel:#0f1218;
  --btn:#ffffff; --btnfg:#0d1117; --ring:rgba(255,255,255,.25);
}
*{box-sizing:border-box}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Brand oben */
.cs-brand{position:fixed; inset:0 0 auto 0; display:flex; justify-content:center; z-index:10; padding:18px 14px; pointer-events:none;}
.cs-brand span{letter-spacing:.28em; font-weight:700; color:#0f1218; text-transform:uppercase; font-size:.95rem; text-shadow:0 1px 2px rgba(255,255,255,.4)}

/* HERO */
.cs-hero{position:relative; min-height:72vh; display:grid; place-items:center; background:#000; overflow:hidden}
.cs-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.75) contrast(1.05) saturate(1.15)}
.cs-vignette{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.0) 60%, rgba(0,0,0,.55) 100%),
    radial-gradient(120vw 70vh at 50% 20%, rgba(255,255,255,.08), transparent 60%);
}
.cs-heading{position:relative; z-index:1; text-align:center; padding-inline:1rem}
.cs-heading h1{
  color:#fff; font-size:clamp(2.4rem, 6vw, 3.8rem); line-height:1.08; font-weight:500;
  text-shadow:0 2px 18px rgba(0,0,0,.5);
}

/* SUBSCRIBE-PANEL */
.cs-subscribe{background:var(--panel); color:var(--fg); padding:64px 16px 28px}
.cs-subscribe-inner{max-width:880px; margin:0 auto; text-align:center}
.cs-subscribe h2{font-size:clamp(1.8rem, 3.5vw, 2.2rem); margin:0 0 8px}
.cs-sublead{color:var(--muted); margin:0 0 22px}

.cs-form{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.cs-form input[type="email"]{
  width:min(520px, 80vw);
  padding:14px 16px; border-radius:8px; border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04); color:var(--fg); outline:none;
}
.cs-form input[type="email"]::placeholder{color:#cfd6e4}
.cs-form input[type="email"]:focus{box-shadow:0 0 0 3px var(--ring)}
.btn-solid{
  padding:14px 18px; border-radius:8px; border:0; cursor:pointer; font-weight:700;
  background:var(--btn); color:var(--btnfg); transition:transform .08s ease, filter .15s;
}
.btn-solid:hover{filter:brightness(.94)}
.btn-solid:active{transform:translateY(1px)}

.cs-success{margin-top:12px; color:#a6ffcb}

.cs-foot{
  max-width:880px; margin:28px auto 0; color:#9aa3b5;
  display:flex; justify-content:center; gap:18px; flex-wrap:wrap; font-size:.9rem
}
.cs-foot a.cs-legal-link{ color:#cbd2df; text-decoration:underline; text-underline-offset:3px }
.cs-foot a.cs-legal-link:hover{ color:#fff }

.cs-foot small{opacity:.85}

/* Honeypot unsichtbar */
.hp-field{position:absolute !important; left:-5000px !important; height:0 !important; width:0 !important}

/* Motion-Respect */
@media (prefers-reduced-motion: reduce){
  .cs-bg{display:none}
}

/* Playfair Display – self-hosted */
@font-face{
  font-family:"Playfair Display";
  src:url("/wp-content/themes/generatepress-child/assets/fonts/playfair-display/PlayfairDisplay-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Playfair Display";
  src:url("/wp-content/themes/generatepress-child/assets/fonts/playfair-display/PlayfairDisplay-Italic.woff2") format("woff2");
  font-weight:400; font-style:italic; font-display:swap;
}
@font-face{
  font-family:"Playfair Display";
  src:url("/wp-content/themes/generatepress-child/assets/fonts/playfair-display/PlayfairDisplay-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}

/* Anwenden NUR auf die Headlines der Coming-Soon-Seite */
.cs-heading h1,
.cs-subscribe h2{
  font-family:"Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
  font-weight:400; /* h2 kann 700 bekommen, wenn du mehr Punch willst */
}

/* Anwenden NUR auf die Headlines der Datenschutz-Seite */
.page-id-3 h1,
.page-id-3 h2{
  font-family:"Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
  font-weight:400; /* h2 kann 700 bekommen, wenn du mehr Punch willst */
}

/* Anwenden überall */
.copyright-bar{display:none}