/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
/* =====================================================
   NOFRM – WCPA RADIO GROUP FINAL
===================================================== */

/* teljes blokk grid */
.wcpa-radio-group-1769276489376{
  margin: 18px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
}

/* group cím */
.wcpa-radio-group-1769276489376 > label{
  grid-column: 1 / -1 !important;
  text-align:center !important;
  margin-bottom: 10px !important;
  color:#eafff4 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  text-shadow:0 0 14px rgba(0,255,136,.35) !important;
}

/* radio sor */
.wcpa-radio-group-1769276489376 .wcpa_radio{
  position: relative !important;
}

/* natív radio teljes eltüntetése */
.wcpa-radio-group-1769276489376 .wcpa_radio input[type="radio"],
.wcpa-radio-group-1769276489376 .wcpa_radio input[type="radio"]::before,
.wcpa-radio-group-1769276489376 .wcpa_radio input[type="radio"]::after{
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  position:absolute !important;
}

/* üveg pill */
.wcpa-radio-group-1769276489376 .wcpa_radio label{
  position: relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  padding: 16px 18px !important;
  border-radius: 22px !important;

  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 14px 45px rgba(0,0,0,.55) !important;

  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;

  color:#eafff4 !important;
  font-weight:900 !important;
  font-size:15px !important;
  letter-spacing:.03em !important;

  cursor:pointer !important;
  transition:.2s !important;
}

/* hover */
.wcpa-radio-group-1769276489376 .wcpa_radio label:hover{
  transform: translateY(-3px) !important;
  box-shadow:
    0 18px 65px rgba(0,0,0,.7),
    0 0 40px rgba(0,255,136,.25) !important;
}

/* SELECTED – brutál neon */
.wcpa-radio-group-1769276489376 .wcpa_radio input[type="radio"]:checked + label{
  background: rgba(0,255,136,.08) !important;
  border-color: rgba(0,255,136,.5) !important;
  box-shadow:
    0 22px 90px rgba(0,0,0,.75),
    0 0 0 1px rgba(0,255,136,.35),
    0 0 60px rgba(0,255,136,.6),
    0 0 120px rgba(0,255,136,.35) !important;
  animation: nofrm-radio-pulse 1.3s ease-in-out infinite !important;
}

/* sarok neon pont */
.wcpa-radio-group-1769276489376 .wcpa_radio input[type="radio"]:checked + label::after{
  content:"";
  position:absolute;
  top:10px;
  right:12px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#00ff88;
  box-shadow:
    0 0 14px rgba(0,255,136,1),
    0 0 28px rgba(0,255,136,.7),
    0 0 50px rgba(0,255,136,.4);
}

/* pulse anim */
@keyframes nofrm-radio-pulse{
  0%{ filter: brightness(1); }
  50%{ filter: brightness(1.18); }
  100%{ filter: brightness(1); }
}

/* mobil */
@media (max-width:600px){
  .wcpa-radio-group-1769276489376{
    grid-template-columns: 1fr !important;
  }
}

.wcpa_form_outer .wcpa_form_item .wcpa_radio .wcpa_check{
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  display: none !important;
}




/* 2. opció = Legnépszerűbb */
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(2) label{
  border-color: rgba(255,215,0,.45) !important;
  box-shadow:
    0 0 20px rgba(255,215,0,.25),
    0 0 40px rgba(255,215,0,.15) !important;
}

/* kis sárga pötty sarokban */
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(2) label::before{
  content:"★";
  position:absolute;
  top:8px;
  left:12px;
  color:#ffd700;
  font-size:14px;
  text-shadow:
    0 0 8px rgba(255,215,0,.9),
    0 0 18px rgba(255,215,0,.6);
}

/* ha épp ez van kiválasztva → még brutálisabb */
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(2) input:checked + label{
  box-shadow:
    0 0 30px rgba(255,215,0,.45),
    0 0 60px rgba(255,215,0,.35),
    0 0 120px rgba(255,215,0,.25) !important;
}







/* "NÉPSZERŰ" felirat a 2. box FÖLÉ */
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(2){
  position: relative;
}

.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(2)::before{
  content:"NÉPSZERŰ";
  position:absolute;
  top:-20px;
  left:18px;

  padding:3px 10px;
  border-radius:999px;

  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;

  color:#050507;
  background: linear-gradient(90deg,#ffd700,#ffb700);

  box-shadow:
    0 0 12px rgba(255,215,0,.9),
    0 0 24px rgba(255,215,0,.5);

  z-index:5;
}


/* 4. és 5. opció = TÖBBSZÖRÖS KÉP (világoskék badge) */
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(4),
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(5),
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(6){
  position: relative;
}

.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(4)::before,
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(5)::before,
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(6)::before{
  content:"TÖBBSZÖRÖS KÉP";
  position:absolute;
  top:-20px;
  left:18px;

  padding:3px 10px;
  border-radius:999px;

  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;

  color:#050507;
  background: linear-gradient(90deg,#8fe7ff,#4ccfff);

  box-shadow:
    0 0 12px rgba(143,231,255,.95),
    0 0 24px rgba(76,207,255,.55);

  z-index:5;
}



/* 4. és 5. opció = CSAK kiválasztva kap kék glow */
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(4) input:checked + label,
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(5) input:checked + label,
.wcpa-radio-group-1769276489376 .wcpa_radio:nth-child(6) input:checked + label{
  border-color: rgba(76,207,255,.6) !important;
  box-shadow:
    0 0 35px rgba(76,207,255,.55),
    0 0 70px rgba(76,207,255,.4),
    0 0 140px rgba(76,207,255,.25) !important;
}