/* ==========================================================================
   pro.css — page de revendication (pro.php)
   ========================================================================== */
body.pro{--pale:#F4F7FC;--titre:#0F172A;background:var(--blanc);}
.pro svg{flex-shrink:0;}
[hidden]{display:none !important;}
.pro-wrap{max-width:1280px;margin:0 auto;padding:0 32px;}

/* ---------- Hero ---------- */
.rev-hero{position:relative;overflow:hidden;background:#EEF4FC;padding:44px 0 56px;}
.rev-hero-photo{position:absolute;inset:0;}
.rev-hero-photo picture,.rev-hero-photo img{display:block;width:100%;height:100%;}
.rev-hero-photo img{object-fit:cover;object-position:right center;}
.rev-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:60px;align-items:start;}
.pro-eyebrow{display:inline-flex;align-items:center;gap:9px;background:#E3EDFC;color:var(--bleu);font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:9px 16px;border-radius:10px;margin-bottom:22px;}
.pro-eyebrow svg{width:20px;height:20px;}
.pro-left h1{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:clamp(38px,4.6vw,64px);line-height:1.04;letter-spacing:-0.02em;color:var(--titre);margin-bottom:16px;}
.pro-left h1 span{color:var(--bleu);display:block;}
.pro-lead{font-size:18px;line-height:1.55;color:var(--texte-sec);max-width:480px;margin-bottom:26px;}
.pro-benefits{list-style:none;display:flex;flex-direction:column;gap:18px;margin-bottom:26px;max-width:460px;}
.pro-benefits li{display:flex;gap:18px;align-items:center;}
.pro-benefit-ico{width:72px;height:72px;border-radius:50%;background:#fff;color:var(--bleu);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -14px rgba(16,59,148,.45);}
.pro-benefit-ico svg{width:32px;height:32px;}
.pro-benefits h2{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:22px;color:var(--titre);margin-bottom:2px;}
.pro-benefits p{font-size:15px;line-height:1.45;color:var(--texte-sec);}
.pro-gratuit{display:flex;gap:16px;align-items:center;background:rgba(227,237,252,.92);border:1px solid #D3E2FA;border-radius:16px;padding:18px 22px;max-width:470px;margin-bottom:26px;}
.pro-gratuit-ico{width:52px;height:52px;border-radius:50%;background:var(--bleu);color:#fff;display:flex;align-items:center;justify-content:center;}
.pro-gratuit-ico svg{width:26px;height:26px;}
.pro-gratuit h2{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:21px;color:var(--bleu);margin-bottom:2px;}
.pro-gratuit p{font-size:14.5px;line-height:1.5;color:var(--texte-sec);}
.pro-liens{display:flex;gap:30px;flex-wrap:wrap;}
.pro-liens a{display:inline-flex;align-items:center;gap:8px;color:var(--bleu);font-weight:600;font-size:14.5px;text-decoration:underline;text-underline-offset:3px;}
.pro-liens svg{width:18px;height:18px;}

/* ---------- Carte formulaire ---------- */
.pro-card{background:#fff;border:1px solid #E3EAF7;border-radius:20px;padding:32px 34px 28px;box-shadow:0 30px 60px -30px rgba(16,59,148,.45);}
.pro-card-titre{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:34px;line-height:1.1;color:var(--titre);margin-bottom:4px;}
.pro-card-sub{font-size:15px;color:var(--texte-sec);margin-bottom:22px;}
.pro-etape-titre{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.pro-etape-titre span{width:34px;height:34px;border-radius:50%;background:var(--bleu);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px;}
.pro-etape-titre h3{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:22px;color:var(--titre);}
.pro-etab{display:flex;gap:16px;align-items:center;background:#EAF1FD;border-radius:14px;padding:16px 18px;margin-bottom:12px;}
.pro-etab-ico{width:58px;height:58px;border-radius:50%;background:#DCE8FB;color:var(--bleu);display:flex;align-items:center;justify-content:center;}
.pro-etab-ico svg{width:30px;height:30px;}
.pro-etab strong{display:block;font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:20px;line-height:1.2;color:var(--titre);margin-bottom:4px;}
.pro-etab-adr{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--texte-sec);}
.pro-etab-adr svg{width:16px;height:16px;color:var(--bleu);}
.pro-etab-change{font-size:13.5px;color:var(--texte-sec);margin-bottom:6px;}
.pro-etab-change a{color:var(--bleu);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.pro-sep{border:none;border-top:1px solid var(--bord);margin:20px 0;}

.pro-grille{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.pro-champ{margin-bottom:6px;display:flex;flex-direction:column;}
.pro-champ label{font-size:13.5px;font-weight:600;color:var(--titre);margin-bottom:6px;}
.pro-champ label b{color:var(--rouge);font-weight:700;}
.pro-champ input,.pro-champ textarea{width:100%;padding:13px 14px;border:1px solid #D9E0EC;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14.5px;color:var(--texte);background:#fff;outline:none;transition:var(--transition);}
.pro-champ textarea{resize:vertical;min-height:84px;}
.pro-champ input::placeholder,.pro-champ textarea::placeholder{color:#9AA3AF;}
.pro-champ input:focus,.pro-champ textarea:focus{border-color:var(--bleu);box-shadow:0 0 0 3px rgba(26,86,219,.12);}
.pro-champ small{font-size:12px;color:var(--texte-sec);margin-top:6px;}
.pro-mdp{position:relative;}
.pro-mdp input{padding-right:46px;}
.pro-oeil{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--titre);width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.pro-oeil svg{width:22px;height:22px;}
.pro-oblig{font-size:12.5px;color:var(--texte-sec);margin:6px 0 16px;}
.pro-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--bleu) 0%,var(--bleu-fonce) 100%);color:#fff;border:none;border-radius:11px;padding:16px;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px -12px rgba(26,86,219,.8);transition:var(--transition);}
.pro-submit svg{width:22px;height:22px;}
.pro-submit:hover{transform:translateY(-1px);}
.pro-submit.charge{opacity:.65;cursor:progress;}
.pro-verif{display:flex;gap:12px;align-items:center;background:#EAF1FD;border-radius:12px;padding:14px 16px;margin-top:14px;font-size:13.5px;color:var(--texte-sec);}
.pro-verif svg{width:22px;height:22px;color:var(--bleu);}
.pro-deja{text-align:center;font-size:14px;color:var(--texte-sec);margin-top:16px;}
.pro-deja a{color:var(--bleu);font-weight:600;text-decoration:underline;text-underline-offset:2px;}

.pro-alerte{padding:13px 16px;border-radius:10px;font-size:14px;margin-bottom:16px;line-height:1.5;}
.pro-alerte-erreur{background:var(--rouge-clair);color:#991B1B;}
.pro-alerte-succes{background:var(--vert-clair);color:#065F46;font-weight:600;padding:20px;font-size:15px;}
.pro-alerte-info{background:#EAF1FD;color:var(--bleu-fonce);}
.pro-alerte-info a{color:var(--bleu);font-weight:700;}

.pro-res{display:block;width:100%;text-align:left;padding:11px 14px;border:1px solid var(--bord);border-radius:10px;background:#fff;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--texte);cursor:pointer;margin-top:6px;}
.pro-res:hover{border-color:var(--bleu);background:#F3F7FE;}
.pro-res em{font-style:normal;color:var(--rouge);}
.pro-res-vide{font-size:13px;color:var(--texte-ter);margin-top:8px;}
#zoneCreerEtab{border:1px solid var(--bord);border-radius:14px;padding:18px;background:var(--pale);margin-bottom:6px;}
#zoneCreerEtab h4{font-size:15px;margin-bottom:14px;color:var(--titre);}
#newEtabMap{width:100%;height:170px;border-radius:10px;border:1px solid var(--bord);}
.pro-lien-btn{margin-top:8px;align-self:flex-start;font-size:13px;color:var(--bleu);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:600;padding:0;}
#newEtabStatus{font-size:13px;color:var(--vert);}

/* ---------- 3 étapes ---------- */
.pro-etapes{padding:56px 0 64px;background:#fff;}
.pro-h2{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:38px;line-height:1.1;color:var(--titre);text-align:center;margin-bottom:6px;}
.pro-h2-sub{text-align:center;color:var(--texte-sec);font-size:16px;margin-bottom:30px;}
.pro-etapes-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px;position:relative;}
.pro-etape-carte{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #E6ECF6;border-radius:16px;padding:22px 24px;box-shadow:0 10px 26px -20px rgba(16,59,148,.4);}
.pro-etape-ico{width:72px;height:72px;border-radius:50%;background:#EAF1FD;color:var(--bleu);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pro-etape-ico svg{width:34px;height:34px;}
.pro-etape-num{display:block;font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:22px;color:var(--bleu);line-height:1;margin-bottom:4px;}
.pro-etape-carte h3{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.2;color:var(--titre);margin-bottom:3px;}
.pro-etape-carte p{font-size:14px;line-height:1.5;color:var(--texte-sec);}
.pro-aide{display:flex;align-items:center;gap:22px;background:#EAF1FD;border:1px solid #DCE7FB;border-radius:16px;padding:22px 30px;}
.pro-aide-ico{width:60px;height:60px;color:var(--bleu);display:flex;}
.pro-aide-ico svg{width:56px;height:56px;}
.pro-aide > div{flex:1;}
.pro-aide h3{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:24px;color:var(--bleu);margin-bottom:2px;}
.pro-aide p{font-size:15px;color:var(--texte-sec);}
.pro-btn-ligne{display:inline-flex;background:#fff;color:var(--bleu);border:1.5px solid var(--bleu);border-radius:10px;padding:13px 30px;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:var(--transition);}
.pro-btn-ligne:hover{background:var(--bleu);color:#fff;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1100px){
  .rev-hero-grid{grid-template-columns:minmax(0,1fr) 440px;gap:36px;}
  .pro-etapes-row{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .pro-wrap{padding:0 20px;}
  .rev-hero{padding:28px 0 40px;}
  .rev-hero-photo img{object-position:70% center;}
  .rev-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(244,247,252,.82) 100%);}
  .rev-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px;}
  .pro-left h1{font-size:clamp(34px,9vw,46px);}
  .pro-lead{font-size:16px;}
  .pro-benefit-ico{width:60px;height:60px;}
  .pro-benefit-ico svg{width:28px;height:28px;}
  .pro-card{padding:24px 20px;}
  .pro-card-titre{font-size:28px;}
  .pro-h2{font-size:30px;}
  .pro-aide{flex-wrap:wrap;padding:20px;}
  .pro-btn-ligne{width:100%;justify-content:center;}
}
@media (max-width:560px){
  .pro-grille{grid-template-columns:1fr;}
  .pro-etab{flex-direction:column;align-items:flex-start;}
}
@media (prefers-reduced-motion:reduce){.pro-submit{transition:none;}}