/* ===============================
   BOOK PAGE – HERO REFINEMENT
   =============================== */

body.book-page .hero--gradient h1{
  color: #ffffff;
  margin-top: 80px;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

body.book-page .hero--gradient .lead{
  color: rgba(255,255,255,.7);
  max-width: 780px;
  margin: 0 auto;
  line-height: 1.65;
  font-weight: 400;
  font-size: 16px;
}

body.book-page .hero--gradient .hero-tags{
  margin-top: 40px;
}

body.book-page .hero--gradient .hero-tags span{
  border: 1px solid rgba(255,255,255,.25);
  color: #f3efe8;
  background: transparent;
  padding: 8px 14px;
  font-size: 12px;
}





/* ===== SECTIONS (exact ca Testimonials) ===== */
.section{padding:46px 0}
.section--alt{
  background:linear-gradient(to bottom, rgba(16,18,24,.04), rgba(16,18,24,0));
  border-top:1px solid var(--line);     /* bordura sub hero */
  border-bottom:1px solid var(--line);  /* bordura sub formular */
}

.section--tight{ padding:46px 0; }

/* ===== Headings (ca Testimonials) ===== */
.section-head{ margin-bottom:22px; }
.section-head--center{
  text-align:center;
  max-width:760px;
  margin:0 auto 22px;
}
.section-head h2{
  margin:0;
  font-size:clamp(22px, 2.4vw, 30px);
}
.section-head p{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.6;
}


/* ===== FORM ===== */
.form-wrap{
  display:flex;
  justify-content:center;
  margin-top: 14px; /* lipit frumos sub paragraf */
}

.form-container{
  background: var(--card);
  
  border-radius: var(--r);
  padding: 40px;
  width: 100%;
  max-width: 520px;
  box-shadow: var(--shadow);
}

/* elemente form - păstrează stilul tău, dar în paleta testimonials */
label{
  display:block;
  margin-bottom:6px;
  font-weight:400;
  color:#333333;
}

input, select, textarea{
  width:100%;
  padding:12px 16px;
  margin-bottom:24px;
  border:1px solid #e0e0e0;
  border-radius:10px;
  outline:none;
  font-size:15px;
  color:#111111;
  background:#f9f9f9;
  transition: all .2s ease;
}

input:focus, select:focus, textarea:focus{
  border-color: rgba(246,211,107,.85);
  box-shadow: 0 0 0 3px rgba(246, 211, 107, .20);
}

button{
  width:100%;
  height:44px;
  background: linear-gradient(90deg, var(--gold1), var(--gold2));
  color:#101218;
  font-weight:700;
  font-size:16px;
  border:1px solid rgba(246,211,107,.85);
  border-radius:12px;
  cursor:pointer;
  transition: transform .2s ease, filter .2s ease;
}
button:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}

.form-note{
  text-align:center;
  font-size:12px;
  margin:10px 0 0;
  color: var(--muted2);
}


body.book-page .cta .btn.ghost{
  margin-right: 60px;
  padding: 5px 50px;
}

/* GDPR CONSENT */
.form-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:-6px 0 16px;
  font-size:12px;
  line-height:1.5;
  color:var(--muted2);
}

.form-consent input[type="checkbox"]{
  width:auto;
  padding:0;
  margin:3px 0 0 0;
  margin-bottom:0;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  accent-color:var(--gold1);
  cursor:pointer;
  flex-shrink:0;
}

.form-consent label{
  display:block;
  margin:0;
  font-weight:300;
  color:var(--muted2);
  cursor:pointer;
}

.form-consent a{
  color:var(--muted2);
  text-decoration:underline;
}

.form-consent a:hover{
  color:var(--text);
}


/* default */
.consent-highlight{
  font-weight:600;
  color: var(--muted2);
  transition: color .2s ease;
}

/* 🔥 devine verde când e bifat */
#consent:checked + label .consent-highlight{
  color: #0eb016; /* verde elegant */
}

/* Responsive */
@media (max-width: 640px){
  .form-container{ padding: 26px; }
  .section{ padding: 52px 0; }
}