@tailwind base;
@tailwind components;
@tailwind utilities;
@import './icomoon/style.css';

/* Additional menu improvements */
.menu_mobile .nav_mobile .nav_item .ph-caret-right {
    transition: transform 0.3s ease;
}

.menu_mobile .nav_mobile .nav_item .ph-caret-right.rotate-90 {
    transform: rotate(90deg);
}

/* Improve menu hover effects */
.navigator > ul > li > a:hover {
    color: var(--primary);
}

.navigator .sub_menu .link:hover {
    background-color: #f8f9fa;
    color: var(--primary);
}

/* Better mobile menu transitions */
.menu_mobile .nav_mobile .nav_item > a:hover {
    color: var(--primary);
}

.menu_mobile .sub_nav_mobile,
.menu_mobile .sub_nav_mobile2 {
    transition: all 0.3s ease;
}

/* Improve search input focus */
.form-search input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Better button hover effects */
.menu_mobile_close:hover {
    background-color: #e9ecef;
}

/* Improve caret animations */
.ph-caret-down,
.ph-caret-right {
    transition: transform 0.3s ease;
}

/* Better shadow for dropdowns */
.sub_menu,
.sub_menu_two {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Improve mobile menu backdrop */
.menu_mobile.open {
    backdrop-filter: blur(5px);
}