/* ================================================================
   EVENT वाली — POPUP ENQUIRY FORM STYLES
   popup.css  |  Add to any page that shows the popup
   ================================================================ */

/* ─── POPUP OVERLAY ─── */
#ev-popup-overlay{
  position:fixed;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(26,10,20,0.6);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  padding:16px;
  opacity:0;visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
}
#ev-popup-overlay.open{opacity:1;visibility:visible;}
 
/* ─── POPUP CARD ─── */
#ev-popup{
  background:#fff;
  border-radius:28px;
  width:100%;max-width:480px;
  position:relative;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(233,30,140,.22);
  transform:translateY(40px) scale(.96);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
#ev-popup-overlay.open #ev-popup{transform:translateY(0) scale(1);}
 
/* ─── TOP GRADIENT BAR ─── */
#ev-popup::before{
  content:'';display:block;height:5px;
  background:linear-gradient(90deg,#E91E8C,#00BCD4,#FFD600);
}
 
/* ─── CLOSE BUTTON ─── */
#ev-popup-close{
  position:absolute;top:14px;right:16px;
  width:32px;height:32px;border-radius:50%;border:none;
  background:rgba(0,0,0,.07);color:#666;
  font-size:18px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;z-index:2;
}
#ev-popup-close:hover{background:#E91E8C;color:#fff;}
 
/* ─── HEADER ─── */
.ev-ph{
  background:linear-gradient(135deg,#FFF0F8,#E0F2F1);
  padding:28px 28px 20px;text-align:center;
}
.ev-ph-balloon{font-size:38px;display:block;margin-bottom:8px;animation:evBounce 1.2s ease-in-out infinite alternate;}
@keyframes evBounce{0%{transform:translateY(0);}100%{transform:translateY(-8px);}}
.ev-ph-title{
  font-family:'Baloo 2',cursive;font-size:22px;font-weight:800;
  color:#C2185B;line-height:1.2;margin-bottom:4px;
}
.ev-ph-sub{font-size:13px;color:#666;line-height:1.5;}
.ev-ph-sub b{color:#E91E8C;}
 
/* ─── BODY / FORM ─── */
.ev-pb{padding:22px 28px 28px;}
 
/* Occasion chips */
.ev-occ-label{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
  color:#888;display:block;margin-bottom:10px;
}
.ev-occ-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;
}
.ev-chip{position:relative;}
.ev-chip input{position:absolute;opacity:0;width:0;height:0;}
.ev-chip label{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  border:2px solid #EEE4D4;border-radius:12px;padding:10px 6px;
  cursor:pointer;font-size:11.5px;font-weight:600;color:#666;
  transition:.18s;text-align:center;
}
.ev-chip label .ev-em{font-size:20px;}
.ev-chip input:checked + label{
  border-color:#E91E8C;background:#FFF0F8;color:#C2185B;
}
.ev-chip label:hover{border-color:#FF4DB8;color:#E91E8C;}
 
/* Input rows */
.ev-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
@media(max-width:420px){.ev-row{grid-template-columns:1fr;}}
.ev-field{margin-bottom:12px;}
.ev-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;display:block;margin-bottom:6px;}
.ev-field input,.ev-field select,.ev-field textarea{
  width:100%;border:2px solid #EEE4D4;background:#FFF8F8;
  border-radius:12px;padding:11px 14px;
  font-family:'Poppins',sans-serif;font-size:14px;color:#1a1a1a;
  outline:none;transition:.2s;
}
.ev-field input:focus,.ev-field select:focus,.ev-field textarea:focus{
  border-color:#E91E8C;background:#fff;
  box-shadow:0 0 0 3px rgba(233,30,140,.1);
}
.ev-field textarea{resize:none;}
 
/* Submit button */
.ev-submit{
  width:100%;background:linear-gradient(135deg,#E91E8C,#FF4DB8);
  color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;
  padding:14px;border:none;border-radius:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 6px 20px rgba(233,30,140,.35);transition:.2s;
  margin-top:4px;
}
.ev-submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(233,30,140,.45);}
.ev-submit:active{transform:translateY(0);}
.ev-note{text-align:center;font-size:11.5px;color:#aaa;margin-top:10px;}
.ev-note span{color:#E91E8C;}
 
/* Skip text */
.ev-skip{
  text-align:center;font-size:12.5px;color:#bbb;margin-top:8px;cursor:pointer;
}
.ev-skip:hover{color:#E91E8C;}
 
/* Loading state */
.ev-submit.loading{pointer-events:none;opacity:.7;}
.ev-submit.loading::after{
  content:'';width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);
  border-top-color:#fff;border-radius:50%;
  animation:evSpin .7s linear infinite;margin-left:8px;
}
@keyframes evSpin{to{transform:rotate(360deg);}}
 
/* ─── TIMER BAR ─── */
.ev-timer-bar{
  height:3px;background:#EEE4D4;position:relative;overflow:hidden;
}
.ev-timer-fill{
  position:absolute;inset:0;
  background:linear-gradient(90deg,#E91E8C,#00BCD4);
  animation:evTimer 3s linear forwards;
  transform-origin:left;
}
@keyframes evTimer{0%{transform:scaleX(0);}100%{transform:scaleX(1);}}