/* ============================================================
   GURSK · Pagină abonare newsletter
   Wrapper branded pentru formularul embed Klaviyo (klaviyo-form-TsRzru)
   Brand: #B0D237 lime · #56883D · #2D6733 · #163029 dark
   Titluri: SUSE · Body: Red Hat Display
   ============================================================ */

#gursk-newsletter-page{
  --lime:#B0D237;
  --green-mid:#56883D;
  --green:#2D6733;
  --green-dark:#163029;
  --ink:#0f1a16;
  --muted:#5b6b64;
  --line:#e4e9e6;
  --bg:#eef1ec;
  --card:#fff;

  font-family:'Red Hat Display',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

#gursk-newsletter-page *{box-sizing:border-box;}
#gursk-newsletter-page h1,
#gursk-newsletter-page h2,
#gursk-newsletter-page h3{
  font-family:'SUSE',system-ui,sans-serif;
  margin:0;
}
#gursk-newsletter-page p{margin:0;}

/* Reset liste — tema Salient pune `list-style:disc` direct pe `li` și
   `margin-left:30px` pe `ul`, iar regula de pe `ul` nu le poate anula.
   Trebuie țintit explicit `li`. Se declară înaintea componentelor,
   ca regulile lor (padding, margin-top) să rămână deasupra. */
#gursk-newsletter-page ul{
  list-style:none; margin:0; padding:0;
}
#gursk-newsletter-page ul > li{
  list-style:none; list-style-type:none; margin:0; padding:0;
}
#gursk-newsletter-page ul > li::marker{content:"";}

/* ---------- Hero ----------
   Imagine de fundal (gursk.ro) + overlay verde de brand.
   Overlay-ul e obligatoriu: fără el, textul alb nu are contrast pe val. */
#gursk-newsletter-page .nl-hero{
  position:relative; overflow:hidden; color:#fff;
  padding:64px 28px 150px;
  background-color:var(--green-dark); /* fallback cât timp se încarcă imaginea */
  background-image:
    radial-gradient(1200px 520px at 88% -12%, rgba(176,210,55,.18), transparent 60%),
    linear-gradient(118deg, rgba(22,48,41,.90) 0%, rgba(45,103,51,.82) 52%, rgba(86,136,61,.70) 100%),
    url("https://gursk.ro/wp-content/uploads/2024/11/gursk-home-header-min.jpg");
  background-size:auto, auto, cover;
  background-position:center, center, center 35%;
  background-repeat:no-repeat;
}
#gursk-newsletter-page .nl-hero::after{
  content:""; position:absolute; left:-6%; bottom:-42%; width:440px; height:440px;
  background:radial-gradient(circle, rgba(176,210,55,.22), transparent 66%);
  filter:blur(12px); pointer-events:none;
}
#gursk-newsletter-page .nl-hero-in{
  max-width:820px; margin:0 auto; text-align:center; position:relative; z-index:1;
  /* Umbră discretă — ține textul lizibil peste zonele deschise ale imaginii */
  text-shadow:0 1px 3px rgba(11,26,20,.45);
}
#gursk-newsletter-page .nl-eyebrow{
  display:inline-block; font-size:12.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--lime); font-weight:600; margin-bottom:22px;
  border:1px solid rgba(176,210,55,.45); padding:7px 18px; border-radius:100px;
}
#gursk-newsletter-page .nl-hero h1{
  font-size:clamp(28px,4.6vw,44px); font-weight:800; line-height:1.12; letter-spacing:-.01em;
  color:#fff;
}
#gursk-newsletter-page .nl-hero h1 .accent{color:var(--lime);}
#gursk-newsletter-page .nl-sub{
  font-size:clamp(16px,2.1vw,18.5px); color:rgba(255,255,255,.93);
  margin:20px auto 0; max-width:660px; font-weight:400;
}
#gursk-newsletter-page .nl-trust{
  margin-top:30px; display:flex; gap:14px 26px; justify-content:center; flex-wrap:wrap;
  font-size:14px; color:rgba(255,255,255,.95); list-style:none; padding:0;
}
#gursk-newsletter-page .nl-trust li{display:inline-flex; align-items:center; gap:8px;}
#gursk-newsletter-page .nl-trust svg{
  width:17px; height:17px; stroke:var(--lime); stroke-width:2.4; fill:none; flex-shrink:0;
}

/* ---------- Card gazdă pentru embed-ul Klaviyo ---------- */
#gursk-newsletter-page .nl-wrap{
  max-width:720px; margin:-96px auto 0; position:relative; z-index:2;
  /* padding-bottom: cardul e ultimul element din pagină, are nevoie de aer
     până la footer-ul temei */
  padding:0 20px 72px;
}
#gursk-newsletter-page .nl-form-card{
  background:var(--card); border:1px solid var(--line); border-radius:20px;
  box-shadow:0 18px 60px rgba(22,48,41,.14); padding:clamp(20px,3.5vw,40px);
}

/* Fallback vizibil doar dacă embed-ul Klaviyo nu se încarcă
   (containerul .klaviyo-form-* rămâne gol). */
#gursk-newsletter-page .nl-embed:not(:empty) + .nl-fallback{display:none;}
#gursk-newsletter-page .nl-fallback{
  border:2px dashed #cdd8cf; border-radius:14px; padding:40px 24px; text-align:center;
  color:var(--muted); background:rgba(176,210,55,.05);
}
#gursk-newsletter-page .nl-fallback b{
  color:var(--green-dark); font-family:'SUSE',sans-serif; font-size:16px;
  display:block; margin-bottom:6px;
}
#gursk-newsletter-page .nl-fallback a{color:var(--green); font-weight:600;}

/* Formularul Klaviyo moștenește tipografia paginii.
   Culorile / spațierile se setează în editorul de formulare din Klaviyo. */
#gursk-newsletter-page .nl-embed,
#gursk-newsletter-page .nl-embed *{
  font-family:'Red Hat Display',system-ui,-apple-system,sans-serif !important;
}
#gursk-newsletter-page .nl-embed :focus-visible{
  outline:3px solid rgba(86,136,61,.55); outline-offset:2px;
}

/* ---------- Responsive ---------- */
@media(max-width:560px){
  #gursk-newsletter-page .nl-hero{padding:48px 22px 130px;}
  #gursk-newsletter-page .nl-wrap{margin-top:-86px; padding-bottom:56px;}
}