/* ===== Espace membre & mode édition — charte asphalte + jaune fluo ===== */

/* Barre admin fixe */
.adminbar{
  position:fixed;top:0;left:0;right:0;z-index:120;
  display:flex;align-items:center;gap:18px;
  padding:8px 18px;background:#0a0a0b;border-bottom:1px solid var(--lime);
  font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--os);
}
.adminbar .ab-brand{color:var(--lime);font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.adminbar .ab-spacer{flex:1}
.adminbar .ab-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-transform:uppercase}
.adminbar .ab-toggle input{accent-color:var(--lime);width:16px;height:16px}
.adminbar .ab-who b{color:var(--lime)}
.adminbar a{color:var(--os);text-transform:uppercase;letter-spacing:.1em}
.adminbar a:hover{color:var(--lime)}
body.is-admin{padding-top:38px}                 /* dégage sous la barre */
body.is-admin header.nav{top:38px}

/* Affordances visibles seulement en mode édition (body.editing) */
.ed-cam,.ed-add,.ed-del{display:none}
body.editing .ed-cam,body.editing .ed-add,body.editing .ed-del{display:inline-flex}

body.editing [data-edit]{
  outline:1px dashed rgba(234,255,0,.5);outline-offset:3px;
  cursor:text;border-radius:2px;transition:outline-color .15s,background .15s;
}
body.editing [data-edit]:hover{outline-color:var(--lime);background:rgba(234,255,0,.06)}
body.editing [data-edit="cta"]{cursor:pointer}

/* Bouton appareil photo (overlay image) */
.ed-cam{
  position:absolute;top:10px;right:10px;z-index:6;
  width:42px;height:42px;align-items:center;justify-content:center;
  background:rgba(10,10,11,.82);border:1px solid var(--lime);border-radius:3px;
  font-size:1.1rem;cursor:pointer;backdrop-filter:blur(4px);
}
.ed-cam:hover,.ed-cam:focus-visible{background:var(--lime);outline:none}
/* 📷 du héro : coin HAUT-GAUCHE (le CTA nav est aligné à droite → plus de recouvrement) */
.ed-cam-hero{top:120px;left:20px;right:auto;z-index:40}
.ed-cam-hero2{top:172px;left:20px}          /* 2e bouton : placeholder vidéo, sous le 1er */
@media(max-width:640px){.ed-cam-hero{top:96px;left:14px}.ed-cam-hero2{top:148px}}
.ed-del{
  position:absolute;top:10px;left:10px;z-index:6;
  width:32px;height:32px;align-items:center;justify-content:center;
  background:rgba(10,10,11,.82);border:1px solid #f87171;color:#f87171;border-radius:3px;
  font-size:.9rem;cursor:pointer;backdrop-filter:blur(4px);
}
.ed-del:hover,.ed-del:focus-visible{background:#f87171;color:#0a0a0b;outline:none}

/* Bouton d'ajout de collection */
.ed-add{
  margin-top:22px;align-items:center;gap:8px;
  padding:12px 20px;background:transparent;border:2px dashed var(--lime);color:var(--lime);
  font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  border-radius:3px;cursor:pointer;transition:background .2s,color .2s;
}
.ed-add:hover{background:var(--lime);color:var(--asphalte)}

/* Réordonnancement (drag) */
body.editing [data-collection] > *{position:relative}
body.editing [data-collection] > *[draggable="true"]{cursor:grab}
body.editing .dragging{opacity:.4}

/* ===== Éditeur popover ===== */
.ed-pop{
  position:absolute;z-index:200;min-width:280px;max-width:min(92vw,420px);
  background:#111114;border:1px solid var(--lime);border-radius:6px;padding:16px;
  box-shadow:0 18px 60px rgba(0,0,0,.6);font-family:var(--body);
}
.ed-pop label{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acier);margin:0 0 6px}
.ed-pop input,.ed-pop textarea,.ed-pop select{
  width:100%;background:#0a0a0b;border:1px solid var(--asphalte-3);color:var(--os);
  padding:10px 11px;border-radius:3px;font-family:var(--body);font-size:.92rem;margin-bottom:12px;
}
.ed-pop textarea{min-height:96px;resize:vertical;line-height:1.5}
.ed-pop input:focus,.ed-pop textarea:focus,.ed-pop select:focus{outline:none;border-color:var(--lime)}
.ed-pop input[type=datetime-local],.ed-pop input[type=date]{color-scheme:dark}
/* lignes de dates passées (visibles admin uniquement, pour gérer/supprimer) */
.show-row.is-past{opacity:.6}
.show-row.is-past .show-date .d{color:var(--acier)}
.ed-pop .ed-row{display:flex;gap:10px}
.ed-pop .ed-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}
.ed-pop button{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:3px;cursor:pointer;border:1px solid var(--asphalte-3);background:#0a0a0b;color:var(--os)}
.ed-pop .ed-save{background:var(--lime);color:var(--asphalte);border-color:var(--lime);font-weight:700}
.ed-pop .ed-hint{font-family:var(--mono);font-size:.58rem;color:var(--acier);margin:-6px 0 12px}
.ed-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:300;background:var(--lime);color:var(--asphalte);font-family:var(--mono);font-size:.74rem;font-weight:700;padding:12px 20px;border-radius:4px;opacity:0;transition:opacity .25s;pointer-events:none}
.ed-toast.show{opacity:1}
.ed-toast.err{background:#f87171;color:#0a0a0b}

/* ===== Pages login / comptes ===== */
.auth-wrap{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.auth-wrap.wide .auth-card{max-width:560px}
.auth-card{width:100%;max-width:380px;background:var(--asphalte-2);border:1px solid var(--asphalte-3);border-top:3px solid var(--lime);border-radius:8px;padding:34px}
.auth-brand{font-family:var(--disp);font-weight:900;font-size:1.4rem;text-transform:uppercase;letter-spacing:.02em;color:var(--os)}
.auth-title{font-family:var(--disp);font-weight:800;font-size:2rem;text-transform:uppercase;color:var(--lime);margin:6px 0 20px;line-height:1}
.auth-sub{font-size:.9rem;color:#aeb1b6;margin-bottom:18px}
.auth-sub b{color:var(--os)}
.auth-h2{font-family:var(--disp);font-weight:700;font-size:1.2rem;text-transform:uppercase;color:var(--os);margin:26px 0 14px;padding-top:18px;border-top:1px solid var(--asphalte-3)}
.auth-field{display:block;margin-bottom:16px}
.auth-field span{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acier);margin-bottom:7px}
.auth-field input{width:100%;background:var(--asphalte);border:1px solid var(--asphalte-3);color:var(--os);padding:12px 13px;border-radius:3px;font-family:var(--body);font-size:.95rem}
.auth-field input:focus{outline:none;border-color:var(--lime)}
.auth-grid .btn{width:100%;justify-content:center;margin-top:4px}
.auth-error{background:#f87171;color:#0a0a0b;font-family:var(--mono);font-size:.74rem;padding:11px 14px;border-radius:3px;margin-bottom:16px}
.auth-ok{background:var(--lime);color:var(--asphalte);font-family:var(--mono);font-size:.74rem;padding:11px 14px;border-radius:3px;margin-bottom:16px}
.auth-list{list-style:none;padding:0;margin:0}
.auth-list li{font-size:.9rem;color:#c9cbcf;padding:10px 0;border-bottom:1px solid var(--asphalte-3)}
.auth-list li b{color:var(--lime)}
.auth-list li em{display:block;font-family:var(--mono);font-size:.58rem;color:var(--acier);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-style:normal}
.auth-back{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acier)}
.auth-back:hover{color:var(--lime)}

@media(prefers-reduced-motion:reduce){.ed-toast{transition:none}}