﻿/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 999999;
}

    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }

    #spinner div {
        width: 3rem;
        height: 3rem;
    }

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}

/*** NavBar ***/
.navbar.sticky-top {
    top: 0;
    transition: all .4s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* İnce alt çizgi */
    /*     backdrop-filter: blur(15px); */ /* Cam efekti */
}

/* Hover ile açılması */
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* Hover rengini koru */
.navbar .dropdown:hover > .nav-link {
    color: var(--bs-warning) !important;
}

/* Tıklamayı tamamen kapat (masaüstü için) */
@media (min-width: 992px) {
    .navbar .dropdown-toggle {
        pointer-events: none;
    }
}
/* Hover ile açılması */

/* Scroll sonrası aktif durumda gölge ve daha belirgin alt çizgi */
.navbar.sticky-top.active-nav {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

/* Hover durumları */
.navbar-nav .nav-link:hover {
    color: var(--bs-warning) !important; /* Bootstrap warning rengi */
}

/* Açılır Menü Başlığı Hover ve Active */
.navbar-nav .dropdown-toggle:hover,
.navbar-nav .dropdown-toggle[aria-expanded="true"] {
    color: var(--bs-warning) !important;
}

/* Açılır Menü İçindeki Öğelerin Hover ve Active */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: var(--bs-warning) !important;
    color: var(--bs-light) !important;
}
