/*
Theme Name: Meldy Fasteners
Theme URI: https://meldyfasteners.com
Author: TrinayDigital
Description: Custom B2B theme for Meldy Fasteners LLP. Fully responsive, Tailwind CSS, GSAP animated.
Version: 1.2.0
Text Domain: meldy
*/

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

::-webkit-scrollbar-track {
  background: #0a1128;
}

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

::-webkit-scrollbar-thumb:hover {
  background: #ff5a00;
}

html {
  scroll-behavior: smooth;
}

/* Hide scrollbar for slider */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Prevent WP Admin Bar from overlapping the fixed navbar */
.admin-bar #navbar { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar #navbar { top: 46px; } }

/* Hide scrollbars for mobile slider */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Dynamic Menu Styling */
.desktop-nav-menu li a {
    font-size: 0.875rem; /* text-sm */
    font-weight: 600; /* font-semibold */
    color: #D1D5DB; /* text-gray-300 */
    transition: color 0.3s;
}
.desktop-nav-menu li.current-menu-item a,
.desktop-nav-menu li a:hover {
    color: #FF5A00; /* text-brand-orange */
}

.mobile-nav-menu li a {
    display: block;
    padding: 0.5rem 0.75rem; /* px-3 py-2 */
    font-size: 1rem; /* text-base */
    font-weight: 600; /* font-semibold */
    color: #D1D5DB; /* text-gray-300 */
    border-radius: 0.375rem; /* rounded-md */
    transition: all 0.3s;
}
.mobile-nav-menu li.current-menu-item a,
.mobile-nav-menu li a:hover {
    color: #FF5A00; /* text-brand-orange */
    background-color: #060B19; /* bg-brand-navy */
}

/* Footer Nav Styling */
.footer-nav-menu li a {
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    color: #9CA3AF; /* text-gray-400 */
    transition: color 0.3s;
}
.footer-nav-menu li a:hover {
    color: #FF5A00; /* text-brand-orange */
}

/* Lenis Smooth Scroll Fixes */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

/* Text Split Animation Styles */
.split-char { display: inline-block; opacity: 0; transform: translateY(100%); }
.split-word { display: inline-block; overflow: hidden; vertical-align: bottom; }