/* Outil « Déposer mon terrain » — carte plein écran, ordinateur et mobile */
body.page-carte{overflow:hidden;height:100%;background:var(--navy)}
html:has(body.page-carte){height:100%}
.carte{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0}
#map{position:absolute;inset:0;background:#1d2a22}
.c-float{position:absolute;z-index:5}

/* Recherche */
.c-search{top:16px;left:16px;width:380px}
.c-search-box{display:flex;align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.25);overflow:hidden}
.c-search-box svg{flex:0 0 20px;margin-left:12px;color:var(--gray)}
.c-search-box input{flex:1;border:0;outline:0;padding:13px 10px;font:16px var(--sans);color:var(--navy);min-width:0;background:transparent}
.c-search-box button{border:0;background:none;padding:0 12px;font-size:1.2rem;color:var(--gray);cursor:pointer;display:none}
.c-search-box.has-text button{display:block}
.c-results{list-style:none;background:#fff;border-radius:8px;margin-top:6px;box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden;display:none}
.c-results.open{display:block}
.c-results li{padding:11px 14px;cursor:pointer;font-size:.9rem;color:var(--navy);border-bottom:1px solid #eee;display:flex;gap:.6rem;align-items:baseline}
.c-results li:last-child{border-bottom:0}
.c-results li small{color:var(--gray);font-size:.74rem;margin-left:auto;white-space:nowrap}
.c-results li[aria-selected="true"],.c-results li:hover{background:#FBF5E6}

/* Panneau sélection */
.c-panel{top:82px;left:16px;width:380px;background:#fff;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100% - 100px)}
.c-panel-head{display:flex;align-items:center;gap:.8rem;padding:14px 16px;cursor:pointer;user-select:none;border:0;background:none;text-align:left;font-family:var(--sans);width:100%}
.c-panel-head .c-count{flex:1}
.c-count strong{display:block;color:var(--navy);font-size:1rem}
.c-count span{font-size:.84rem;color:var(--gray)}
.c-chev{width:34px;height:34px;border-radius:6px;background:var(--cream);display:flex;align-items:center;justify-content:center;transition:transform .2s;color:var(--navy);flex-shrink:0}
.c-panel.open .c-chev{transform:rotate(180deg)}
.c-list{list-style:none;overflow-y:auto;display:none;border-top:1px solid #eee;max-height:260px}
.c-panel.open .c-list{display:block}
.c-list li{display:flex;align-items:center;gap:.6rem;padding:10px 16px;border-bottom:1px solid #f1f1f1;font-size:.84rem}
.c-list li div{flex:1;min-width:0}
.c-list b{color:var(--navy);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-list small{color:var(--gray)}
.c-list button{border:0;background:#FBEDEA;color:#B3261E;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.9rem;flex-shrink:0}
.c-list .c-empty{color:var(--gray);font-style:italic;justify-content:center}
.c-panel-foot{padding:0 16px 14px;display:grid;gap:.4rem}
.c-valider{width:100%;border:0;border-radius:8px;padding:15px;font:700 .95rem var(--sans);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy);cursor:pointer;transition:opacity .2s}
.c-valider:disabled{background:#E6E1D6;color:#9A968C;cursor:not-allowed}
.c-link{border:0;background:none;color:var(--gray);font:.8rem var(--sans);text-decoration:underline;cursor:pointer;padding:6px}

/* Contrôles droite */
.c-tools{top:16px;right:16px;display:flex;flex-direction:column;gap:8px}
.c-btn{width:42px;height:42px;border-radius:8px;border:0;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy);font:700 1rem var(--sans)}
.c-btn:hover{background:var(--cream)}
.c-btn.fond{width:auto;padding:0 12px;font-size:.78rem;gap:6px}
.maplibregl-ctrl-top-right{top:116px!important;right:6px!important}
.maplibregl-ctrl-group{border-radius:8px!important;box-shadow:0 3px 12px rgba(0,0,0,.25)!important}
.maplibregl-ctrl-group button{width:42px!important;height:42px!important}

/* Indication */
.c-hint{left:50%;bottom:28px;transform:translateX(-50%);background:rgba(15,30,45,.92);color:#fff;padding:10px 18px;border-radius:30px;font-size:.86rem;pointer-events:none;white-space:nowrap;border:1px solid rgba(184,151,58,.4);transition:opacity .3s}
.c-hint.flash{background:var(--gold);color:var(--navy);font-weight:700}
.c-toast{left:50%;top:18px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:9px 16px;border-radius:30px;font-size:.84rem;opacity:0;pointer-events:none;transition:opacity .25s;z-index:8}
.c-toast.show{opacity:1}

/* Formulaire étapes 2 et 3 */
.c-form{position:absolute;top:0;right:0;bottom:0;width:480px;max-width:100%;background:#fff;z-index:20;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.3);transform:translateX(105%);transition:transform .3s}
.c-form.open{transform:none}
.c-form-head{background:var(--navy);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
.c-back{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:none;color:#fff;cursor:pointer;font-size:1.1rem;flex-shrink:0}
.c-form-head .t{flex:1}
.c-form-head small{display:block;color:var(--gold);font-size:.64rem;letter-spacing:3px;text-transform:uppercase}
.c-form-head strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}
.c-progress{height:4px;background:var(--navy-mid)}
.c-progress i{display:block;height:100%;background:var(--gold);transition:width .3s}
.c-form-body{flex:1;overflow-y:auto;padding:20px 20px 28px;-webkit-overflow-scrolling:touch}
.c-recap{background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:.86rem;color:var(--navy);margin-bottom:.4rem}
.c-form-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eee;background:#fff}
.c-step{display:none}.c-step.on{display:block}
.c-done{text-align:center;padding:2rem .5rem}
.c-done .ico{font-size:3rem}
.c-done h2{margin:.8rem 0}
.c-done p{color:var(--gray);margin-bottom:1.4rem}

/* Aide */
.c-help{position:absolute;inset:0;z-index:30;background:rgba(15,30,45,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.c-help[hidden]{display:none}
.c-help-box{background:#fff;border-radius:12px;max-width:420px;width:100%;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.4);max-height:100%;overflow:auto}
.c-help-box h2{font-size:1.7rem;margin-bottom:1rem}
.c-help-box ol{list-style:none;display:grid;gap:.7rem;margin-bottom:1.3rem}
.c-help-box li{background:var(--cream);border-radius:8px;padding:12px 14px;font-size:.88rem;color:var(--gray)}
.c-help-box li b{display:block;color:var(--navy);font-size:.95rem}
.c-help-box .c-valider{margin-top:.2rem}

/* Mobile : panneau en bas (bottom sheet) */
@media(max-width:760px){
  .c-search{left:10px;right:10px;top:10px;width:auto}
  .c-tools{top:70px;right:10px}
  .maplibregl-ctrl-top-right{top:166px!important;right:0!important}
  .c-panel{top:auto;left:0;right:0;bottom:0;width:auto;border-radius:16px 16px 0 0;max-height:70%;padding-bottom:env(safe-area-inset-bottom)}
  .c-panel::before{content:'';display:block;width:42px;height:5px;border-radius:3px;background:#D8D2C5;margin:8px auto 0}
  .c-panel-head{padding:10px 16px}
  .c-list{max-height:34vh}
  .c-btn.fond span{display:none}.c-btn.fond{width:42px;padding:0}
  .c-hint{bottom:auto;top:70px;left:10px;right:62px;transform:none;white-space:normal;text-align:center;font-size:.8rem;padding:8px 12px}
  .c-form{width:100%;top:0;border-radius:0}
  .c-toast{top:auto;bottom:170px}
}
.c-search-box input::-webkit-search-cancel-button{display:none}

/* Barre d'outils du panneau */
.c-outils{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0 12px 10px}
.c-outils button{border:1px solid #E6E1D6;background:#FBF8F1;border-radius:7px;padding:6px 2px;font:600 .95rem var(--sans);color:var(--navy);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}
.c-outils button span{font-size:.62rem;font-weight:600;color:var(--gray)}
.c-outils button:disabled{opacity:.4;cursor:default}
.c-outils button.confirm{background:#FBEDEA;border-color:#E1A396}
.c-outils button.confirm span{color:#B3261E}
.c-btn.actif{background:var(--gold);color:var(--navy)}

/* Sélection par zone */
.c-zone-rect{position:absolute;z-index:6;border:2px dashed #fff;background:rgba(212,175,87,.25);pointer-events:none}

/* Repère */
.c-reticule,.c-repere-bar{display:none}
body.mode-repere .c-reticule{display:block;position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-44px 0 0 -22px;z-index:6;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D4AF57' stroke='%230F1E2D' stroke-width='1' d='M12 1a8 8 0 0 0-8 8c0 6 8 14 8 14s8-8 8-14a8 8 0 0 0-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E") center/contain no-repeat}
body.mode-repere .c-repere-bar{display:flex;left:50%;bottom:28px;transform:translateX(-50%);background:#fff;border-radius:12px;padding:10px 12px;gap:10px;align-items:center;box-shadow:0 6px 24px rgba(0,0,0,.3);z-index:9}
body.mode-repere .c-repere-bar span{font-size:.85rem;color:var(--navy);font-weight:600}
body.mode-repere .c-repere-bar .c-valider{width:auto;padding:11px 16px}
body.mode-repere .c-panel,body.mode-repere .c-hint{display:none}

/* Reprise d'une sélection */
.c-reprise{left:50%;top:18px;transform:translateX(-50%);background:#fff;border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 6px 24px rgba(0,0,0,.3);z-index:9;max-width:calc(100% - 20px)}
.c-reprise[hidden]{display:none}
.c-reprise span{font-size:.85rem;color:var(--navy);font-weight:600}
.c-reprise .c-valider{width:auto;padding:10px 14px}

/* Fenêtres référence / terrain introuvable */
.c-help-box .f-group textarea{min-height:110px}
.c-ref-aide{font-size:.78rem;color:var(--gray);margin:-.3rem 0 .6rem}
.c-ref-msg{font-size:.82rem;color:#B3261E;min-height:1em;margin-bottom:.6rem}
.c-help-box .c-link{display:block;margin:.5rem auto 0}
.c-choix{display:grid;gap:.6rem;margin-bottom:.4rem}
.c-choix button{text-align:left;border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:12px 14px;font:.84rem var(--sans);color:var(--gray);cursor:pointer}
.c-choix button b{display:block;color:var(--navy);font-size:.95rem;margin-bottom:2px}
.c-choix button:hover{border-color:var(--gold)}

@media(max-width:760px){
  .c-reprise{top:auto;bottom:190px;flex-wrap:wrap;justify-content:center}
  body.mode-repere .c-repere-bar{flex-wrap:wrap;justify-content:center;width:calc(100% - 20px)}
}