/* Visibility and scrolling fixes for Media River website */

/* Fix to ensure sections and their content are visible */
.horizontal-scroll-container {
  display: block !important;
  width: 100% !important;
  transform: none !important;
}

.scroll-section {
  display: block !important;
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  padding: 80px 0 !important;
  margin-bottom: 40px !important;
  background-color: var(--bg-color);
}

/* Ensure cards and content are visible */
.card-grid, 
.process-steps, 
.pricing-cards, 
.testimonials,
.client-logos {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10 !important;
}

.card, 
.process-step, 
.pricing-card, 
.testimonial {
  opacity: 1 !important;
  visibility: visible !important;
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  z-index: 10 !important;
}

/* Fix potentially problematic animations */
[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Make sure horizontal scrolling doesn't break the layout */
html, body {
  overflow-x: hidden;
  width: 100%;
}

/* Fix navigation links to scroll properly */
html {
  scroll-behavior: smooth;
}

/* Improve section spacing */
#services, 
#process, 
#pricing, 
#clients {
  padding-top: 120px;
  margin-top: -40px;
}

/* Adjust logo position to prevent overlap with language switcher */
.nav-container {
  position: relative;
}

.nav-container .logo {
  margin-left: 70px;
}

/* Adjust language switcher position */
.lang-switcher {
  left: 20px !important;
  z-index: 101 !important;
}

/* Fix transitions that might cause visibility issues */
* {
  transition-duration: 0s !important;
}