.elementor-58 .elementor-element.elementor-element-757fad0{--display:flex;}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-58 .elementor-element.elementor-element-c3b1988{text-align:center;}.elementor-58 .elementor-element.elementor-element-c3b1988 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-58 .elementor-element.elementor-element-999c44a .elementor-menu-toggle{margin:0 auto;}.elementor-58 .elementor-element.elementor-element-999c44a .elementor-nav-menu .elementor-item{font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-999c44a *//* ----------------------------------------------
   استایل اختصاصی منوی انتخاب کلاس (Nav Menu)
   هماهنگ با منوی اصلی هنرستان
   دارای افکت مدرن، زیرمنوی شیشه‌ای و انیمیشن
------------------------------------------------- */

/* 1. ریاستایل کانتینر اصلی منو */
.elementor-element-999c44a {
    direction: rtl;
}

/* 2. استایل آیتم‌های اصلی منو (در حالت عادی) */
.elementor-element-999c44a .elementor-nav-menu--main .elementor-item {
    font-family: 'Vazirmatn', 'IRANSans', 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #2c3e66;
    padding: 8px 16px;
    transition: all 0.3s ease;
    position: relative;
}

/* 3. خط زیرین پویا با گرادینت (افکت underline) */
.elementor-element-999c44a .elementor-nav-menu--main .elementor-item:before,
.elementor-element-999c44a .elementor-nav-menu--main .elementor-item:after {
    background: linear-gradient(90deg, #ff8c00, #ff2e63);
    height: 3px;
    border-radius: 10px;
}

/* 4. رنگ و افکت hover روی آیتم‌های اصلی */
.elementor-element-999c44a .elementor-nav-menu--main .elementor-item:hover {
    color: #ff5e14;
    transform: translateY(-2px);
}

.elementor-element-999c44a .elementor-nav-menu--main .elementor-item:active {
    color: #ff2e63;
}

/* 5. آیتم فعال (current menu item) */
.elementor-element-999c44a .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-element-999c44a .elementor-nav-menu--main .current-menu-item .elementor-item {
    color: #ff5e14;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(255, 94, 20, 0.2);
}

/* 6. فلش زیرمنو (آیکون کشویی) */
.elementor-element-999c44a .elementor-nav-menu--main .sub-arrow {
    color: #ff8c00;
    font-size: 14px;
    transition: transform 0.2s;
}

.elementor-element-999c44a .elementor-nav-menu--main .elementor-item:hover .sub-arrow {
    transform: rotate(180deg);
    color: #ff2e63;
}

/* 7. استایل کانتینر منو در حالت دسکتاپ (بدون تغییر در پس‌زمینه کلی) */
/* در صورت تمایل به افکت شیشه‌ای برای کل منو، می‌توانید از کد زیر استفاده کنید */
/*
.elementor-element-999c44a .elementor-nav-menu--main {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(12px);
    border-radius: 50px;
    padding: 5px 15px;
}
*/

/* 8. زیرمنو (dropdown) - افکت شیشه‌ای و سایه مدرن */
.elementor-element-999c44a .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
    border: none;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.05);
    padding: 12px 0;
    margin-top: 12px !important;
}

/* انیمیشن محو و پایین آمدن زیرمنو */
@keyframes dropdownFade {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.elementor-element-999c44a .elementor-nav-menu--dropdown {
    animation: dropdownFade 0.25s ease forwards;
}

/* 9. آیتم‌های داخل زیرمنو */
.elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item {
    font-family: 'Vazirmatn', 'IRANSans', sans-serif;
    font-size: 0.9rem;
    font-weight: 450;
    color: #1e2a47;
    padding: 10px 24px;
    transition: all 0.2s;
    border-right: 3px solid transparent;
}

/* 10. افکت hover روی آیتم‌های زیرمنو */
.elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background: linear-gradient(90deg, rgba(255,140,0,0.08), rgba(255,46,99,0.05));
    color: #ff5e14;
    border-right-color: #ff8c00;
    padding-right: 28px;
}

/* 11. آیتم فعال در زیرمنو */
.elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
    background: rgba(255, 140, 0, 0.12);
    color: #ff5e14;
    font-weight: 500;
    border-right-color: #ff2e63;
}

/* 12. استایل دکمه همبرگر (burger menu) */
.elementor-element-999c44a .elementor-menu-toggle {
    background: linear-gradient(135deg, #ff8c00, #ff2e63);
    border-radius: 50%;
    padding: 10px;
    transition: all 0.2s;
    box-shadow: 0 5px 12px rgba(255, 46, 99, 0.3);
}

.elementor-element-999c44a .elementor-menu-toggle:hover {
    transform: scale(1.05);
    background: linear-gradient(135deg, #ff9e2c, #ff4b7a);
    box-shadow: 0 8px 18px rgba(255, 46, 99, 0.5);
}

.elementor-element-999c44a .elementor-menu-toggle .e-font-icon-svg {
    fill: white;
    width: 22px;
    height: 22px;
}

/* 13. منوی موبایل (بازشونده) */
@media (max-width: 1024px) {
    .elementor-element-999c44a .elementor-nav-menu--dropdown {
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(20px);
        border-radius: 28px;
        margin-top: 15px;
        padding: 15px 0;
        box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    }
    
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-item,
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item {
        font-size: 1rem;
        padding: 12px 25px;
        border-right: none;
    }
    
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item:hover {
        padding-right: 30px;
        border-right: 3px solid #ff8c00;
    }
    
    /* جداسازی آیتم‌ها با خط نازک */
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-item,
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item {
        border-bottom: 1px solid rgba(0,0,0,0.04);
    }
    
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-item:last-child,
    .elementor-element-999c44a .elementor-nav-menu--dropdown .elementor-sub-item:last-child {
        border-bottom: none;
    }
}

/* 14. ریسپانسیو برای موبایل کوچک */
@media (max-width: 640px) {
    .elementor-element-999c44a .elementor-item {
        font-size: 0.9rem;
        padding: 6px 12px;
    }
    .elementor-element-999c44a .elementor-menu-toggle {
        padding: 8px;
    }
}

/* 15. استایل ویژه برای آیتم منوی "انتخاب کلاس" (اختیاری - هایلایت ملایم) */
.elementor-element-999c44a .menu-item-has-children > .elementor-item {
    background: rgba(255, 140, 0, 0.05);
    border-radius: 40px;
}/* End custom CSS */