/* GO Popups - Professional Popup Styles */

/* ===========================================
   ANIMATIONS
   =========================================== */

@keyframes goPopupFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes goPopupSlideUp {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes goPopupShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

@keyframes goPopupPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* ===========================================
   BASE OVERLAY & CONTAINER
   =========================================== */

.go-popup-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.8) !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: goPopupFadeIn 0.3s ease;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.go-popup-overlay * {
  box-sizing: border-box !important;
}

.go-popup-overlay .go-popup-box {
  background: #fff !important;
  padding: 35px 40px !important;
  border-radius: 16px !important;
  max-width: 520px !important;
  width: 90% !important;
  position: relative !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
  animation: goPopupSlideUp 0.4s ease;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif !important;
}

/* ===========================================
   CLOSE BUTTON
   =========================================== */

.go-popup-overlay .go-popup-close {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  background: #f5f5f5 !important;
  border: none !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  font-size: 20px !important;
  cursor: pointer !important;
  color: #666 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: all 0.2s !important;
  font-weight: bold !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.go-popup-overlay .go-popup-close:hover {
  background: #e0e0e0 !important;
  color: #333 !important;
  transform: rotate(90deg) !important;
}

/* ===========================================
   BADGES
   =========================================== */

.go-popup-overlay .go-popup-badge {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  display: inline-block !important;
  margin-bottom: 15px !important;
  border: none !important;
}

.go-popup-overlay .go-popup-badge.urgency {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
  animation: goPopupShake 2s infinite;
}

.go-popup-overlay .go-popup-badge.exclusive {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
}

.go-popup-overlay .go-popup-badge.success {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

.go-popup-overlay .go-popup-badge.warning {
  background: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%) !important;
}

/* ===========================================
   TYPOGRAPHY
   =========================================== */

.go-popup-overlay .go-popup-question {
  margin: 0 0 10px !important;
  font-size: 28px !important;
  color: #1a1a1a !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

.go-popup-overlay .go-popup-text {
  margin: 0 0 18px !important;
  color: #555 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  font-size: 16px !important;
  padding: 0 !important;
}

/* ===========================================
   SOLUTION BOX
   =========================================== */

.go-popup-overlay .go-popup-solution {
  background: #f8f9fa !important;
  padding: 15px 20px !important;
  border-radius: 8px !important;
  margin: 18px 0 !important;
  border-left: 4px solid #0073aa !important;
}

.go-popup-overlay .go-popup-solution strong {
  color: #0073aa !important;
  display: block !important;
  font-size: 15px !important;
  margin-bottom: 5px !important;
}

.go-popup-overlay .go-popup-solution p {
  margin: 0 !important;
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.5 !important;
}

/* ===========================================
   PRICING
   =========================================== */

.go-popup-overlay .go-popup-pricing {
  text-align: center !important;
  margin: 18px 0 !important;
  padding: 0 !important;
}

.go-popup-overlay .go-popup-price-old {
  font-size: 22px !important;
  color: #999 !important;
  text-decoration: line-through !important;
  margin-right: 10px !important;
  font-weight: 500 !important;
}

.go-popup-overlay .go-popup-price-new {
  font-size: 38px !important;
  color: #0073aa !important;
  font-weight: 900 !important;
  display: inline-block !important;
}

.go-popup-overlay .go-popup-price-label {
  font-size: 13px !important;
  color: #666 !important;
  display: block !important;
  margin-top: 6px !important;
}

/* ===========================================
   CTA BUTTON (DEFAULT BLUE THEME)
   =========================================== */

.go-popup-overlay .go-popup-cta {
  display: inline-block !important;
  background: linear-gradient(135deg, #0073aa 0%, #005a87 100%) !important;
  color: #fff !important;
  padding: 14px 35px !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  transition: all 0.3s !important;
  box-shadow: 0 6px 20px rgba(0, 115, 170, 0.4) !important;
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

.go-popup-overlay .go-popup-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 115, 170, 0.5) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ===========================================
   FEATURES LIST
   =========================================== */

.go-popup-overlay .go-popup-features {
  margin: 12px 0 0 !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #999 !important;
  padding: 0 !important;
}

.go-popup-overlay .go-popup-features span {
  margin: 0 6px !important;
}

/* ===========================================
   STATS BOX
   =========================================== */

.go-popup-overlay .go-popup-stat {
  background: #e8f4f8 !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  margin: 15px 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  color: #0073aa !important;
  font-weight: 600 !important;
}

/* ===========================================
   FORM INPUTS (for email capture templates)
   =========================================== */

.go-popup-overlay .go-popup-input {
  width: 100% !important;
  padding: 12px 15px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  margin-bottom: 12px !important;
  transition: border-color 0.2s !important;
  font-family: inherit !important;
}

.go-popup-overlay .go-popup-input:focus {
  outline: none !important;
  border-color: #0073aa !important;
}

/* ===========================================
   ICON WRAPPER
   =========================================== */

.go-popup-overlay .go-popup-icon {
  font-size: 48px !important;
  margin-bottom: 15px !important;
  display: block !important;
  text-align: center !important;
}

/* ===========================================
   DIVIDER
   =========================================== */

.go-popup-overlay .go-popup-divider {
  height: 1px !important;
  background: #e0e0e0 !important;
  margin: 20px 0 !important;
  border: none !important;
}

/* ===========================================
   THEME VARIATIONS
   =========================================== */

/* SUCCESS GREEN THEME */
.go-popup-overlay .go-popup-box.theme-success .go-popup-cta {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
  box-shadow: 0 6px 20px rgba(17, 153, 142, 0.4) !important;
}

.go-popup-overlay .go-popup-box.theme-success .go-popup-cta:hover {
  box-shadow: 0 8px 25px rgba(17, 153, 142, 0.5) !important;
}

.go-popup-overlay .go-popup-box.theme-success .go-popup-solution {
  border-left-color: #11998e !important;
}

.go-popup-overlay .go-popup-box.theme-success .go-popup-solution strong {
  color: #11998e !important;
}

.go-popup-overlay .go-popup-box.theme-success .go-popup-stat {
  background: #e8f8f5 !important;
  color: #11998e !important;
}

.go-popup-overlay .go-popup-box.theme-success .go-popup-price-new {
  color: #11998e !important;
}

/* PREMIUM DARK THEME */
.go-popup-overlay .go-popup-box.theme-dark {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
  color: #fff !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-question {
  color: #fff !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-text {
  color: #ecf0f1 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-close {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-cta {
  background: linear-gradient(135deg, #f39c12 0%, #e74c3c 100%) !important;
  box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4) !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-cta:hover {
  box-shadow: 0 8px 25px rgba(243, 156, 18, 0.5) !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-solution {
  background: rgba(255, 255, 255, 0.1) !important;
  border-left-color: #f39c12 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-solution strong {
  color: #f39c12 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-solution p {
  color: #ecf0f1 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-stat {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #f39c12 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-price-new {
  color: #f39c12 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-price-label {
  color: #bdc3c7 !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-input {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.go-popup-overlay .go-popup-box.theme-dark .go-popup-input:focus {
  border-color: #f39c12 !important;
}

/* MINIMAL CLEAN THEME */
.go-popup-overlay .go-popup-box.theme-minimal {
  padding: 40px !important;
  max-width: 440px !important;
}

.go-popup-overlay .go-popup-box.theme-minimal .go-popup-question {
  font-size: 24px !important;
  font-weight: 700 !important;
}

.go-popup-overlay .go-popup-box.theme-minimal .go-popup-cta {
  background: #000 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.go-popup-overlay .go-popup-box.theme-minimal .go-popup-cta:hover {
  background: #333 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ===========================================
   MOBILE RESPONSIVE
   =========================================== */

@media (max-width: 600px) {
  .go-popup-overlay .go-popup-box {
    padding: 30px 25px !important;
    width: 95% !important;
  }
  
  .go-popup-overlay .go-popup-question {
    font-size: 23px !important;
  }
  
  .go-popup-overlay .go-popup-text {
    font-size: 15px !important;
  }
  
  .go-popup-overlay .go-popup-price-new {
    font-size: 34px !important;
  }
  
  .go-popup-overlay .go-popup-cta {
    padding: 13px 28px !important;
    font-size: 16px !important;
  }
  
  .go-popup-overlay .go-popup-close {
    width: 28px !important;
    height: 28px !important;
    font-size: 18px !important;
  }
}