/* forms.css — pages Adhésion & Contact */
.page-header { background: var(--creme); padding: 7rem 5vw 3rem; border-bottom: 2px solid var(--sable); }
.page-header.bg-vert { background: linear-gradient(145deg, var(--vert) 0%, var(--vert-fonce) 100%); }
.page-header h1 { font-family: "Playfair Display", serif; font-size: clamp(2rem,4vw,3.2rem); color: var(--vert); }
.page-header.bg-vert h1 { color: #fff; }
.page-header p { margin-top: .5rem; font-size: 1.05rem; color: var(--gris); }

.form-layout {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 4rem;
  align-items: start;
}

/* Info gauche */
.form-info h2 { color: var(--vert); margin-bottom: 1rem; }
.benefits-list { list-style: none; display: flex; flex-direction: column; gap: .9rem; margin-bottom: 2rem; }
.benefits-list li { display: flex; gap: .8rem; font-size: .97rem; line-height: 1.5; }
.info-box { background: var(--sable); border-left: 4px solid var(--or); padding: 1.2rem 1.4rem; border-radius: 0 var(--radius) var(--radius) 0; }
.info-box strong { display: block; color: var(--vert); margin-bottom: .4rem; }
.info-box p { font-size: .9rem; color: #555; line-height: 1.6; }

/* Contact infos */
.contact-item { display: flex; gap: 1rem; margin-bottom: 1.6rem; align-items: flex-start; }
.contact-icon { font-size: 1.4rem; }
.contact-item strong { display: block; color: var(--vert); margin-bottom: .2rem; }
.contact-item p { font-size: .93rem; color: #555; line-height: 1.6; }
.contact-item a { color: var(--vert); text-decoration: underline; }

/* Form card */
.form-card { padding: 2.5rem; }
.form-card h3 { font-family: "Playfair Display", serif; font-size: 1.4rem; color: var(--vert); margin-bottom: 1.5rem; }
.form-card form { display: flex; flex-direction: column; gap: 1.1rem; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

@media (max-width: 900px) {
  .form-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .form-row { grid-template-columns: 1fr; }
}