/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
/* =========================================
   NOFRM – ULTRA NEON SWITCH BUTTON
========================================= */

/* Alap kapszula */
.nofrm-switch .wcpa_checkbox > label,
.nofrm-switch label[for^="nofrm-switch_"]{

  padding: 14px 22px !important;
  padding-left: 22px !important; /* nincs hely a bogyónak */

  min-height: 54px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(255,60,60,.35) !important;

  color: rgba(255,255,255,.95) !important;

  box-shadow:
    0 0 10px rgba(255,60,60,.25),
    0 0 28px rgba(255,60,60,.15),
    inset 0 0 18px rgba(0,0,0,.65) !important;

  transition: all .25s ease !important;
}

/* Track/bogyó teljes kikapcsolás */
.nofrm-switch label::before,
.nofrm-switch label::after{
  content: none !important;
  display: none !important;
}

/* =========================
   ON állapot – BRUTÁL NEON
========================= */

.nofrm-switch input[type="checkbox"]:checked + label,
.nofrm-switch input[type="checkbox"]:checked ~ label,
.nofrm-switch label:has(> input[type="checkbox"]:checked){

  background: linear-gradient(
    90deg,
    rgba(0,255,136,.18),
    rgba(0,199,255,.18)
  ) !important;

  border: 1px solid rgba(0,255,136,.65) !important;

  box-shadow:
    0 0 18px rgba(0,255,136,.65),
    0 0 42px rgba(0,255,136,.35),
    0 0 70px rgba(0,255,136,.25),
    inset 0 0 25px rgba(0,255,136,.25) !important;

  color: #eafff4 !important;

  animation: nofrm-neon-pulse 1.6s ease-in-out infinite !important;
}

/* Finom lebegő neon animáció */
@keyframes nofrm-neon-pulse{
  0%{
    box-shadow:
      0 0 18px rgba(0,255,136,.65),
      0 0 42px rgba(0,255,136,.35),
      inset 0 0 25px rgba(0,255,136,.25);
  }
  50%{
    box-shadow:
      0 0 28px rgba(0,255,136,.95),
      0 0 60px rgba(0,255,136,.55),
      inset 0 0 35px rgba(0,255,136,.35);
  }
  100%{
    box-shadow:
      0 0 18px rgba(0,255,136,.65),
      0 0 42px rgba(0,255,136,.35),
      inset 0 0 25px rgba(0,255,136,.25);
  }
}

/* Mobil kicsit karcsúbb */
@media (max-width:520px){
  .nofrm-switch .wcpa_checkbox > label,
  .nofrm-switch label[for^="nofrm-switch_"]{
    min-height: 48px !important;
    font-size: 14px !important;
    padding: 12px 18px !important;
  }
}