/* =========================================================
   VARIANTA B — „Cabinet clasic"
   Editorial, sobru, autoritar. Crem + verde închis + auriu.
   Fără umbre, colțuri drepte, linii subțiri, titluri serif.
   Se încarcă DUPĂ style.css.
   ========================================================= */

:root{
  --navy:#1c3b2e;          /* verde închis: header, butoane, footer */
  --navy-700:#142b21;
  --navy-100:#e7efe9;
  --teal:#2f6b52;          /* accentul principal */
  --teal-600:#245743;
  --teal-100:#e6efe9;
  --accent:#9c7434;        /* auriu/brass, pentru detalii */

  --ink:#1a2420;
  --body:#4a5651;
  --muted:#66726d;
  --line:#e0d9c9;
  --bg:#fdfbf7;
  --card:#ffffff;
  --bg-alt:#f5f1e8;
  --bg-sand:#f9f5ec;
  --header-bg:rgba(253,251,247,.94);

  --radius:3px;
  --radius-lg:4px;
  --shadow-sm:none;
  --shadow:none;
  --shadow-lg:none;
}

body{background:var(--bg);font-size:16.5px}

/* --- Titluri: serif mai pronunțat, cu spațiere aerisită --- */
h1{font-weight:400;letter-spacing:-.01em;line-height:1.12}
h2{font-weight:400}
h3{font-family:var(--ff-serif);font-weight:600;letter-spacing:0}
.eyebrow{
  color:var(--accent);letter-spacing:.2em;font-size:.72rem;font-weight:600;
}
.eyebrow::after{
  content:"";display:block;width:44px;height:1px;background:var(--accent);margin-top:.9rem;
}
.section-head .eyebrow::after{margin:.9rem auto 0}
.hl{color:var(--accent);font-style:italic}

/* --- Logo --- */
.logo-mark rect{fill:var(--navy)}
.logo-mark path{stroke:var(--accent)}
.logo-text strong{font-weight:600;letter-spacing:.01em}
.logo-text em{color:var(--accent);letter-spacing:.14em}

/* --- Header: hairline, fără blur modern --- */
.site-header{border-bottom:1px solid var(--line);backdrop-filter:none}
.site-header.is-scrolled{box-shadow:none;border-bottom-color:#d6cdb8}
.nav>a{font-size:.92rem;letter-spacing:.02em;border-radius:0}
.nav>a:hover{background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:5px}

/* --- Butoane: dreptunghiulare, discrete --- */
.btn{border-radius:2px;letter-spacing:.03em;font-weight:600}
.btn:hover{transform:none}
.btn-primary{background:var(--navy);border-color:var(--navy)}
.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-outline{background:transparent;border-color:#cfc6b2;color:var(--ink)}
.btn-outline:hover{background:transparent;border-color:var(--accent);color:var(--accent)}

/* --- Hero: fundal plat, cu chenar tipografic --- */
.hero{
  background:var(--bg-sand);
  border-bottom:1px solid var(--line);
  padding-top:clamp(52px,7vw,92px);
}
.hero-card{
  border:1px solid var(--line);border-radius:0;background:var(--card);
  border-top:3px solid var(--accent);
}
.hc-title{font-family:var(--ff-serif);font-size:1.3rem;font-weight:600}
.hc-ico{border-radius:0;background:var(--bg-alt);color:var(--teal-600)}
.hero-trust svg{color:var(--accent)}

/* --- Statistici: bandă verde închis, cifre serif --- */
.stats{padding:42px 0;border-bottom:1px solid var(--line)}
.stats-grid{gap:24px}
.stats-grid b{font-weight:400;color:#f3ead7}
.stats-grid span{color:#b7c7bd;letter-spacing:.04em;font-size:.86rem}
.stats-grid div+div{border-left:1px solid #2f5344}

/* --- Carduri servicii: doar chenar, fără mișcare --- */
.card{border:1px solid var(--line);border-radius:0;background:var(--card)}
.card:hover{transform:none;border-color:var(--accent)}
.card-ico{
  border-radius:0;background:transparent;color:var(--accent);
  border:1px solid var(--accent);width:46px;height:46px;
}
.card h3{font-size:1.32rem}
.card ul li::before{
  border-radius:0;width:6px;height:6px;background:var(--accent);border:none;top:.62em;
}

/* --- Pași: numerotare clasică, fără casete --- */
.steps li{background:transparent;border:none;border-top:1px solid var(--line);border-radius:0;padding:24px 0 0}
.step-num{
  background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:0;
  font-family:var(--ff-serif);font-size:1.15rem;
}

/* --- Pachete --- */
.plan{border:1px solid var(--line);border-radius:0;background:var(--card)}
.plan-featured{border:1px solid var(--navy);border-top:4px solid var(--accent);padding-top:34px}
.plan-badge{
  background:var(--accent);border-radius:0;letter-spacing:.12em;font-size:.7rem;top:-11px;
}
.plan h3{font-weight:400;font-size:1.6rem}
.plan-price b{font-weight:400}
.plan ul li::before{border-color:var(--accent)}
.plans-extra{background:transparent;border:1px solid var(--line);border-radius:0}
.plans-note b{color:var(--accent)}
.included{background:transparent;border:1px solid var(--line);border-radius:0}
.included h3{font-size:1.3rem;font-weight:400;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.included li::before{border-color:var(--accent)}
.plan ul li.bonus{color:var(--ink)}
.plan ul li.bonus::before{border-width:2.8px}
.plans-extra h3{font-size:1.3rem;font-weight:400}
.plans-extra li{border-bottom:1px solid var(--line)}
.plans-extra li span{color:var(--accent)}

/* --- Despre --- */
.badges li{border-radius:0;background:transparent;border-color:#d8cfba}
.why{border-radius:0;border:1px solid var(--line);background:var(--card)}
.why h3{font-size:1.3rem;font-weight:400;padding-bottom:.8rem;border-bottom:1px solid var(--line)}
.why dt{font-family:var(--ff-serif);font-size:1.05rem}

/* --- Testimoniale: citate tipografice, fără casete --- */
.quotes figure{
  background:transparent;border:none;border-left:2px solid var(--accent);border-radius:0;
  padding:6px 0 6px 26px;
}
.quotes blockquote{font-style:italic;font-size:1.14rem}
.quotes blockquote::before{color:var(--accent)}
.quotes figcaption{border-top:1px solid var(--line)}

/* --- Întrebări: listă cu linii subțiri --- */
.faq{gap:0}
.faq details{border:none;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.faq summary{padding-left:0;padding-right:44px;font-family:var(--ff-serif);font-size:1.1rem;font-weight:600}
.faq summary::after{right:6px;border-color:var(--accent)}
.faq details[open] summary{background:transparent;color:var(--accent)}
.faq div{padding-left:0;padding-right:44px}

/* --- Contact --- */
.contact{background:var(--bg-sand)}
.form{border-radius:0;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--card)}
.form h3{font-weight:400}
.field input,.field select,.field textarea{border-radius:0;border-color:#d8cfba}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f0e6d2}

/* --- Footer --- */
.site-footer{background:var(--navy)}
.site-footer h4{color:#f3ead7;letter-spacing:.16em}
.site-footer,.footer-about,.footer-legal{color:#c2d2c8}
.site-footer a{color:#dce7e0}
.footer-bottom{border-top-color:#2f5344;color:#a3b7ab}
.logo-light .logo-text em{color:var(--accent)}

/* --- Buton WhatsApp: forma sobră --- */
.wa-float{border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.wa-float:hover{transform:none}