html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
}

body {
    /*padding-top: 60px;*/ /* account for fixed nav, adjust if needed */
    position: relative;
    overflow-y: hidden;
    /*padding-bottom: 110px;*/
}

main#main-content {
    padding-top: 60px; /* Space for navbar */
    padding-bottom: 115px; /* Space for footer */
    flex: 1 0 auto; /* Fill space between header/footer */
    overflow-y: auto; /* Allow scrolling within main */
    min-height: calc(100vh - 180px); /* Ensure it fits */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
}


.navbar {
    /*background-color: rgba(56, 238, 255, 0.4) !important;*/
    margin: 0px;
    padding: 5px;
    height: 56px;
    border-bottom: 6px solid rgba(255, 255, 255, 0.1);
}

.custom-toggler {
    border-radius: 1.25rem !important;
    box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.3), 0px 2px 4px rgba(255, 255, 255, 0.6) !important;
    border: 0px;
    border-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
    border-image-slice: 1;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    padding: 0.25rem 0.25rem;
    font-size: 0.7rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .custom-toggler:hover {
        transform: scale(1.05);
        box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.7) !important;
    }

    .custom-toggler:active {
        transform: scale(0.95);
        box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.5);
    }

.nav-overflow-hidden {
    overflow-x: hidden; /* Hide horizontal overflow */
    white-space: nowrap; /* Prevent wrapping */
}

    .nav-overflow-hidden .nav-link {
        display: inline-block; /* Ensure links are inline */
    }

.navbar-toggler-icon {
    font-size: 15px !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ebffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
    border: transparent; /* or border: none; */
}

.logo {
    border-radius: 10%;
}


.avatar-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

    .avatar-circle img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }


.text-center {
    text-align: center;
}

.flex-grow-1 {
    flex-grow: 1;
}


.double-razor:before {
    height: 1px;
    box-shadow: 0 -1.5px 0 var(--bs-primary), 0 1.5px 0 var(--bs-primary);
    border-width: 0;
}

.double-razor:after {
    height: 1px;
    box-shadow: 0 -1.5px 0 var(--bs-primary), 0 1.5px 0 var(--bs-primary);
    border-width: 0;
}


.divider {
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    font-family: Orbitron;
    font-size: 18px;
    font-style: italic;
    color: var(--bs-primary);
    text-shadow: var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur-radius) rgba(0, 0, 0, 0.7), var(--glow-offset-x) var(--glow-offset-y) calc(var(--glow-blur-radius-1) * 0.8) var(--glow-color-2), var(--glow-offset-x) var(--glow-offset-y) calc(var(--glow-blur-radius-2) * 0.9) var(--glow-color-1), var(--glow-offset-x) var(--glow-offset-y) var(--glow-blur-radius-3) var(--glow-color-2) !important;
}

    .divider:before,
    .divider:after {
        content: "";
        flex: 1;
    }

.line {
    align-items: center;
    margin: .5em -.5em;
}

    .line:before,
    .line:after {
        height: 9px;
        margin: 0 .5em;
    }

/*.header-wrapper {
    width: 100%;
    text-align: center;
}
*/