/*==================================================
 DARK SYSTEM ROHAN
 Navbar
==================================================*/

.navbar{

    position:sticky;
    top:0;
    z-index:1050;

    background:rgba(15,23,42,.80)!important;

    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);

    border-bottom:1px solid rgba(255,255,255,.08);

    padding:.85rem 0;

    transition:all .3s ease;

}

/* Logo */

.navbar-brand{

    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    object-fit:contain;
    display:block;
}

.navbar-brand img{

    width:42px;
    height:42px;

    border-radius:10px;

    object-fit:cover;

}

.navbar-brand span{

    color:var(--primary);

}

/* Navigation */

.navbar-nav{

    align-items:center;

}

.navbar-nav .nav-link{

    color:var(--text)!important;

    font-weight:500;

    margin:0 8px;

    position:relative;

    transition:.3s;

}

.navbar-nav .nav-link:hover{

    color:var(--primary)!important;

}

.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-6px;

    width:0;

    height:2px;

    background:var(--primary);

    transition:.3s;

}

.navbar-nav .nav-link:hover::after{

    width:100%;

}

/* Active Link */

.navbar-nav .nav-link.active{

    color:var(--primary)!important;

}

.navbar-nav .nav-link.active::after{

    width:100%;

}

/*==================================================
 Cash Point Badge
==================================================*/

.cp-badge{

    display:flex;

    align-items:center;

    gap:8px;

    padding:8px 18px;

    border-radius:50px;

    background:linear-gradient(
        135deg,
        #FFD54F,
        #F59E0B
    );

    color:#111;

    font-weight:700;

    box-shadow:
        0 0 15px rgba(250,204,21,.35);

    animation:cpGlow 2s infinite;

}

.cp-badge i{

    color:#B45309;

}

/*==================================================
 User Dropdown
==================================================*/

.dropdown-menu{

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:14px;

    overflow:hidden;

    margin-top:12px;

}

.dropdown-item{

    color:#fff;

    transition:.25s;

}

.dropdown-item:hover{

    background:var(--primary);

    color:#fff;

}

.dropdown-divider{

    border-color:var(--border);

}

/*==================================================
 Navbar Buttons
==================================================*/

.navbar .btn{

    border-radius:10px;

    padding:8px 18px;

}

/*==================================================
 Mobile Toggle
==================================================*/

.navbar-toggler{

    border:none;

    box-shadow:none!important;

}

.navbar-toggler-icon{

    filter:invert(1);

}

/*==================================================
 Sticky Effect
==================================================*/

.navbar.scrolled{

    background:#0f172a!important;

    box-shadow:
        0 5px 20px rgba(0,0,0,.35);

}

/*==================================================
 Animation
==================================================*/

@keyframes cpGlow{

    0%{

        box-shadow:
            0 0 8px rgba(250,204,21,.30);

    }

    50%{

        box-shadow:
            0 0 18px rgba(250,204,21,.60);

    }

    100%{

        box-shadow:
            0 0 8px rgba(250,204,21,.30);

    }

}
/*==================================================
GLOBAL TEXT OVERRIDE
==================================================*/

/* Default text */

body,
.card,
.card-body,
.card-header,
.container,
.row,
.col,
label,
p,
span,
small,
strong,
li,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6{
    color:#ffffff !important;
}

/* Bootstrap utility classes */

.text-dark,
.text-body,
.text-black,
.text-black-50{
    color:#ffffff !important;
}

.text-secondary{
    color:#d1d5db !important;
}

.text-muted{
    color:#bfc8d4 !important;
}

/* Tables */

.table,
.table td,
.table th{
    color:#ffffff !important;
}

/* Cards */

.card-title,
.card-text,
.card-header{
    color:#ffffff !important;
}

/* Forms */

.form-label,
.form-check-label{
    color:#ffffff !important;
}

.form-control,
.form-select{
    color:#ffffff !important;
}

.form-control::placeholder{
    color:#9ca3af !important;
}

/* Input group */

.input-group-text{
    color:#ffffff;
    background:#162032;
    border-color:var(--border);
}

/* Dropdown */

.dropdown-item{
    color:#ffffff;
}

/* Links */

a{
    color:#ffffff;
}

a:hover{
    color:var(--warning);
}