/* Custom CSS for NKB Online Website */

/* Logo scaling */
.logo-1-5x {
  transform: scale(1.0);
}

/* Dropdown menu styles */
.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}


.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

/* Additional utility classes */
.scale-130 {
  transform: scale(1.3);
}

.-mt-50 {
  margin-top: -200px;
}

/* Custom responsive text sizing */
@media (max-width: 768px) {
  .mobile-text-3xl {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem;
  }
}

/* Ensure proper text contrast */
.text-contrast-high {
  color: #000000;
}

/* Custom hover effects */
.hover-lift:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}

/* Custom shadow effects */
.shadow-custom {
  box-shadow: 0 10px 25px rgba(0, 117, 192, 0.1);
}

/* Smooth transitions for all interactive elements */
a, button {
  transition: all 0.3s ease;
}

/* Focus states for accessibility */
a:focus, button:focus {
  outline: none;
}

/* Alternative focus styles for better accessibility */
nav a:focus, nav button:focus {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

/* Dropdown menu focus styles */
.dropdown-menu a:focus {
  background-color: rgba(255, 255, 255, 0.1);
  outline: none;
}

/* Mobile menu focus styles */
#mobile-menu a:focus {
  background-color: rgba(255, 255, 255, 0.1);
  outline: none;
}