/*
Theme Name: Netyex B2B Marketplace
Theme URI: https://pixelvect.com
Author: Shuvadip Sana
Author URI: https://pixelvect.com
Description: A custom, highly-optimized Tailwind WooCommerce theme for Netyex.
Version: 1.0.0
Text Domain: netyex
*/

/* Smooth transitions for Mega Menus */
.mega-menu-panel {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .mega-menu-panel {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Search input removal of default cross in webkit */
input[type="text"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-results-button,
input[type="text"]::-webkit-search-results-decoration {
    display: none;
}

/* Hide scrollbar for category list but keep functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Custom Accordion transition for mobile */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

/* Smooth Image Zoom on Hover */
.hover-zoom-img { transition: transform 0.5s ease; }
.group:hover .hover-zoom-img { transform: scale(1.05); }

/* Custom Snap Scrolling */
.snap-container { scroll-snap-type: x mandatory; }
.snap-item { scroll-snap-align: start; }

/* ---------- Footer specific styles ---------- */
/* Smooth Link Underline Animation */
.hover-underline {
    position: relative;
    display: inline-block;
}
.hover-underline::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #2563eb;
    transition: width 0.3s ease-in-out;
}
.hover-underline:hover::after {
    width: 100%;
}

/* Mobile Accordion Base Heights */
.footer-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
    opacity: 0;
}
.footer-accordion-content.expanded {
    opacity: 1;
}

/* Override accordion for desktop */
@media (min-width: 768px) {
    .footer-accordion-content {
        max-height: none !important;
        opacity: 1 !important;
        overflow: visible;
    }
}

/* Keyframes for JS generated animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Custom Modern Scrollbar for Menus */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; }