/* Dropdown'ın üst kısmı */
.page-uri-mobil .dropdown-toggle {
    background-color: white !important;
    color: #ff621a !important;
    border: 1px solid #ff621a;
    display: flex;
    align-items: center;
    gap: .5rem;
    transition: all .3s ease;
    height: 35px;
    line-height: 1;
    justify-content: space-between;
}

    .page-uri-mobil .dropdown-toggle:hover {
        background-color: transparent !important;
        color: #ff621a !important;
        border: 1px solid #ff621a;
    }

    .page-uri-mobil .dropdown-toggle:focus {
        background-color: transparent !important;
        color: #ff621a !important;
        border: 1px solid #ff621a;
    }




.page-uri .dropdown-toggle {
    background-color: #ff621a !important;
    color: white !important;
    border: 1px solid white;
    height: 52px;
    display: flex;
    align-items: center;
    gap: .5rem;
    transition: all .3s ease;
    width: 168px;
    justify-content: space-between;
    padding: 14px 12px 14px 16px;
}

    .page-uri .dropdown-toggle:focus {
            background-color: #ff621a !important;

        color: white !important;
        border-color: white !important;
    }

    .page-uri .dropdown-toggle:hover {
            background-color: #ff621a !important;

        color: white !important;
        border-color: white !important;
    }

/* Dropdown'ın seçenekleri */
.page-uri .dropdown-menu {
    background-color: #ff621a !important;
    border-color: white !important;
    top: 2px !important;
    max-width: 170px;
    min-width: 146px;
    width: 100%;
    padding: 0;
}

.sidebar:not(.colorful) .page-uri .dropdown-menu, .sidebar:not(.colorful-primary) .page-uri .dropdown-menu  {
    border: none;
}

.page-uri .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #00000036;
}

/* Dropdown'ın seçeneklerinin yazı rengi */
.page-uri .dropdown-item {
    color: white !important;
    line-height: 22px;
    padding: .5rem 1rem !important;
}

.page-uri .dropdown-item:hover, .page-uri .dropdown-item:focus {
    background-color: transparent !important;
}

.page-uri {
    position: fixed;
    margin: auto;
    top: 24px;
    right: 10px;
    left: auto;
    bottom: auto;
    width: auto;
    height: auto;
    z-index: 5;
}

.page-uri .dropdown.show .dropdown-toggle {
    background-color: #ff621a !important;
    color: white !important;
    border-color: white !important;
}

.dropdown .dropdown-toggle:after {
    transition: all .3s ease;
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.36254 7.61124L0.262544 2.51124C-0.0899561 2.15874 -0.0899561 1.58874 0.262544 1.23999L1.11004 0.392488C1.46254 0.0399878 2.03254 0.0399878 2.38129 0.392488L5.99629 4.00749L9.61129 0.392488C9.96379 0.0399878 10.5338 0.0399878 10.8825 0.392488L11.73 1.23999C12.0825 1.59249 12.0825 2.16249 11.73 2.51124L6.63004 7.61124C6.28504 7.96374 5.71504 7.96374 5.36254 7.61124Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    border: none;
}

.dropdown.show .dropdown-toggle:after {
    transform: rotate(-180deg);
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="%23FF621A" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_265_8)"><path d="M5.36242 9.61125L0.262422 4.51125C-0.0900781 4.15875 -0.0900781 3.58875 0.262422 3.24L1.10992 2.3925C1.46242 2.04 2.03242 2.04 2.38117 2.3925L5.99617 6.0075L9.61117 2.3925C9.96367 2.04 10.5337 2.04 10.8824 2.3925L11.7299 3.24C12.0824 3.5925 12.0824 4.1625 11.7299 4.51125L6.62992 9.61125C6.28492 9.96375 5.71492 9.96375 5.36242 9.61125Z" fill="white"/></g><defs><clipPath id="clip0_265_8"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
}

.page-uri-mobil .dropdown .dropdown-toggle:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="%23FF621A" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_265_8)"><path d="M5.36242 9.61125L0.262422 4.51125C-0.0900781 4.15875 -0.0900781 3.58875 0.262422 3.24L1.10992 2.3925C1.46242 2.04 2.03242 2.04 2.38117 2.3925L5.99617 6.0075L9.61117 2.3925C9.96367 2.04 10.5337 2.04 10.8824 2.3925L11.7299 3.24C12.0824 3.5925 12.0824 4.1625 11.7299 4.51125L6.62992 9.61125C6.28492 9.96375 5.71492 9.96375 5.36242 9.61125Z" fill="%23FF621A"/></g><defs><clipPath id="clip0_265_8"><rect width="12" height="12" fill="%23FF621A"/></clipPath></defs></svg>');
}



.mobile-view-search .search-floating {
    right:0
}

@media screen and (min-width: 991px) {
    .page-uri-mobil + .mobile-view-search .search-floating {
        right: 165px
    }
}


.sidebar.colorful .page-uri .dropdown-toggle {
    border-color:#ff621a;
    color: #ff621a !important;
}

.sidebar.colorful .page-uri .dropdown-toggle:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="%23FF621A" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_265_8)"><path d="M5.36242 9.61125L0.262422 4.51125C-0.0900781 4.15875 -0.0900781 3.58875 0.262422 3.24L1.10992 2.3925C1.46242 2.04 2.03242 2.04 2.38117 2.3925L5.99617 6.0075L9.61117 2.3925C9.96367 2.04 10.5337 2.04 10.8824 2.3925L11.7299 3.24C12.0824 3.5925 12.0824 4.1625 11.7299 4.51125L6.62992 9.61125C6.28492 9.96375 5.71492 9.96375 5.36242 9.61125Z" fill="%23FF621A"/></g><defs><clipPath id="clip0_265_8"><rect width="12" height="12" fill="%23FF621A"/></clipPath></defs></svg>');
}

.sidebar.colorful .page-uri .dropdown-toggle:hover {
    border-color: #ff621a !important;
}


.sidebar.colorful .page-uri .dropdown.show .dropdown-toggle {
    background-color: white !important;
    color: #ff621a !important;
    border-color: #ff621a !important;
}

.sidebar.colorful .page-uri .dropdown-menu {
    border:1px solid #ff621a !important;
}


/*COLORFUL PRİMARY*/

.sidebar.colorful-primary .page-uri .dropdown-toggle {
    background-color:#ff621a !important;
}

.sidebar.colorful-primary .page-uri .dropdown.show .dropdown-toggle {
    color: white !important;
}

.sidebar.colorful-primary .page-uri .dropdown.show .dropdown-toggle:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="%23FF621A" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_265_8)"><path d="M5.36242 9.61125L0.262422 4.51125C-0.0900781 4.15875 -0.0900781 3.58875 0.262422 3.24L1.10992 2.3925C1.46242 2.04 2.03242 2.04 2.38117 2.3925L5.99617 6.0075L9.61117 2.3925C9.96367 2.04 10.5337 2.04 10.8824 2.3925L11.7299 3.24C12.0824 3.5925 12.0824 4.1625 11.7299 4.51125L6.62992 9.61125C6.28492 9.96375 5.71492 9.96375 5.36242 9.61125Z" fill="white"/></g><defs><clipPath id="clip0_265_8"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
}

.sidebar.colorful-primary .page-uri .dropdown-menu {
    background-color: #ff621a !important;
    border-color: white !important;
}

.sidebar.colorful-primary .page-uri .dropdown-menu .dropdown-item {
    color: white !important;
}

/*OUTLINED*/

.sidebar.outlined .page-uri .dropdown-toggle {
    background-color:transparent !important;
}

.sidebar.outlined .page-uri .dropdown.show .dropdown-toggle {
    color: #ff621a !important;
    background-color: white !important;
    border-color: white !important;
}

.sidebar.outlined .page-uri .dropdown.show .dropdown-toggle:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="%23FF621A" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_265_8)"><path d="M5.36242 9.61125L0.262422 4.51125C-0.0900781 4.15875 -0.0900781 3.58875 0.262422 3.24L1.10992 2.3925C1.46242 2.04 2.03242 2.04 2.38117 2.3925L5.99617 6.0075L9.61117 2.3925C9.96367 2.04 10.5337 2.04 10.8824 2.3925L11.7299 3.24C12.0824 3.5925 12.0824 4.1625 11.7299 4.51125L6.62992 9.61125C6.28492 9.96375 5.71492 9.96375 5.36242 9.61125Z" fill="%23FF621A"/></g><defs><clipPath id="clip0_265_8"><rect width="12" height="12" fill="%23FF621A"/></clipPath></defs></svg>');
}

.sidebar.outlined .page-uri .dropdown-menu {
    background-color: white !important;
    border-color: white !important;
}

.sidebar.outlined .page-uri .dropdown-menu .dropdown-item {
    color: black !important
}

.sidebar.outlined .page-uri .dropdown-item:hover, .page-uri .dropdown-item:focus {
    background-color: transparent !important;
    color: #ff621a !important;
}

@media screen and (min-width: 991px) {
    .desktop-view {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .desktop-view {
        display: none
    }
 }