/* Custom styles for Actualization AI website */

/* Ensure Get In Touch button is always visible */
.get-in-touch-container {
  position: fixed !important;
  bottom: 1.5rem !important;
  right: max(1rem, env(safe-area-inset-right, 1rem)) !important;
  z-index: 50 !important;
  max-width: calc(100vw - 2rem) !important;
}

/* Responsive positioning for small screens */
@media (max-width: 640px) {
  .get-in-touch-container {
    right: 1rem !important;
  }
}

/* Enhanced gradient background for buttons */
.gradient-bg {
  background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
  transition: all 0.3s ease;
}

.gradient-bg:hover {
  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}

/* Section dividers and separators */
.section-divider {
  position: relative;
  padding-bottom: 3rem;
}

.section-divider::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
  border-radius: 2px;
}

/* Subtle animations for interactive elements */
@keyframes pulse-subtle {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

.hover-lift {
  transition: transform 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-3px);
}

/* Improve text readability */
.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.text-shadow-md {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Enhanced focus styles for accessibility */
:focus-visible {
  outline: 2px solid #10b981;
  outline-offset: 2px;
}