/* Load Vazir font */
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir.woff2') format('woff2'),
         url('../fonts/vazir/Vazir.woff') format('woff'),
         url('../fonts/vazir/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Force all major Vuexy sections to use Vazir */
canvas,
body,
.content,
.app-content,
.main-menu,
.menu-area,
.main-menu *,
.container *,
.vertical-menu,
.navigation,
.navigation li,
.navigation a,
.header-navbar,
.header-navbar *,
.navbar,
.box-text,
.box-title,
.sec-title,
.tooltip,
.chartjs,
.bar-chart-ex,
.navbar * {
    font-family: 'Vazir', Inter, sans-serif !important;
}

/* Active Menu State */
.main-menu ul li.current-menu-item > a {
    color: var(--theme-color2, #3E66F3);
}

.main-menu ul li.current-menu-item > a::before {
    width: 100%;
    right: unset;
    left: 0;
}

.th-mobile-menu ul li.current-menu-item > a {
    color: var(--theme-color2, #3E66F3);
    font-weight: 600;
}

/* Service Slider Arrows - ensure visibility */
/* .slider-wrap .slider-controller .slider-arrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 56px;
    background: var(--white-color);
    border: 1px solid #eee;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
} */

/* .slider-wrap .slider-controller .slider-arrow:hover {
    background: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

.slider-wrap .slider-controller .slider-arrow i {
    font-size: 18px;
} */