/* MEY Bilişim v1.12.52 Açılır menü düzeltmesi - Hover rengi görünür biçimde çalışır. - Ana sayfada Faaliyetlerimiz yanlışlıkla aktif/kırmızı kalmaz. - Açılır menü ilk tasarımın sade ve profesyonel çizgisinde tutulur. */ @media (min-width: 901px) { /* Üst menü: varsayılan durum */ #site-menu > .menu-item > a { color: #17191d !important; background: transparent !important; } #site-menu > .menu-item > .submenu-toggle { color: #7a828c !important; background: transparent !important; } /* Sadece gerçek aktif üst menü kırmızı olsun */ #site-menu > .menu-item.active > a { color: #d90429 !important; } #site-menu > .menu-item.active > a::after { background: #d90429 !important; opacity: 1 !important; } #site-menu > .menu-item:not(.active) > a::after { opacity: 0 !important; } /* Hover geçici vurgudur, kalıcı aktif görünüm değildir */ #site-menu > .menu-item:hover > a { color: #d90429 !important; } #site-menu > .menu-item:hover > .submenu-toggle, #site-menu > .menu-item.active > .submenu-toggle { color: #d90429 !important; } /* Açılır menü kutusu */ #site-menu .menu-item.has-children { position: relative; } #site-menu .menu-item.has-children > .submenu { position: absolute !important; top: calc(100% + 12px) !important; left: 50% !important; z-index: 9999 !important; min-width: 260px !important; padding: 8px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid #e7e9ee !important; border-radius: 13px !important; box-shadow: 0 18px 42px rgba(15, 23, 42, .13), 0 5px 14px rgba(15, 23, 42, .06) !important; transform: translate(-50%, 8px) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important; } #site-menu .menu-item.has-children > .submenu::before { content: "" !important; position: absolute !important; top: -6px !important; left: 50% !important; width: 11px !important; height: 11px !important; background: #fff !important; border-left: 1px solid #e7e9ee !important; border-top: 1px solid #e7e9ee !important; transform: translateX(-50%) rotate(45deg) !important; } #site-menu .menu-item.has-children:hover > .submenu, #site-menu .menu-item.has-children:focus-within > .submenu, #site-menu .menu-item.has-children.open > .submenu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(-50%, 0) !important; } /* Alt menü öğeleri */ #site-menu .submenu > .menu-item { position: relative !important; display: flex !important; align-items: center !important; min-height: 46px !important; margin: 2px 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; transition: background .15s ease, color .15s ease, transform .15s ease !important; } #site-menu .submenu > .menu-item > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 46px !important; padding: 11px 38px 11px 16px !important; color: #17191d !important; background: transparent !important; border: 0 !important; text-decoration: none !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; } /* Önceki sürümdeki sol kırmızı çizgiyi varsayılan durumda tamamen kapat */ #site-menu .submenu > .menu-item::before { content: "" !important; position: absolute !important; left: 0 !important; top: 9px !important; bottom: 9px !important; width: 3px !important; border-radius: 0 4px 4px 0 !important; background: #d90429 !important; opacity: 0 !important; transform: scaleY(.45) !important; transition: opacity .15s ease, transform .15s ease !important; } /* Hover: renk gerçekten değişsin */ #site-menu .submenu > .menu-item:hover, #site-menu .submenu > .menu-item:focus-within { background: #d90429 !important; transform: translateX(2px) !important; } #site-menu .submenu > .menu-item:hover::before, #site-menu .submenu > .menu-item:focus-within::before { opacity: 0 !important; } #site-menu .submenu > .menu-item:hover > a, #site-menu .submenu > .menu-item:focus-within > a { color: #ffffff !important; background: transparent !important; } #site-menu .submenu > .menu-item:hover > .submenu-toggle, #site-menu .submenu > .menu-item:focus-within > .submenu-toggle { color: #ffffff !important; background: rgba(255,255,255,.12) !important; } /* Gerçek aktif alt sayfa: açık kırmızı, hover kadar baskın değil */ #site-menu .submenu > .menu-item.active { background: #fff3f5 !important; transform: none !important; } #site-menu .submenu > .menu-item.active::before { opacity: 1 !important; transform: scaleY(1) !important; } #site-menu .submenu > .menu-item.active > a { color: #c70024 !important; background: transparent !important; font-weight: 800 !important; } /* Aktif öğenin üzerine gelince yine canlı hover rengi */ #site-menu .submenu > .menu-item.active:hover, #site-menu .submenu > .menu-item.active:focus-within { background: #d90429 !important; } #site-menu .submenu > .menu-item.active:hover::before, #site-menu .submenu > .menu-item.active:focus-within::before { opacity: 0 !important; } #site-menu .submenu > .menu-item.active:hover > a, #site-menu .submenu > .menu-item.active:focus-within > a { color: #fff !important; } /* Alt seviye ok */ #site-menu .submenu .submenu-toggle { position: absolute !important; right: 9px !important; top: 50% !important; z-index: 2 !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) rotate(-90deg) !important; border: 0 !important; border-radius: 7px !important; color: #7b8490 !important; background: transparent !important; line-height: 28px !important; } /* 2. seviye alt menü */ #site-menu .submenu .menu-item.has-children > .submenu { top: -8px !important; left: calc(100% + 10px) !important; transform: translate(7px, 0) !important; } #site-menu .submenu .menu-item.has-children:hover > .submenu, #site-menu .submenu .menu-item.has-children:focus-within > .submenu, #site-menu .submenu .menu-item.has-children.open > .submenu { transform: translate(0, 0) !important; } #site-menu .submenu .menu-item.has-children > .submenu::before { top: 24px !important; left: -6px !important; transform: rotate(-45deg) !important; } } /* Mobilde aktiflik ve renkler de temiz kalsın */ @media (max-width: 900px) { #site-menu .submenu > .menu-item { border-radius: 9px !important; } #site-menu .submenu > .menu-item > a { color: #17191d !important; background: transparent !important; } #site-menu .submenu > .menu-item.active { background: #fff3f5 !important; } #site-menu .submenu > .menu-item.active > a { color: #c70024 !important; font-weight: 800 !important; } }