@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Titr";
    src: url("/fonts/TitrBold.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("/fonts/montserrat-v31-latin-regular.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto-v50-latin-regular.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
/* Custom Dropdown Animation */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.group:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* Smooth height transition for top bar */
#top-bar {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

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

::-webkit-scrollbar-track {
    background: #18181b;
}

::-webkit-scrollbar-thumb {
    background: #3f3f46;
    border-radius: 4px;
}

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

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}