/* ===================================================================
   Overlay-Widgets im KI-Neon-Look (ki-widgets.css)
   consent.js, chat-widget.js und popup-home.js haengen ihre Styles per
   JS ein und bringen die hellen Rose-Farben mit. Diese Datei zieht sie
   auf Dunkel; weil die JS-Styles spaeter in den DOM kommen, braucht es
   !important. Nur auf den KI-Seiten einbinden - die Funnel-Seiten mit
   site.css behalten bewusst den hellen Look.
   =================================================================== */

/* ---------- Cookie-Banner (consent.js) ---------- */
.jt-cc{background:#150f22!important;border:1px solid rgba(255,120,220,.22)!important;
  box-shadow:0 0 50px rgba(255,47,176,.18),0 24px 60px rgba(0,0,0,.7)!important}
.jt-cc h4{color:#fff!important}
.jt-cc p{color:#a99cb5!important}
.jt-cc p a{color:#ff2fb0!important}
.jt-cc .acc{background:linear-gradient(100deg,#7a1bd8,#c11bd0,#ff2fb0)!important;color:#fff!important}
.jt-cc .dec{background:transparent!important;color:#fff!important;border:1px solid rgba(255,47,176,.5)!important}
.jt-cc .dec:hover{border-color:#ff2fb0!important;background:rgba(255,47,176,.1)!important}

/* ---------- Chat-Widget (chat-widget.js) ---------- */
.jtc-btn .lbl{background:#150f22!important;color:#f3e9f4!important;border:1px solid rgba(255,120,220,.22)!important}
.jtc{background:#0d0a18!important;border:1px solid rgba(255,120,220,.2)!important;
  box-shadow:0 0 50px rgba(255,47,176,.18),0 28px 70px rgba(0,0,0,.75)!important}
.jtc-head{background:linear-gradient(135deg,#7a1bd8,#ff2fb0)!important}
.jtc-msgs{background:#0d0a18!important}
.jtc-m.bot{background:#150f22!important;color:#f3e9f4!important;border-color:rgba(255,120,220,.18)!important}
.jtc-m.bot a{color:#ff86e0!important}
.jtc-typing{background:#150f22!important;border-color:rgba(255,120,220,.18)!important}
.jtc-typing span{background:#ff2fb0!important}
.jtc-in{background:#0d0a18!important;border-top-color:rgba(255,120,220,.18)!important}
.jtc-in textarea{background:#150f22!important;color:#f3e9f4!important;border-color:rgba(255,120,220,.22)!important}
.jtc-in textarea::placeholder{color:#6d5f78!important}
.jtc-in button{background:linear-gradient(100deg,#c11bd0,#ff2fb0)!important}
.jtc-foot{background:#0d0a18!important;color:#a99cb5!important;border-top-color:rgba(255,120,220,.18)!important}

/* ---------- Freebie-Popup (popup-home.js) ---------- */
.jtp-ov{background:rgba(5,3,10,.74)!important}
.jtp{background:#150f22!important;color:#f3e9f4!important;
  border:1px solid rgba(255,120,220,.22)!important;
  box-shadow:0 0 70px rgba(255,47,176,.22),0 50px 110px -30px rgba(0,0,0,.85)!important;
  font-family:'Montserrat',Arial,sans-serif!important}
.jtp .badge{background:linear-gradient(100deg,#7a1bd8,#c11bd0,#ff2fb0)!important;color:#fff!important;
  box-shadow:0 0 22px rgba(255,47,176,.45)!important}
.jtp h2{font-family:'Anton',Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase!important;
  letter-spacing:.01em!important;color:#fff!important}
.jtp h2 b{font-weight:400!important;background:linear-gradient(90deg,#ff2fb0,#ff86e0,#c04bff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.jtp .sub{color:#a99cb5!important}
.jtp input{background:#0f0a19!important;color:#f3e9f4!important;border:1px solid rgba(255,120,220,.22)!important}
.jtp input::placeholder{color:#6d5f78!important}
.jtp input:focus{border-color:#ff2fb0!important}
.jtp button.sub-btn{background:linear-gradient(100deg,#7a1bd8,#c11bd0,#ff2fb0)!important;color:#fff!important;
  border-radius:100px!important;text-transform:uppercase!important;letter-spacing:.04em!important;
  font-size:.9rem!important;font-weight:800!important;
  box-shadow:0 0 36px rgba(255,47,176,.42)!important}
.jtp button.sub-btn:hover{box-shadow:0 0 58px rgba(255,47,176,.65)!important}
.jtp .note{color:#8a7d96!important}
.jtp .err{color:#ff6b8a!important}
.jtp .x{color:#8a7d96!important}
.jtp .x:hover{color:#ff2fb0!important}