/* ============================================
   PRICING BUTTONS - CLICKABILITY FIX
   Ensure all buttons are clickable and functional
   ============================================ */

/* ============================================
   1. VIEW DETAILS BUTTON - ENSURE CLICKABLE
   ============================================ */

.pricing-actions .btn-view-details {
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 10 !important;
  position: relative !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  touch-action: manipulation !important;
}

.pricing-actions .btn-view-details * {
  pointer-events: none !important;
}

/* Ensure button is not covered by anything */
.pricing-card-modern .pricing-actions {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

.pricing-card-modern .pricing-actions * {
  pointer-events: auto !important;
}

/* ============================================
   2. PAY BUTTON - ENSURE CLICKABLE
   ============================================ */

.pricing-actions .btn-pay {
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 10 !important;
  position: relative !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  touch-action: manipulation !important;
}

.pricing-actions .btn-pay * {
  pointer-events: none !important;
}

/* ============================================
   3. REMOVE ANY OVERLAY BLOCKING
   ============================================ */

.pricing-card-modern::after {
  pointer-events: none !important;
}

.pricing-card-modern::before {
  pointer-events: none !important;
}

/* ============================================
   4. ENSURE BUTTON CONTAINER IS CLICKABLE
   ============================================ */

.pricing-actions {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 10 !important;
}

.pricing-actions button,
.pricing-actions a {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 11 !important;
}

/* ============================================
   5. FIX FOR CARD HOVER OVERLAYS
   ============================================ */

.pricing-card-modern {
  pointer-events: auto !important;
}

.pricing-card-body {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================
   6. ENSURE NO ELEMENTS BLOCK BUTTONS
   ============================================ */

.pricing-card-features {
  pointer-events: auto !important;
}

.pricing-feature-item {
  pointer-events: auto !important;
}

/* But make sure buttons are on top */
.pricing-actions {
  z-index: 20 !important;
}

.pricing-actions .btn-view-details,
.pricing-actions .btn-pay,
.pricing-actions a {
  z-index: 21 !important;
}

/* ============================================
   7. MOBILE TOUCH FIXES
   ============================================ */

@media (max-width: 768px) {
  .pricing-actions .btn-view-details,
  .pricing-actions .btn-pay,
  .pricing-actions a {
    min-height: 48px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(37, 99, 235, 0.2) !important;
  }
}

/* ============================================
   8. DEBUG - VISUAL INDICATOR (can remove later)
   ============================================ */

.pricing-actions .btn-view-details:active {
  background: linear-gradient(135deg, #1E40AF 0%, #1E3A8A 100%) !important;
  transform: translateY(-1px) scale(0.98) !important;
}

.pricing-actions .btn-pay:active {
  transform: translateY(-1px) scale(0.98) !important;
}