/**========================================================================
*  ULTRA NEON RAINBOW THEME FOR CODYCHAT
*  Bewerkt voor: Ralph / Neon Rainbow style
*  Plaats dit bestand als Cody.css of vervang je huidige theme CSS.
*========================================================================**/

@import url('./font/Roboto.css');

:root{
  --bg:#07070d;
  --bg2:#0d0d18;
  --panel:#111120;
  --panel2:#171729;
  --text:#ffffff;
  --muted:#cfcfff;
  --neon-blue:#00e5ff;
  --neon-pink:#ff00ff;
  --neon-purple:#8a2be2;
  --neon-green:#00ff88;
  --neon-yellow:#fff200;
  --neon-orange:#ff8c00;
  --neon-red:#ff1744;
  --rainbow:linear-gradient(90deg,#ff1744,#ff8c00,#fff200,#00ff88,#00e5ff,#8a2be2,#ff00ff,#ff1744);
  --rainbow-soft:linear-gradient(135deg,rgba(255,0,255,.22),rgba(0,229,255,.20),rgba(0,255,136,.16));
  --glow:0 0 8px rgba(0,229,255,.85),0 0 18px rgba(255,0,255,.65),0 0 30px rgba(0,255,136,.35);
  --glow-soft:0 0 10px rgba(0,229,255,.25),0 0 22px rgba(255,0,255,.20),0 0 35px rgba(0,255,136,.14);
}

*{box-sizing:border-box;}
html,body{min-height:100%;}
body{
  font-family:'Roboto',sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 10%,rgba(255,0,255,.22),transparent 28%),
    radial-gradient(circle at 90% 15%,rgba(0,229,255,.20),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(0,255,136,.16),transparent 34%),
    linear-gradient(135deg,#030306,#080816 45%,#130022);
  background-attachment:fixed;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.1));
}

a{color:var(--neon-blue);text-shadow:0 0 8px rgba(0,229,255,.8);}
a:hover{color:var(--neon-pink);text-shadow:0 0 10px rgba(255,0,255,.9);}
button{background:transparent;color:#fff;}
input,textarea,.post_input_container{
  font-family:'Roboto',sans-serif,'FontAwesome';
  background:#080812!important;
  color:#fff!important;
  border:1px solid rgba(0,229,255,.45)!important;
  border-radius:12px!important;
  box-shadow:inset 0 0 12px rgba(0,229,255,.12),0 0 12px rgba(255,0,255,.12);
}
input:focus,textarea:focus{
  outline:none!important;
  border-color:var(--neon-pink)!important;
  box-shadow:0 0 14px rgba(255,0,255,.45),0 0 24px rgba(0,229,255,.25)!important;
}
.setdef{color:#fff;}

/* Basis blokken */
.bback,.bbackb,.bbackhover,.bbackhoverb,.bselected,.rselected,.cselected,.liked,.modal_mback,.modal_selected{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(0,229,255,.18)!important;
}
.bhover:hover,.bhoverr:hover,.bbackhover:hover,.bbackhoverb:hover,.blisting:hover,.bpmenu:hover,.bsub:hover,.bmenu:hover,.submenu:hover{
  background:linear-gradient(90deg,rgba(255,0,255,.18),rgba(0,229,255,.13),rgba(0,255,136,.10))!important;
  box-shadow:inset 0 0 18px rgba(0,229,255,.10),0 0 12px rgba(255,0,255,.18);
}
.blisting,.blist,.bborder,.tborder,.lborder,.rborder,.fborder,.ppanel,.modal_mborder,.bmenu,.submenu,.float_top,.float_ctop{
  border-color:rgba(0,229,255,.22)!important;
}

/* Schaduw */
.bshadow,.page_element,.float_menu,.btnshadow,.pboxed{
  box-shadow:var(--glow-soft)!important;
}

/* Headers / footer / panelen */
.bhead,.bfoot,.foot,.back_ptop,.modal_top,.pro_top{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(10,10,24,.96),rgba(28,0,48,.92),rgba(0,38,48,.92))!important;
  border-bottom:1px solid rgba(0,229,255,.55)!important;
  box-shadow:0 0 16px rgba(0,229,255,.28),0 0 28px rgba(255,0,255,.18)!important;
}
.bsidebar,.backglob,.back_panel,.back_modal,.page_element,.back_menu,.back_pmenu,.back_box,.back_input,.back_quote,.tab_menu,.back_priv{
  color:#fff!important;
  background:rgba(12,12,28,.92)!important;
  border:1px solid rgba(0,229,255,.18)!important;
  box-shadow:var(--glow-soft)!important;
  backdrop-filter:none!important;
}
.back_chat{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,0,255,.16),transparent 30%),
    radial-gradient(circle at 80% 10%,rgba(0,229,255,.16),transparent 34%),
    radial-gradient(circle at 55% 100%,rgba(0,255,136,.10),transparent 34%),
    #05050c!important;
  background-repeat:repeat!important;
}
.back_page{background:#080812!important;color:#fff!important;}

/* Neon rainbow kleuren */
.theme_color,.pselected,.menui,.subi,.user{
  background:var(--rainbow);
  background-size:500% 500%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent!important;
  font-weight:800;
  animation:rainbowMove 7s linear infinite;
}
.default_color{color:#bbb;}
.error{color:#ff1744;text-shadow:0 0 8px rgba(255,23,68,.8);}
.success{color:#00ff88;text-shadow:0 0 8px rgba(0,255,136,.8);}
.warn{color:#fff200;text-shadow:0 0 8px rgba(255,242,0,.8);}

/* Knoppen */
.theme_btn,.back_theme,.ok_btn,.warn_btn,.delete_btn,.default_btn,.defaultd_btn,.back_default,.pag_btn,.pagselected{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  background:var(--rainbow)!important;
  background-size:500% 500%!important;
  animation:rainbowMove 6s linear infinite;
  box-shadow:var(--glow)!important;
  text-shadow:0 0 8px rgba(0,0,0,.8);
}
.theme_btn:hover,.back_theme:hover,.ok_btn:hover,.warn_btn:hover,.delete_btn:hover,.default_btn:hover,.pag_btn:hover{
  filter:brightness(1.22);
  transform:translateY(-1px);
}
.send_btn{color:#fff!important;text-shadow:0 0 10px var(--neon-blue);}

/* Chat bubbles */
.mbubble{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,0,255,.20),rgba(0,229,255,.16))!important;
  border:1px solid rgba(0,229,255,.22)!important;
  border-radius:16px!important;
  box-shadow:0 0 12px rgba(0,229,255,.18),0 0 20px rgba(255,0,255,.12)!important;
}
.my_notice,.topic_log{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(255,0,255,.28),rgba(0,229,255,.24),rgba(0,255,136,.18))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:var(--glow-soft)!important;
}
.chat_system,.sys_log,.sub_date,.sub_chat,.sub_priv,.sub_text,.list_mood,.main_post_item,.input_item{
  color:var(--muted)!important;
}
.system_text{background:#101020!important;color:#fff!important;border:1px solid rgba(0,229,255,.25)!important;}

/* Private chat */
.target_private,.hunt_quote{
  color:#fff!important;
  background:linear-gradient(135deg,#651fff,#00e5ff)!important;
  box-shadow:0 0 16px rgba(0,229,255,.35)!important;
}
.hunter_private,.targ_quote{
  color:#fff!important;
  background:linear-gradient(135deg,#ff00ff,#ff1744)!important;
  box-shadow:0 0 16px rgba(255,0,255,.35)!important;
}
.cquote{background:rgba(0,229,255,.15)!important;color:#fff!important;border-left:3px solid var(--neon-pink)!important;}
.reply_item{background:#111120!important;}

/* Meldingen / tags */
.gtag,.bnotify,.foot_notify,.head_notify{
  color:#fff!important;
  background:var(--rainbow)!important;
  background-size:500% 500%!important;
  animation:rainbowMove 5s linear infinite,pulseGlow 1.8s ease-in-out infinite;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:var(--glow)!important;
}
.bprogress{background:linear-gradient(90deg,#00ff88,#00e5ff)!important;color:#001!important;}
.offline{opacity:.46;filter:grayscale(.3);}

/* Avatar / userlist glow */
.avatar,.avav,.list_avatar img,.user_avatar img,.profile_avatar img,img.avatar{
  border:2px solid rgba(0,229,255,.65)!important;
  border-radius:50%!important;
  box-shadow:0 0 10px rgba(0,229,255,.8),0 0 18px rgba(255,0,255,.45)!important;
}
.avatar:hover,.avav:hover,.list_avatar img:hover,.user_avatar img:hover,.profile_avatar img:hover,img.avatar:hover{
  animation:pulseGlow 1.4s ease-in-out infinite;
}

/* Online bolletje extra neon */
.online,.online_icon,.status_online,.user_online{
  background:#00ff88!important;
  box-shadow:0 0 8px #00ff88,0 0 16px #00ff88!important;
}

/* Rank kleuren CodyChat */
.owner,.rank100{color:#ff1744!important;text-shadow:0 0 10px #ff1744,0 0 20px #ff00ff!important;}
.sadmin,.rank90{color:#ff00ff!important;text-shadow:0 0 10px #ff00ff,0 0 20px #8a2be2!important;}
.admin,.rank80{color:#00e5ff!important;text-shadow:0 0 10px #00e5ff,0 0 20px #00e5ff!important;}
.mod,.rank70{color:#00ff88!important;text-shadow:0 0 10px #00ff88,0 0 20px #00ff88!important;}
.vip,.rank50{color:#fff200!important;text-shadow:0 0 10px #fff200,0 0 20px #ff8c00!important;}
.user.rank1,.rank1{color:#fff!important;text-shadow:0 0 8px rgba(0,229,255,.7)!important;}
.guest,.rank0{color:#bbb!important;}

/* Selectbox / slider */
.selectboxit-list,.selectboxit-btn,.selectboxit-options{
  background:#080812!important;
  color:#fff!important;
  border:1px solid rgba(0,229,255,.35)!important;
  box-shadow:var(--glow-soft)!important;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor{
  background:linear-gradient(90deg,rgba(255,0,255,.24),rgba(0,229,255,.18))!important;
  color:#fff!important;
}
.selectboxit-default-arrow{border-top:4px solid var(--neon-pink)!important;}
.boom_slider .ui-widget-content{background:#111120!important;}
.boom_slider .ui-state-default,.boom_slider .ui-state-active,.boom_slider .ui-slider-range{
  background:var(--rainbow)!important;
  box-shadow:var(--glow)!important;
}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#07070d;}
::-webkit-scrollbar-thumb{
  background:var(--rainbow);
  border-radius:20px;
  box-shadow:0 0 12px rgba(0,229,255,.8);
}

/* Animaties */
@keyframes rainbowMove{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}
@keyframes pulseGlow{
  0%,100%{box-shadow:0 0 8px rgba(0,229,255,.75),0 0 18px rgba(255,0,255,.45),0 0 26px rgba(0,255,136,.22);}
  50%{box-shadow:0 0 14px rgba(0,229,255,1),0 0 30px rgba(255,0,255,.8),0 0 46px rgba(0,255,136,.45);}
}

/* Minder animatie voor zwakke pc's */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
}