.elementor-17555 .elementor-element.elementor-element-75bc5af7{--display:flex;--position:absolute;--min-height:85px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}.elementor-17555 .elementor-element.elementor-element-75bc5af7, .elementor-17555 .elementor-element.elementor-element-75bc5af7::before{--border-transition:0.3s;}body:not(.rtl) .elementor-17555 .elementor-element.elementor-element-75bc5af7{left:0px;}body.rtl .elementor-17555 .elementor-element.elementor-element-75bc5af7{right:0px;}.elementor-17555 .elementor-element.elementor-element-452fe163{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;}.elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img{border-color:var( --e-global-color-primary );}.elementor-widget-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17555 .elementor-element.elementor-element-5ef313eb .hfe-site-logo-container, .elementor-17555 .elementor-element.elementor-element-5ef313eb .hfe-caption-width figcaption{text-align:center;}.elementor-17555 .elementor-element.elementor-element-5ef313eb .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-17555 .elementor-element.elementor-element-5ef313eb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17555 .elementor-element.elementor-element-5ef313eb .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-17555 .elementor-element.elementor-element-189f7644{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );} .elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 ul.sub-menu{width:220px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu a.hfe-sub-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .hfe-nav-menu__toggle{margin-left:auto;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu a.hfe-sub-menu-item{color:#FFFFFF;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-menu-item:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu a.hfe-sub-menu-item:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item.current-menu-item a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-menu-item.highlighted, .elementor-17555 .elementor-element.elementor-element-ea2e040 .menu-item a.hfe-menu-item:focus{color:#FDE68A;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu a.hfe-sub-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 .elementor-menu-toggle, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:#FFFFFF;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu a.hfe-sub-menu-item:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 .elementor-menu-toggle:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li a.hfe-menu-item:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li a.hfe-sub-menu-item:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover{color:#FDE68A;}.elementor-17555 .elementor-element.elementor-element-ea2e040 .sub-menu li.menu-item:not(:last-child), .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-17555 .elementor-element.elementor-element-ea2e040 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-17555 .elementor-element.elementor-element-2458505{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17555 .elementor-element.elementor-element-75bc5af7{--justify-content:center;}.elementor-17555 .elementor-element.elementor-element-452fe163{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17555 .elementor-element.elementor-element-189f7644{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}}@media(max-width:767px){.elementor-17555 .elementor-element.elementor-element-189f7644{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-17555 .elementor-element.elementor-element-452fe163{--width:20%;}.elementor-17555 .elementor-element.elementor-element-189f7644{--width:60%;}.elementor-17555 .elementor-element.elementor-element-2458505{--width:20%;}}/* Start custom CSS for navigation-menu, class: .elementor-element-ea2e040 *//* ============================================================ کد نهایی - اصلاح شده برای لپ‌تاپ‌ها و تبلت‌های ۱۳ اینچی (ظاهرِ سینمایی برای همه دستگاه‌ها تا ۱۰۲۴ پیکسل حفظ می‌شود) ============================================================ */ .hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item { text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important; font-weight: 600 !important; transition: all 0.3s ease !important; } .my-cinematic-menu :is(.sub-menu, nav.hfe-dropdown, nav.hfe-dropdown-expandible) li { border-bottom: none !important; border-bottom-width: 0px !important; text-shadow: 0 2px 6px rgba(0,0,0,0.8) !important; font-weight: 600 !important; transition: all 0.3s ease !important; } .my-cinematic-menu > li > a { color: #ffffff !important; text-shadow: 0 2px 6px rgba(0,0,0,0.8) !important; font-weight: 600 !important; transition: all 0.3s ease !important; } .my-cinematic-menu > li > a:hover { color: #fde68a !important; } .my-cinematic-menu .current-menu-item > a { color: #fbbf24 !important; } .my-cinematic-menu .sub-menu { background: rgba(15, 23, 42, 0.9) !important; border-radius: 24px !important; padding: 10px !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important; overflow: hidden !important; min-width: 250px; margin-top: 10px !important; } .my-cinematic-menu .sub-menu li { background: transparent !important; margin-bottom: 6px !important; } .my-cinematic-menu .sub-menu li:last-child { margin-bottom: 0 !important; } .my-cinematic-menu .sub-menu a { display: flex !important; align-items: center !important; gap: 15px !important; background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; padding: 12px 16px !important; border-radius: 16px !important; transition: all 0.2s ease !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } .my-cinematic-menu .sub-menu a:hover { background: rgba(255, 255, 255, 0.2) !important; transform: scale(1.02); color: #FDE68A !important; } .my-cinematic-menu .sub-menu .current-menu-item > a { background: rgba(251, 191, 36, 0.25) !important; border: 1px solid rgba(251, 191, 36, 0.4) !important; color: #fbbf24 !important; font-weight: 700 !important; } /* ============================================================ بخش اصلاح شده واکنش‌گرا: فقط برای موبایل و تبلت‌های کوچک ============================================================ */ @media (max-width: 1024px) { /* در اینجا فقط استایل‌هایی که در موبایل خراب می‌شوند را ریست می‌کنیم */ .my-cinematic-menu .sub-menu { background: transparent !important; border: none !important; box-shadow: none !important; } .my-cinematic-menu .sub-menu a { background: rgba(255, 255, 255, 0.05) !important; border: none !important; } /* مخفی کردن کانتینر راست در موبایل (اگر لازم بود) */ .header-col-right { display: none !important; } } @media (max-width: 1024px) { /* 1. تنظیمات عمومی کانتینر منو */ .hfe-dropdown, .my-cinematic-menu .sub-menu { background: #ffffff !important; border: none !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; margin-top: 10px !important; padding: 0 !important; } /* 2. هدف‌گیری دقیق: تمام لینک‌های منوی موبایل (اصلی و زیرمنو) */ .hfe-dropdown .menu-item a, .hfe-dropdown .sub-menu .menu-item a { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 16px 20px !important; color: #1e293b !important; /* رنگ تیره برای همه */ border-bottom: 1px solid #f1f5f9 !important; text-shadow: none !important; /* حذف سایه دسکتاپ */ background: transparent !important; font-weight: 500 !important; } /* 3. اصلاح ظاهر همبرگری */ .hfe-nav-menu__toggle { font-size: 28px !important; transform: scale(1.4); margin-left: auto !important; color: #1e293b !important; fill: #1e293b !important; filter: none !important; } /* 4. استایل آیتم‌های زیرمجموعه (سطح دوم - اینجا جادوی اصلی اتفاق می‌افتد) */ .hfe-dropdown .sub-menu .menu-item a { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 12px 20px 12px 45px !important; /* فاصله از چپ بیشتر شد (45px) */ color: #64748b !important; /* رنگ خاکستری روشن‌تر */ font-size: 14px !important; /* سایز کوچک‌تر */ border-bottom: 1px solid #f1f5f9 !important; } /* 4. اصلاح فلش‌ها */ .hfe-menu-item-toggle { margin-left: 10px !important; display: flex !important; align-items: center !important; color: #1e293b !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-75bc5af7 *//* این کد فقط برای صفحه خانه است */ .home .haader { background: linear-gradient(to bottom, rgba(30, 20, 60, 0.7), transparent); transition: background 0.5s ease; } /* --- [جدید] پلِ بینابینی برای تبلت 13 اینچی (1033px تا 1299px) --- */ @media (min-width: 1032px) and (max-width: 1299px) { /* لوگو را از لبه فاصله می‌دهیم */ .header-col-left { width: 20% !important; padding-left: 30px !important; display: flex !important; align-items: center !important; } /* کانتینرِ وسط */ .header-col-center { width: 80% !important; } /* کانتینرِ راست حذف می‌شود */ .header-col-right { display: none !important; } } /* --- مدیریتِ واکنش‌گرا (موبایل و تبلت کوچک - زیر 1032 پیکسل) --- */ @media (max-width: 1031px) { /* 1. حذف گرادینت صفحه خانه */ .home .haader { background: none !important; } /* 2. مدیریت چیدمان: لوگو چپ، همبرگری راست */ .header-col-right { display: none !important; } .header-col-left { width: 50% !important; display: flex !important; align-items: center !important; } .header-col-center { width: 50% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } /* 3. بزرگ کردن و اصلاح ظاهر همبرگری */ .hfe-nav-menu__toggle { font-size: 28px !important; transform: scale(1.4); padding: 0px !important; margin-right:35px; color: #ffffff !important; fill: #ffffff !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6)) !important; } /* 4. غیرفعال کردن استایل شیشه‌ای زیرمنو */ .my-cinematic-menu .sub-menu { background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; } .my-cinematic-menu .sub-menu a { background: rgba(255, 255, 255, 0.05) !important; border: none !important; transform: none !important; color: #ffffff !important; } } /* --- مدیریتِ واکنش‌گرا (موبایل و تبلت کوچک - زیر 1032 پیکسل) --- */ @media (max-width: 768px) { /* 1. حذف گرادینت صفحه خانه */ .home .haader { background: none !important; } /* 2. مدیریت چیدمان: لوگو چپ، همبرگری راست */ .header-col-right { display: none !important; } .header-col-left { width: 70% !important; display: flex !important; align-items: center !important; } .header-col-center { width: 30% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } /* 3. بزرگ کردن و اصلاح ظاهر همبرگری */ .hfe-nav-menu__toggle { font-size: 28px !important; transform: scale(1.4); padding: 0px !important; margin-right:30px; color: #ffffff !important; fill: #ffffff !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6)) !important; } /* 4. غیرفعال کردن استایل شیشه‌ای زیرمنو */ .my-cinematic-menu .sub-menu { background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; } .my-cinematic-menu .sub-menu a { background: rgba(255, 255, 255, 0.05) !important; border: none !important; transform: none !important; color: #ffffff !important; } }/* End custom CSS */