/**
 * Rucalen Elementor - Custom Styles
 *
 * @package Rucalen_Elementor
 */

/* ========================================
   ELEMENTOR ENHANCEMENTS
   ======================================== */

/* Smooth scroll for anchor links */
html {
  scroll-behavior: smooth;
}

/* Elementor button enhancements */
.elementor-button {
  transition: all 0.3s ease !important;
}

.elementor-button:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 20px rgba(45, 90, 74, 0.2);
}

/* Form field focus states */
.elementor-field-textual:focus {
  border-color: #2D5A4A !important;
  box-shadow: 0 0 0 3px rgba(45, 90, 74, 0.1) !important;
}

/* Card hover effects */
.elementor-widget-icon-box .elementor-widget-container,
.elementor-widget-image-box .elementor-widget-container {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-widget-icon-box:hover .elementor-widget-container,
.elementor-widget-image-box:hover .elementor-widget-container {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(45, 90, 74, 0.12);
}

/* Image zoom on hover */
.elementor-widget-image .elementor-image img {
  transition: transform 0.5s ease;
}

.elementor-widget-image:hover .elementor-image img {
  transform: scale(1.05);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #FAF9F6;
}

::-webkit-scrollbar-thumb {
  background: #2D5A4A;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1E3A2F;
}

/* Animation delays for staggered reveals */
.elementor-element[data-settings*="animation"] {
  animation-fill-mode: both;
}

/* Print styles */
@media print {
  .elementor-element[data-settings*="background_background"] {
    background: none !important;
  }
  
  .elementor-button {
    border: 1px solid #2D5A4A !important;
  }
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  .elementor-widget-heading h1 {
    font-size: 32px !important;
  }
  
  .elementor-widget-heading h2 {
    font-size: 28px !important;
  }
}