/* MEY Bilişim v1.12.53 Açılır menü: hover kopmasını ve tasarım bozulmasını düzeltir. Hedef: İlk tasarımdaki sade beyaz kart + kırmızı seçim görünümü. */ @media (min-width: 901px) { /* Üst menü öğesi, açılır menü ile arasında hover boşluğu bırakmasın. */ #site-menu > .menu-item.has-children { position: relative !important; } #site-menu > .menu-item.has-children::after { content: "" !important; position: absolute !important; left: -14px !important; right: -14px !important; top: 100% !important; height: 14px !important; z-index: 9997 !important; background: transparent !important; pointer-events: auto !important; } /* Açılır kutu doğrudan menünün altından başlar. Önceki sürümdeki +12px boşluk tamamen kaldırıldı. */ #site-menu .menu-item.has-children > .submenu { position: absolute !important; top: calc(100% - 1px) !important; left: 50% !important; z-index: 9999 !important; min-width: 288px !important; padding: 8px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid #e7e9ee !important; border-radius: 10px !important; box-shadow: 0 18px 42px rgba(15, 23, 42, .14), 0 5px 14px rgba(15, 23, 42, .07) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; /* Yalnızca hafif fade; aşağı kayma yok. Böylece mouse hareketi sırasında menü kaçmaz. */ transform: translateX(-50%) !important; transition: opacity .14s ease, visibility .14s ease !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: translateX(-50%) !important; } /* Kart oku küçük ve sade. */ #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; z-index: 1 !important; } /* Alt menü satırları: ilk tasarıma daha yakın, daha net bloklar. */ #site-menu .submenu > .menu-item { position: relative !important; display: flex !important; align-items: center !important; min-height: 48px !important; margin: 0 !important; background: #ffffff !important; border-radius: 6px !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; } #site-menu .submenu > .menu-item + .menu-item { margin-top: 4px !important; } #site-menu .submenu > .menu-item > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 48px !important; padding: 12px 42px 12px 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ümlerde kalan ince sol çizgiyi kapat. */ #site-menu .submenu > .menu-item::before { display: none !important; content: none !important; } /* Hover: ilk tasarımdaki gibi tam kırmızı seçim. */ #site-menu .submenu > .menu-item:hover, #site-menu .submenu > .menu-item:focus-within { background: #d90429 !important; transform: none !important; } #site-menu .submenu > .menu-item:hover > a, #site-menu .submenu > .menu-item:focus-within > a { color: #ffffff !important; background: transparent !important; } /* Gerçek aktif alt sayfa da kırmızı blok olarak görünür. */ #site-menu .submenu > .menu-item.active { background: #d90429 !important; } #site-menu .submenu > .menu-item.active > a { color: #ffffff !important; background: transparent !important; font-weight: 800 !important; } /* Alt seviye oklar */ #site-menu .submenu .submenu-toggle { position: absolute !important; right: 10px !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: 6px !important; color: #7b8490 !important; background: transparent !important; line-height: 28px !important; } #site-menu .submenu > .menu-item:hover > .submenu-toggle, #site-menu .submenu > .menu-item:focus-within > .submenu-toggle, #site-menu .submenu > .menu-item.active > .submenu-toggle { color: #ffffff !important; background: rgba(255,255,255,.12) !important; } /* 2. seviye menüler de ana menüye bitişik açılır. */ #site-menu .submenu .menu-item.has-children > .submenu { top: -8px !important; left: calc(100% + 2px) !important; transform: none !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: none !important; } #site-menu .submenu .menu-item.has-children > .submenu::before { top: 24px !important; left: -6px !important; transform: rotate(-45deg) !important; } /* Üst menü: sadece gerçek aktif sayfa kalıcı kırmızı olur. Hover sırasında kırmızı olması normal, mouse ayrılınca eski rengine döner. */ #site-menu > .menu-item > a { color: #17191d !important; background: transparent !important; } #site-menu > .menu-item:not(.active):not(:hover) > a { color: #17191d !important; } #site-menu > .menu-item:hover > a, #site-menu > .menu-item.active > a { color: #d90429 !important; } #site-menu > .menu-item:not(.active):not(:hover) > a::after { opacity: 0 !important; } #site-menu > .menu-item.active > a::after, #site-menu > .menu-item:hover > a::after { background: #d90429 !important; opacity: 1 !important; } } /* Mobil menü masaüstü hover düzeninden etkilenmesin. */ @media (max-width: 900px) { #site-menu .submenu > .menu-item { border-radius: 8px !important; } #site-menu .submenu > .menu-item.active { background: #fff1f4 !important; } #site-menu .submenu > .menu-item.active > a { color: #c70024 !important; font-weight: 800 !important; } }