.elementor-1465 .elementor-element.elementor-element-ccc6432{--display:flex;--min-height:558px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-1465 .elementor-element.elementor-element-f41a0b8{padding:0px 0px 0px 30px;}.elementor-1465 .elementor-element.elementor-element-f41a0b8 .elementor-menu-toggle{margin:0 auto;}.elementor-1465 .elementor-element.elementor-element-f41a0b8 .elementor-nav-menu .elementor-item{font-family:"Saira Condensed", Sans-serif;font-size:37px;font-weight:700;text-transform:none;line-height:1.3em;}#elementor-popup-modal-1465 .dialog-widget-content{animation-duration:1.2s;background-color:#000000C2;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1465{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1465 .dialog-message{width:35vw;height:auto;}#elementor-popup-modal-1465 .dialog-close-button{display:flex;}#elementor-popup-modal-1465 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-1465 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}#elementor-popup-modal-1465 .dialog-message{width:77vw;}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1465 .elementor-element.elementor-element-f41a0b8{padding:0px 0px 0px 5px;}#elementor-popup-modal-1465 .dialog-message{width:89vw;}#elementor-popup-modal-1465{justify-content:center;align-items:center;}}/* Start custom CSS for nav-menu, class: .elementor-element-f41a0b8 *//* ========================================================= MEMORY OF ART PREMIUM POPUP MENU Gerçek Elementor DOM yapısına özel ========================================================= */ /* --------------------------------------------------------- 1. WIDGET TEMİZLİĞİ --------------------------------------------------------- */ .art-popup-menu { width: 100%; } /* * Popup zaten menü olduğu için Elementor'un widget içinde * oluşturduğu ikinci hamburger menüye ihtiyacımız yok. */ .art-popup-menu .elementor-menu-toggle { display: none !important; } /* * Elementor'un ikinci mobil dropdown kopyasını gizle. * Ana nav her çözünürlükte kullanılacak. */ .art-popup-menu .elementor-widget-container > nav.elementor-nav-menu--dropdown { display: none !important; } /* * Ana nav her ekran boyutunda görünür. */ .art-popup-menu .elementor-nav-menu--main { display: block !important; width: 100% !important; overflow: visible !important; } /* ========================================================= 2. ANA MENÜYÜ DİKEY HALE GETİR ========================================================= */ .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Her ana menü öğesi */ .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li { display: block !important; position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(245, 248, 255, 0.14); } /* İlk satır üst çizgisi */ .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li:first-child { border-top: 1px solid rgba(245, 248, 255, 0.14); } /* ========================================================= 3. ANA MENÜ LINKLERİ ========================================================= */ .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item { display: flex !important; align-items: center !important; width: 100% !important; min-height: 66px; padding: 19px 0 !important; margin: 0 !important; background: transparent !important; color: #ffffff !important; font-family: inherit !important; font-size: clamp(18px, 1.45vw, 25px) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; text-decoration: none !important; border: 0 !important; transition: color 0.35s ease, padding-left 0.45s cubic-bezier(.22, 1, .36, 1), opacity 0.35s ease !important; } /* Elementor'ın underline efektini kapat */ .art-popup-menu .elementor-nav-menu--main .elementor-item::before, .art-popup-menu .elementor-nav-menu--main .elementor-item::after { display: none !important; } /* ========================================================= 4. HOVER ========================================================= */ @media (hover: hover) { .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item:hover { color: #D2C1AF !important; padding-left: 13px !important; } /* * Bir öğeye gelince diğer menüleri * çok hafif geri plana al. */ .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu:hover > li > a.elementor-item { opacity: 0.48; } .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li:hover > a.elementor-item { opacity: 1; } } /* ========================================================= 5. AKTİF SAYFA ========================================================= */ .art-popup-menu .elementor-nav-menu--main .current-menu-item > a.elementor-item, .art-popup-menu .elementor-nav-menu--main .current_page_item > a.elementor-item { color: #D2C1AF !important; } /* ========================================================= 6. SUBMENU EN KRİTİK KISIM ========================================================= */ .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > ul.sub-menu { /* * Elementor / SmartMenus sağ tarafa açmaya çalışıyor. * Tamamen normal belge akışına geri alıyoruz. */ position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; float: none !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; /* * inline display:none'i bilinçli olarak eziyoruz. * Görünürlüğü aşağıdaki max-height sistemi yönetecek. */ display: block !important; background: transparent !important; border: 0 !important; box-shadow: none !important; /* KAPALI */ max-height: 0; padding: 0 0 0 18px !important; opacity: 0; visibility: hidden; overflow: hidden !important; pointer-events: none; transform: translateY(-8px); transition: max-height 0.65s cubic-bezier(.22, 1, .36, 1), padding 0.55s cubic-bezier(.22, 1, .36, 1), opacity 0.35s ease, transform 0.55s cubic-bezier(.22, 1, .36, 1), visibility 0s linear 0.55s !important; } /* ========================================================= 7. SUBMENU AÇIK ========================================================= */ /* * Elementor tıklayınca aria-expanded=true yaparsa */ .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > a[aria-expanded="true"] + ul.sub-menu, /* * SmartMenus highlighted class kullanırsa */ .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > a.highlighted + ul.sub-menu, /* * Klavyeyle erişim */ .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children:focus-within > ul.sub-menu { max-height: 350px; padding: 3px 0 20px 18px !important; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition: max-height 0.7s cubic-bezier(.22, 1, .36, 1), padding 0.55s cubic-bezier(.22, 1, .36, 1), opacity 0.4s ease 0.04s, transform 0.55s cubic-bezier(.22, 1, .36, 1), visibility 0s !important; } /* * Masaüstünde hover ile de açılsın. */ @media (hover: hover) { .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children:hover > ul.sub-menu { max-height: 350px; padding: 3px 0 20px 18px !important; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } } /* ========================================================= 8. SUBMENU LINK ========================================================= */ .art-popup-menu .elementor-nav-menu--main ul.sub-menu > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .art-popup-menu .elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item { display: flex !important; align-items: center !important; width: 100% !important; padding: 8px 0 !important; margin: 0 !important; background: transparent !important; color: rgba(245, 248, 255, 0.72) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; letter-spacing: 0.055em !important; text-decoration: none !important; border: 0 !important; transition: color 0.35s ease, transform 0.45s cubic-bezier(.22, 1, .36, 1) !important; } /* Submenu başına küçük çizgi */ .art-popup-menu .elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item::before { content: ""; flex: 0 0 auto; width: 12px; height: 1px; margin-right: 10px; background: #D2C1AF; opacity: 0.5; transition: width 0.4s cubic-bezier(.22, 1, .36, 1), opacity 0.3s ease; } @media (hover: hover) { .art-popup-menu .elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item:hover { color: #D2C1AF !important; transform: translateX(4px); } .art-popup-menu .elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item:hover::before { width: 20px; opacity: 1; } } /* ========================================================= 9. SUBMENU OK İKONU ========================================================= */ .art-popup-menu .elementor-nav-menu--main .sub-arrow { display: inline-flex !important; align-items: center; justify-content: center; margin-left: auto !important; padding-left: 20px !important; color: #D2C1AF !important; opacity: 0.75; transition: transform 0.5s cubic-bezier(.22, 1, .36, 1), opacity 0.3s ease !important; } .art-popup-menu .elementor-nav-menu--main .sub-arrow svg { width: 8px !important; height: 8px !important; fill: currentColor !important; } /* Açılınca oku yukarı döndür */ .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > a[aria-expanded="true"] .sub-arrow, .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > a.highlighted .sub-arrow { transform: rotate(180deg); opacity: 1; } /* Hover durumunda da */ @media (hover: hover) { .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children:hover > a .sub-arrow { transform: rotate(180deg); opacity: 1; } } /* ========================================================= 10. MOBİL ========================================================= */ @media (max-width: 767px) { .art-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item { min-height: 58px; padding: 16px 0 !important; font-size: 20px !important; } .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > ul.sub-menu { padding-left: 12px !important; } .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > a[aria-expanded="true"] + ul.sub-menu, .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children > a.highlighted + ul.sub-menu, .art-popup-menu .elementor-nav-menu--main li.menu-item-has-children:focus-within > ul.sub-menu { padding: 2px 0 16px 12px !important; } .art-popup-menu .elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item { font-size: 13px !important; padding: 7px 0 !important; } }/* End custom CSS */