/* =========================================================
   Pagina Contact — stil dedicat (fundal întunecat, card "sticlă")
   Folosește variabilele de culoare din style.css (root)
   ========================================================= */

.contact-hero{
  position:relative;
  background:
    radial-gradient(circle at 50% -10%, rgba(200,55,43,.35) 0%, rgba(200,55,43,0) 45%),
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(160deg, var(--green-950) 0%, var(--green-900) 55%, var(--green-800) 100%);
  padding:3.5rem 0 4.5rem;
  overflow:hidden;
}
.contact-hero::before{
  /* efect subtil de "perete" — linii fine, ca un zid discret */
  content:"";
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 46px),
                    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 92px);
  pointer-events:none;
}
.contact-hero__inner{position:relative;z-index:1;}
.contact-hero__head{max-width:640px;margin:0 auto 2.75rem;text-align:center;}
.contact-hero__head .eyebrow{color:var(--tulip-100,#f3b3a9);}
.contact-hero__head h1{
  color:#fff;font-size:clamp(1.7rem,3.4vw,2.4rem);margin:.35rem 0 .6rem;
}
.contact-hero__head p{color:rgba(255,255,255,.78);font-size:1rem;margin:0;}

.contact-grid{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:1.75rem;
  align-items:start;
}
@media (max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
}

/* ---------- card comun (efect de sticlă) ---------- */
.glass-card{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:2rem;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 20px 45px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12);
}
.glass-card h2{
  color:#fff;font-size:1.2rem;margin:0 0 1.1rem;
  display:flex;align-items:center;gap:.55rem;
}
.glass-card h2 svg{width:20px;height:20px;color:var(--tulip-100,#f3b3a9);flex:none;}

/* ---------- panou info contact ---------- */
.info-list{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-direction:column;gap:1rem;}
.info-list li{display:flex;gap:.8rem;align-items:flex-start;color:rgba(255,255,255,.92);font-size:.94rem;line-height:1.5;}
.info-list svg{
  width:20px;height:20px;flex:none;margin-top:.15rem;color:var(--tulip-100,#f3b3a9);
}
.info-list a{color:#fff;font-weight:600;}
.info-list a:hover{color:var(--tulip-100,#f3b3a9);}
.info-list b{color:#fff;}

.info-sub{
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:1.2rem;margin-top:.2rem;
}
.info-sub h3{
  color:#fff;font-size:.86rem;text-transform:uppercase;letter-spacing:.07em;
  margin:0 0 .6rem;opacity:.85;
}
.info-sub p{
  color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.6;margin:0 0 .9rem;
}
.info-sub p:last-child{margin-bottom:0;}
.info-sub strong{color:#fff;}

/* ---------- formular ---------- */
.contact-form{display:flex;flex-direction:column;gap:1.1rem;}
.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
@media (max-width:560px){
  .contact-form__row{grid-template-columns:1fr;}
}
.field{position:relative;display:flex;flex-direction:column;gap:.4rem;}
.field label{
  font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85);
  letter-spacing:.02em;
}
.field input,
.field textarea{
  width:100%;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.25);
  border-radius:12px;
  padding:.85rem 1rem;
  font-family:inherit;font-size:.95rem;color:var(--ink);
  transition:box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.field input::placeholder,
.field textarea::placeholder{color:var(--ink-soft);opacity:.7;}
.field input:focus,
.field textarea:focus{
  outline:none;background:#fff;border-color:var(--tulip-600);
  box-shadow:0 0 0 3px rgba(200,55,43,.25);
}
.field textarea{resize:vertical;min-height:130px;}

/* honeypot — ascuns pentru vizitatori reali, vizibil doar boților */
.hp-field{
  position:absolute !important;left:-9999px !important;top:-9999px !important;
  width:1px;height:1px;overflow:hidden;
}

.contact-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  background:var(--tulip-600);color:#fff;border:0;border-radius:12px;
  padding:.95rem 1.4rem;font-size:1rem;font-weight:700;letter-spacing:.01em;
  cursor:pointer;transition:background .18s ease, transform .12s ease;
  box-shadow:0 10px 24px rgba(200,55,43,.35);
}
.contact-submit:hover{background:var(--tulip-700);}
.contact-submit:active{transform:translateY(1px);}
.contact-submit:disabled{opacity:.65;cursor:progress;}
.contact-submit svg{width:18px;height:18px;}

.form-msg{
  margin:0;font-size:.9rem;font-weight:600;border-radius:10px;padding:.75rem 1rem;
  display:none;
}
.form-msg.is-visible{display:block;}
.form-msg.is-ok{background:rgba(76,175,110,.18);color:#c8f0d6;border:1px solid rgba(76,175,110,.4);}
.form-msg.is-error{background:rgba(200,55,43,.18);color:#ffd9d4;border:1px solid rgba(200,55,43,.45);}

.form-note{font-size:.78rem;color:rgba(255,255,255,.55);margin:-.3rem 0 0;}