/* Hover effect untuk cards */
[style*="transition:all 0.3s ease"]:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Hover effect untuk gambar */
[style*="transition:transform 0.3s ease"]:hover {
  transform: scale(1.05) !important;
}

/* Hover effect untuk button */
button:hover {
  background-color: var(--highlight-text) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 137, 30, 0.3) !important;
}

/* Additional button styling */
button {
  transition: all 0.3s ease;
}

/* Card hover enhancements */
[style*="background-color: var(--card)"]:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  h3 {
    font-size: 2.2rem !important;
  }

  [style*="height:300px"] {
    height: 250px !important;
  }
}

@media (max-width: 576px) {
  h3 {
    font-size: 1.8rem !important;
  }

  [style*="height:300px"] {
    height: 220px !important;
  }
}

/* Smooth transitions for all theme-aware elements */
* {
  transition: all 0.2s ease;
}