/* MEY Bilişim v1.12.51
   Premium açılır menü görünümü
   İlk tasarımın açık, sade ve kurumsal yapısı korunarak iyileştirildi.
*/

@media (min-width: 901px) {

    /* Alt menü kartı */
    #site-menu .menu-item.has-children {
        position: relative;
    }

    #site-menu .menu-item.has-children > .submenu {
        position: absolute;
        top: calc(100% + 12px);
        left: 50%;
        z-index: 9999;

        min-width: 250px;
        padding: 8px;

        background: rgba(255,255,255,.985);
        border: 1px solid rgba(15,23,42,.09);
        border-radius: 14px;

        box-shadow:
            0 22px 48px rgba(15,23,42,.12),
            0 6px 16px rgba(15,23,42,.07);

        transform: translate(-50%, 7px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease;

        overflow: visible;
    }

    /* Üstte küçük, zarif bağlantı oku */
    #site-menu .menu-item.has-children > .submenu::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #fff;
        border-left: 1px solid rgba(15,23,42,.08);
        border-top: 1px solid rgba(15,23,42,.08);
        transform: translateX(-50%) rotate(45deg);
    }

    #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;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    /* Alt menü satırları */
    #site-menu .submenu > .menu-item {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 46px;
        margin: 2px 0;
        border-radius: 10px;
        background: transparent;
        transition:
            background .16s ease,
            box-shadow .16s ease,
            transform .16s ease;
    }

    #site-menu .submenu > .menu-item > a {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 46px;
        padding: 11px 38px 11px 15px;

        color: #171b21 !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
        text-decoration: none !important;

        border: 0 !important;
        background: transparent !important;
    }

    /* İnce kırmızı vurgu: tam kırmızı blok yerine daha premium */
    #site-menu .submenu > .menu-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        bottom: 10px;
        width: 3px;
        border-radius: 999px;
        background: #d90429;
        opacity: 0;
        transform: scaleY(.4);
        transition:
            opacity .16s ease,
            transform .16s ease;
    }

    #site-menu .submenu > .menu-item:hover,
    #site-menu .submenu > .menu-item:focus-within {
        background: #f7f8fa;
        box-shadow: inset 0 0 0 1px rgba(15,23,42,.025);
        transform: translateX(2px);
    }

    #site-menu .submenu > .menu-item:hover::before,
    #site-menu .submenu > .menu-item:focus-within::before {
        opacity: 1;
        transform: scaleY(1);
    }

    #site-menu .submenu > .menu-item:hover > a,
    #site-menu .submenu > .menu-item:focus-within > a {
        color: #c90024 !important;
    }

    /* Aktif alt sayfa */
    #site-menu .submenu > .menu-item.active {
        background: linear-gradient(90deg, #fff3f5 0%, #fff 88%);
        box-shadow: inset 0 0 0 1px rgba(217,4,41,.08);
    }

    #site-menu .submenu > .menu-item.active::before {
        opacity: 1;
        transform: scaleY(1);
    }

    #site-menu .submenu > .menu-item.active > a {
        color: #c90024 !important;
        font-weight: 800;
    }

    /* Alt menüde çocuk varsa ok daha zarif görünür */
    #site-menu .submenu .submenu-toggle {
        position: absolute;
        right: 10px;
        top: 50%;
        z-index: 3;
        width: 28px;
        height: 28px;
        padding: 0;
        margin: 0;
        transform: translateY(-50%) rotate(-90deg);

        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #7a8491;
        font-size: 17px;
        line-height: 28px;
        cursor: pointer;

        transition: color .16s ease, background .16s ease;
    }

    #site-menu .submenu .menu-item:hover > .submenu-toggle,
    #site-menu .submenu .menu-item:focus-within > .submenu-toggle {
        color: #c90024;
        background: #fff0f3;
    }

    /* 2. seviye alt menü */
    #site-menu .submenu .menu-item.has-children > .submenu {
        top: -8px;
        left: calc(100% + 10px);
        transform: translate(6px, 0);
    }

    #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);
    }

    #site-menu .submenu .menu-item.has-children > .submenu::before {
        top: 24px;
        left: -6px;
        transform: rotate(-45deg);
    }

    /* Ana menü açılır okunu biraz daha temiz göster */
    #site-menu > .menu-item.has-children > .submenu-toggle {
        border: 0;
        background: transparent;
        color: #69727d;
        padding: 4px 2px;
        margin-left: 3px;
        font-size: 14px;
        transition: color .16s ease, transform .16s ease;
    }

    #site-menu > .menu-item.has-children:hover > .submenu-toggle,
    #site-menu > .menu-item.has-children:focus-within > .submenu-toggle {
        color: #d90429;
        transform: rotate(180deg);
    }
}

/* Mobilde kart dili korunur; masaüstü dropdown konumlandırması uygulanmaz */
@media (max-width: 900px) {
    #site-menu .submenu {
        border-left: 2px solid #eef0f3;
        margin: 6px 0 6px 12px;
        padding-left: 10px;
    }

    #site-menu .submenu > .menu-item {
        border-radius: 9px;
    }

    #site-menu .submenu > .menu-item.active {
        background: #fff3f5;
    }

    #site-menu .submenu > .menu-item.active > a {
        color: #c90024 !important;
        font-weight: 800;
    }
}