/* Extracted from Views\Shared\tr\Components\AnaMenu\_acilirMenuBirim.cshtml */
.menu-acik {
        display: flex !important;
        flex-direction: column;
    }
    .banner-menu {
        position: sticky;
        top: 0px;
        z-index: 115;
        transition: 0.5s;
        background: white;
    }

    .menu-ana-baslik {
        font-size: clamp(1.3rem,1.9vw,2rem);
        font-weight: bolder;
        color: var(--menu-arka-plan3);
        font-family: Montserrat-Bold !important;
        /*  text-orientation: mixed; */
    }

    .ana-menu-link {
        display: inline-block;
        text-decoration: none;
        color: #444 !important;
        font-size: clamp(1.1rem,1vw,1.3rem);
        text-decoration: none;
        cursor: pointer;
        font-weight: bolder;
        /*        transition: under-line 3s; */
    }

        .ana-menu-link:hover, .alt-menu-link:hover {
            text-decoration: none;
            /* border-bottom: solid 1px var(--tema-acik-renk-tonu); */

            color: var(--tema-acik-renk-tonu) !important;
        }

            .ana-menu-link:hover + em {
                display: block;
            }

        .ana-menu-link::after {
            /*     content: "";
                display: block;
                width: 0%;
                padding-top: 20px;
                border-bottom: 0.11rem solid var(--menu-arka-plan);
                left:-100%;
                transition: .5s; */
        }


        .ana-menu-link:hover::after {
            width: 100%;
        }

        .ana-menu-link > em {
            color: var(--tema-acik-renk-tonu);
        }

        .ana-menu-link.aktif {
            /*  border-bottom:solid 2px var(--tema-acik-renk-tonu); */
            color: var(--menu-arka-plan3) !important;
            padding-right: .5rem;
            background-image: linear-gradient(var(--menu-arka-plan), var(--menu-arka-plan)), linear-gradient(skyblue, skyblue);
            /* background-image: linear-gradient(#1eafc7, #1eafc7), linear-gradient(#fff, #fff); */
            background-position: bottom left, bottom left;
            background-size: 25px 2px, 100% 2px;
            background-repeat: no-repeat, no-repeat;
        }

    .alt-menu-icerik {
        max-width: 100%;
        display: flex;
        scrollbar-width: thin;
    }

        .alt-menu-icerik:hover {
            overflow: auto;
        }

        .alt-menu-icerik.aktif {
            /* 3. seviye kutu sol kenarlığı */
            border-left-width: 1px;
            border-left-style: solid;
            padding-left: 0.5rem;
            border-image: linear-gradient(to bottom, white, var(--tema-acik-renk-tonu)) 1;
            min-height: 16vh;
            /* height:clamp(20rem,35vh,40rem); */
            /*   overflow:auto; */
            scroll-with: thin;
            display:flex;
        }


    .dotted-spaced {
        background-image: linear-gradient(to right, #000 10%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 10px 3px;
        background-repeat: repeat-x;
    }

    .alt-menu-link {
        font-size: clamp(0.8rem,0.8vw,0.9rem);
        color: #333 !important;
        /* border-bottom-style:dotted; */
        /*      background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: 7px 2px;
            background-repeat: repeat-x; */
        /* border-bottom-width:1px; */
        /* border-bottom-color:#DDD; */
        /* border-image: linear-gradient(to left,var(--kutu-arka-plan),lightgray ) 1; */
        cursor: pointer;
        /*    padding-bottom:0.5rem;
                padding-top:0.5rem; */

        border-bottom: 1px dashed #555 !important;
    }

    .alt-menu-liste {
        /*    border-left-width: 1px;
            border-left-style: solid;

            border-image: linear-gradient(to top, white, var(--menu-arka-plan3),white ) 1; */
    }

  /*   .menu-icerik-ana-baslik-kutu {
        border-right-style: solid;
        border-right-width: 2px;
        border-image: linear-gradient(to bottom, white, var(--menu-arka-plan3),white ) 1;
        -webkit-writing-mode: vertical-lr;
        writing-mode: sideways-lr;
   
     
    } */

        .menu-icerik-ana-baslik-kutu > label {
            /* transform: rotate(-90deg); */
        }


    .menu-icerik-tasiyici-kutu span {
        pointer-events: none;
    }

    .menu-icerik-tasiyici-kutu a {
        pointer-events: auto;
    }