/* ======================================================
   PAGE DEVENIR PARTENAIRE
====================================================== */
.pp-hero { padding: 48px 32px 0; text-align: center; }
.pp-hero h1 { font-size: var(--text-3xl); margin: 14px 0 8px; color:var(--nadia-orange-700);}
.pp-hero p { color: var(--color-text-muted); font-size: var(--text-md); max-width: 580px; margin: 0 auto; color:var(--nadia-bronze-600);}

.pp-layout { max-width: 760px; margin: 36px auto 60px; padding: 0 32px; }
.pp-card { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); padding: 30px; }

.pp-type-toggle { display: flex; gap: 12px; margin-bottom: 26px; }
.pp-type-opt {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px;
  border: 1.5px solid var(--color-border); border-radius: var(--radius-lg); cursor: pointer; text-align: center;
  transition: border-color var(--duration-fast), background var(--duration-fast);
}
.pp-type-opt .icon-tile { pointer-events: none; }
.pp-type-opt .icon-tile .bi { font-size: 22px; }
.pp-type-opt h4 { font-size: var(--text-sm); margin: 0; }
.pp-type-opt p { font-size: 11.5px; color: var(--color-text-muted); margin: 0; }
.pp-type-opt.active { border-color: var(--color-primary); background: var(--color-primary-tint); }
/* Le contrôle réel est un radio masqué : la carte sert de libellé cliquable */
.pp-type-opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.pp-type-opt:focus-within { outline: 2px solid var(--color-focus-ring); outline-offset: 2px; }

.pp-form { display: flex; flex-direction: column; gap: 16px; }
.pp-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pp-form textarea {
  width: 100%; box-sizing: border-box; padding: 11px 14px; font-family: var(--font-body); font-size: var(--text-base);
  border: 1px solid var(--color-border); border-radius: var(--radius-sm); resize: vertical; outline: none;
}
.pp-form textarea:focus { border-color: var(--color-focus-ring); box-shadow: 0 0 0 3px rgba(232,135,30,0.15); }
.pp-note { font-size: 12px; color: var(--color-text-muted); background: var(--nadia-cream-100); border-radius: var(--radius-sm); padding: 12px 14px; line-height: var(--leading-normal); }

@media (max-width: 640px) {
  .pp-type-toggle { flex-direction: column; }
  .pp-row-2 { grid-template-columns: 1fr; }
}