/* ============================================================
   AUTOCURE Mini-CMS – Editor-Oberfläche
   ============================================================ */
.cms-modal-bg{
  position:fixed;inset:0;z-index:9999;background:rgba(10,10,14,.66);
  display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);
}
.cms-modal{
  background:#fff;border-radius:18px;width:100%;max-width:420px;
  padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.4);font-family:'Montserrat',system-ui,sans-serif;
}
.cms-modal h3{font-size:21px;font-weight:800;margin:0 0 6px;color:#1d1d1f}
.cms-modal p.sub{color:#6b6b72;font-size:14px;margin:0 0 18px}
.cms-modal label{display:block;font-size:13px;font-weight:600;color:#3a3a40;margin:12px 0 6px}
.cms-modal input[type=password],.cms-modal input[type=text],.cms-modal input[type=number],
.cms-modal textarea{
  width:100%;padding:12px 14px;border:1px solid #dcdce2;border-radius:10px;font-size:15px;
  font-family:inherit;color:#1d1d1f;background:#fff;
}
.cms-modal textarea{min-height:80px;resize:vertical}
.cms-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.cms-btn{
  display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:14px;padding:12px 18px;border-radius:10px;transition:.15s;
}
.cms-btn-primary{background:#FCBD5A;color:#1a1a1a}
.cms-btn-primary:hover{background:#f0a838}
.cms-btn-ghost{background:#eee;color:#333}
.cms-btn-ghost:hover{background:#e2e2e6}
.cms-btn-danger{background:#ef5b6b;color:#fff}
.cms-link{background:none;border:none;color:#c4881f;font-weight:600;cursor:pointer;font-size:13px;padding:0;margin-top:14px}
.cms-msg{font-size:13.5px;margin-top:12px;min-height:18px}
.cms-msg.err{color:#d4333f}
.cms-msg.ok{color:#1b9e54}

/* Bearbeiten-Modus */
body.cms-editing [data-edit]{
  outline:1.5px dashed rgba(252,189,90,.7);outline-offset:3px;border-radius:3px;
  cursor:text;transition:outline-color .15s;min-width:8px;min-height:1em;
}
body.cms-editing [data-edit]:hover{outline-color:#f0a838;background:rgba(252,189,90,.08)}
body.cms-editing [data-edit]:focus{outline:2px solid #f0a838;background:rgba(252,189,90,.12)}

body.cms-editing [data-edit-img]{position:relative;cursor:pointer;outline:1.5px dashed rgba(252,189,90,.7);outline-offset:3px}
body.cms-editing [data-edit-img]::after{
  content:"Bild ändern";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(16,16,20,.55);color:#fff;font:700 13px 'Montserrat',sans-serif;border-radius:6px;
  opacity:0;transition:.15s;pointer-events:none;z-index:2;
}
body.cms-editing [data-edit-img]:hover::after{opacity:1}

/* Referenzen: Schieberegler im Bearbeiten-Modus durchklickbar machen,
   damit Klicks die Vorher/Nachher-Bilder erreichen (links = Vorher, rechts = Nachher) */
body.cms-editing .ba-range{pointer-events:none}
body.cms-editing .ba-slider [data-edit-img]{cursor:pointer}

/* Listen-Steuerung */
body.cms-editing [data-item]{position:relative}
.cms-del{
  position:absolute;top:-10px;right:-10px;z-index:5;width:26px;height:26px;border-radius:50%;
  background:#ef5b6b;color:#fff;border:2px solid #fff;cursor:pointer;font-size:14px;line-height:1;
  display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.25);
}
.cms-add{
  display:inline-flex;align-items:center;gap:6px;margin:14px auto 0;
  background:#101012;color:#fff;border:1px dashed #f0a838;border-radius:10px;
  padding:10px 16px;font:700 13px 'Montserrat',sans-serif;cursor:pointer;
}
.cms-add-wrap{width:100%;display:flex;justify-content:center}

/* Untere Leiste */
.cms-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:9998;
  background:#101012;border-top:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;gap:12px;padding:12px 18px;flex-wrap:wrap;
  font-family:'Montserrat',system-ui,sans-serif;box-shadow:0 -10px 30px rgba(0,0,0,.3);
}
.cms-bar .cms-status{color:#cfcfd4;font-size:13px;margin-right:auto}
.cms-bar .cms-status b{color:#FCBD5A}
body.cms-editing{padding-bottom:74px}
.cms-toast{
  position:fixed;bottom:84px;left:50%;transform:translateX(-50%);z-index:9999;
  background:#1b9e54;color:#fff;padding:12px 22px;border-radius:30px;font-weight:700;font-size:14px;
  font-family:'Montserrat',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;transition:.25s;pointer-events:none;
}
.cms-toast.show{opacity:1}
.cms-toast.err{background:#d4333f}

/* Einstellungen-Panel */
.cms-settings{max-width:560px;max-height:86vh;overflow:auto}
.cms-settings h4{margin:20px 0 4px;font-size:15px;color:#1d1d1f;border-top:1px solid #eee;padding-top:16px}
.cms-settings h4:first-of-type{border-top:none;padding-top:0}
.cms-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}