/* ============================================
   PRICING CARDS VISIBILITY FIX
   Ensures cards are always visible and don't disappear
   ============================================ */

/* CRITICAL: Ensure cards are visible by default */
.pricing-card,
.pricing-card-modern {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  transform: translateY(0) !important;
  position: relative !important;
}

/* Ensure card content is visible */
.pricing-card-header,
.pricing-plan-features,
.pricing-actions {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.pricing-card-header {
  flex-direction: column !important;
}

.pricing-plan-features {
  flex-direction: column !important;
}

.pricing-actions {
  flex-direction: column !important;
}

/* Override any hiding rules */
.pricing-card .pricing-card-header,
.pricing-card .pricing-plan-features,
.pricing-card .pricing-actions {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure grid is visible */
.pricing-grid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Cards should be visible immediately, animation is optional */
.pricing-card:not(.animate-in),
.pricing-card-modern:not(.animate-in) {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  transform: translateY(0) !important;
}

/* Animation should not hide cards */
.pricing-card.animate-in,
.pricing-card-modern.animate-in {
  opacity: 1 !important;
  visibility: visible !important;
  animation-fill-mode: forwards !important;
}

/* Prevent any fade out animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Ensure no other animations hide cards */
.pricing-card,
.pricing-card-modern {
  animation: none !important;
}

.pricing-card.animate-in,
.pricing-card-modern.animate-in {
  animation: fadeInUp 0.6s ease-out forwards !important;
}

/* Mobile visibility */
@media (max-width: 768px) {
  .pricing-card,
  .pricing-card-modern {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
  }
}