/* Mobile Touch Device Adjustments for ConsentH */

/* CRITICAL FIX: Show benefit-content on mobile devices */
@media (hover: none) and (pointer: coarse) {
  /* Force content to be visible on touch devices */
  .benefit-card .benefit-content {
    opacity: 1 !important;
    transform: scale(1) !important;
    position: relative !important;
  }
  
  /* Hide the icon-only on touch devices since content is always visible */
  .benefit-card .benefit-icon-only {
    display: none !important;
  }
  
  /* Disable hover animations */
  .benefit-card:hover {
    transform: none !important;
    box-shadow: 0 10px 26px rgba(148, 163, 184, 0.15) !important;
  }
  
  .benefit-card:hover .benefit-content {
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  
  .benefit-card:hover .benefit-icon-only {
    opacity: 0 !important;
    transform: scale(0.8) !important;
  }
  
  /* Remove cursor pointer on mobile */
  .benefit-card {
    cursor: default !important;
  }
}

/* Additional fix for smaller screens */
@media (max-width: 768px) {
  /* Force content to be visible on mobile */
  .benefit-card .benefit-content {
    opacity: 1 !important;
    transform: scale(1) !important;
    position: relative !important;
  }
  
  /* Hide the icon-only on mobile */
  .benefit-card .benefit-icon-only {
    display: none !important;
  }
  
  /* Disable transform effects */
  .benefit-card {
    transform: none !important;
    will-change: auto !important;
    cursor: default !important;
  }
  
  .benefit-card:hover {
    transform: none !important;
  }
}

/* Touch device class support (from JavaScript detection) */
.touch-device.benefit-card .benefit-content {
  opacity: 1 !important;
  transform: scale(1) !important;
  position: relative !important;
}

.touch-device.benefit-card .benefit-icon-only {
  display: none !important;
}

.touch-device.benefit-card {
  cursor: default !important;
}

.touch-device.benefit-card:hover {
  transform: none !important;
  box-shadow: 0 10px 26px rgba(148, 163, 184, 0.15) !important;
}