/* Global Logo Customization */

.hero-static .site-logo {
    width: 33%;
}

#sidebar .site-logo {
    width: 55px;
}

/* Custom Scroll Bar Styles */

@supports not (selector(::-webkit-scrollbar-thumb)) {
    * {
        scrollbar-color: var(--scroll-thumb-color, grey) var(--scroll-track, transparent);
        scrollbar-width: thin;
    }
}

*::-webkit-scrollbar {
    width: var(--scroll-size, 10px);
    height: var(--scroll-size, 10px);
}

*::-webkit-scrollbar-track {
    background-color: var(--scroll-track, transparent);
    border-radius: var(--scroll-track-radius, var(--scroll-radius));
}

*::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb-color, grey);
    background-image: var(--scroll-thumb, none);
    border-radius: var(--scroll-thumb-radius, var(--scroll-radius));
}

* {
    --scroll-size: 10px;
    --scroll-radius: 20px;
    --scroll-track: rgb(255 255 255 / 10%);
    --scroll-thumb: linear-gradient(45deg, #00aeff, #0c91cf);
}

/* Select2 dark mode — inline search input inside multiple selects */
html.dark .select2-container--default .select2-search--inline .select2-search__field {
    color: #bec8d5;
    background-color: transparent;
}

html.dark .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: #637998;
}

/* Password toggle floating icon */
.pw-toggle-wrap {
    position: relative;
}

.pw-toggle-wrap input[type="password"],
.pw-toggle-wrap input[type="text"] {
    padding-right: 2.5rem;
}

.pw-toggle-icon {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    line-height: 1;
    z-index: 5;
}

.pw-toggle-icon:hover {
    color: #343a40;
}

html.dark .pw-toggle-icon:hover {
    color: #e4e7ed;
}