.elementor-4060 .elementor-element.elementor-element-4f07713 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4060 .elementor-element.elementor-element-4f07713 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4060 .elementor-element.elementor-element-ea7a8f0 > .elementor-widget-container{margin:0px -12px 0px -6px;}}/* Start custom CSS */.vol{
    display: none !important;
}

.play-btn{
    padding: 0px !important;
}

.pill #nowTime, .pill #time{
    display: none !important;
    
}

.ctrl-btn, .fav-tog{
    z-index: 1;
}

#nowFavBtn{
    padding: 0;
}


/* ===== Mesmerising Poll UI ===== */
#pollCard{
  --glass-bg: rgba(255,255,255,.65);
  --glass-brd: rgba(255,255,255,.45);
  --shadow: 0 20px 60px rgba(2,6,23,.15), 0 8px 24px rgba(2,6,23,.08);
  position: relative;
  border: 1px solid var(--glass-brd);
  border-radius: 22px;
  padding: 20px;
  background:
    radial-gradient(1200px 500px at -10% -20%, rgba(23,182,162,.25) 0%, transparent 60%),
    radial-gradient(900px 420px at 120% 20%, rgba(109,99,255,.25) 0%, transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.95), var(--glass-bg));
  box-shadow: var(--shadow);
  overflow: hidden;
  backdrop-filter: blur(10px) saturate(1.1);
}

#pollCard::before{
  content:"";
  position:absolute; inset:-40% -40%;
  background: conic-gradient(from 0turn,#17b6a2,#6d63ff,#ff8a3d,#17b6a2);
  filter: blur(28px);
  opacity:.18;
  animation: spin 28s linear infinite;
  z-index:0;
}
@keyframes spin{ to { transform: rotate(1turn); } }

#pollCard > *{ position: relative; z-index: 1; }

/* Title */
#pollContent > div:first-child{
  font-weight: 800 !important;
  font-size: 18px;
  letter-spacing:.2px;
  margin-bottom: 14px !important;
  color:#0f172a;
}

/* Options grid */
#pollOpts{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px !important;
  margin-top: 8px;
}

/* Button-like radio labels */
#pollOpts label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.08);
  color: #0f172a;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(2,6,23,.06);
  transform: translateZ(0);
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,250,255,.85));
  text-align:center;
}

/* Hide the native radio */
#pollOpts label input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Hover/active micro-interactions */
#pollOpts label:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(2,6,23,.10);
}

/* Checked styles (using :has for wide modern support) */
#pollOpts label:has(input:checked){
  color:#0b1324;
  border-color: rgba(15,23,42,.20);
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 18px 46px rgba(2,6,23,.18);
  filter: saturate(1.05) contrast(1.02);
}

/* Colored variants per option */
#pollOpts label:nth-child(1){ background: linear-gradient(135deg,#ecfff9,#c9fff2); }
#pollOpts label:nth-child(2){ background: linear-gradient(135deg,#eef1ff,#dbdfff); }
#pollOpts label:nth-child(3){ background: linear-gradient(135deg,#fff2ec,#ffe0d0); }
#pollOpts label:nth-child(4){ background: linear-gradient(135deg,#f3ecff,#e7dbff); }
#pollOpts label:nth-child(5){ background: linear-gradient(135deg,#fff6ec,#ffead1); }

/* Optional “selected glow” ring */
#pollOpts label:has(input:checked)::after{
  content:"";
  position:absolute; inset:-3px;
  border-radius: 16px;
  background: radial-gradient(80% 80% at 50% 50%, rgba(255,255,255,.7), transparent 60%),
              linear-gradient(135deg, rgba(23,182,162,.25), rgba(109,99,255,.25));
  mix-blend-mode: screen;
  pointer-events:none;
}

/* Vote button */
#voteBtn{
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 800;
  letter-spacing:.2px;
  background: linear-gradient(135deg,#17b6a2,#6d63ff);
  color:#fff;
  border: none;
  box-shadow: 0 14px 34px rgba(23,182,162,.35);
  transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
#voteBtn:hover{ transform: translateY(-1px); box-shadow: 0 18px 44px rgba(23,182,162,.4); }
#voteBtn:active{ transform: translateY(0); }

/* Success/notice text */
#pollMsg{ color:#0f172a !important; font-weight:600; }

/* Mobile polish */
@media (max-width: 420px){
  #pollContent > div:first-child{ font-size: 16px; }
  #pollOpts{ grid-template-columns: 1fr 1fr; gap: 10px !important; }
  #pollOpts label{ padding: 11px 12px; font-size: 13px; }
  #voteBtn{ width: 100%; }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce){
  #pollCard::before{ animation: none; }
  #pollOpts label,
  #voteBtn{ transition: none; }
}/* End custom CSS */