/* Custom styles for Rotha Investments LP */

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

/* Swiper overrides */
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #D4D4D4 !important;
  opacity: 1 !important;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  width: 10px !important;
  height: 10px !important;
  background: #C5A55A !important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 48px !important;
  height: 48px !important;
  background: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #E0E0E0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #F5F0EB;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 18px !important;
  color: #1C1C1C;
  font-weight: bold;
}

/* Navbar transparent → white transition (desktop only) */
@media (min-width: 1024px) {
  .nav-transparent {
    background: transparent !important;
  }

  .nav-transparent .nav-logo-main {
    color: #FFFFFF;
  }

  .nav-transparent .nav-logo-sub {
    color: rgba(255, 255, 255, 0.6);
  }

  .nav-transparent .nav-link {
    color: rgba(255, 255, 255, 0.85);
  }

  .nav-transparent .nav-link:hover {
    color: #C5A55A;
  }

  .nav-transparent .nav-lang-trigger {
    border-color: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
  }

  .nav-transparent .nav-lang-trigger:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .nav-transparent .nav-hamburger-icon {
    color: #FFFFFF;
  }

  /* Remove drop-shadow when navbar is white (scrolled) */
  .nav-logo {
    filter: none;
  }

  .nav-transparent .nav-logo {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  }
}

/* Navbar scroll shadow */
.nav-scrolled {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
}

/* Mobile menu */
.mobile-menu {
  transform: translateX(100%);
  transition: transform 0.3s ease;
}

.mobile-menu.open {
  transform: translateX(0);
}

/* Language dropdown */
.lang-dropdown {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
}

.lang-dropdown.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Scroll animations */
.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Body scroll lock */
body.menu-open {
  overflow: hidden;
}