/*------------------------------------*\
    Custom CSS must be included in last
    @theme K2 rankings
    @CreatedBy Himanshu Yadav
    @CreatedOn 16 June 2026
\*------------------------------------*/

/*======================================
    Theme Variables
======================================*/
:root {

    /* Primary Brand Colors */
    --theme-primary: #3E66F3;
    --theme-primary-dark: #2448D8;
    --theme-primary-light: #7EA0FF;

    /* Accent Color */
    --theme-accent: #4f46e5;

    /* Background Colors */
    --theme-white: #FFFFFF;
    --theme-body-bg: #EFF1F9;
    --theme-light-bg: #F3F7FF;
    --theme-light-bg-2: #EEF4FF;
    --theme-light-bg-3: #E2EAFF;
    --theme-light-bg-4: #D4E0FF;

    /* Gradients */
    --theme-primary-gradient: linear-gradient(
        135deg,
        var(--theme-primary-dark) 0%,
        var(--theme-primary) 50%,
        var(--theme-primary-light) 100%
    );

    --theme-soft-gradient: linear-gradient(
        100deg,
        var(--theme-light-bg) 0%,
        var(--theme-light-bg-2) 45%,
        var(--theme-light-bg-3) 55%,
        var(--theme-light-bg-4) 100%
    );

    /* Shadows */
    --theme-primary-shadow: 0 8px 20px rgba(62, 102, 243, 0.40);

    --theme-primary-glow: 0 8px 20px rgba(62, 102, 243, 0.35),
    0 0 25px rgba(62, 102, 243, 0.25);

    /* Borders */
    --theme-border: 3px solid var(--theme-primary);
}


a {
    color: var(--theme-primary);
}

.logo-box::before {
    background: var(--theme-primary);
}

.sidebar--nav ul ul a:hover,
.sidebar--nav ul ul .open > a,
.sidebar--nav ul ul .active > a,
.sidebar--nav ul ul .active > a:before {
    color: var(--theme-primary);
    border: 2px solid var(--theme-primary);
    box-shadow: var(--theme-primary-glow);
}

.page-link {
    min-width: 35px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--theme-accent);
    background: var(--theme-white);
    border: 1px solid #E9E6E3;
    transition: all .25s ease;
}

.page-link:hover,
.page-link:focus {
    color: var(--theme-white);
    background: var(--theme-primary-gradient);
    border-color: var(--theme-primary);
    box-shadow: var(--theme-primary-shadow);
    z-index: 2;
}

.page-link:focus {
    box-shadow: var(--theme-primary-shadow);
}

.page-item.active .page-link {
    color: var(--theme-white);
    background: var(--theme-primary-gradient);
    border-color: var(--theme-primary);
    box-shadow: var(--theme-primary-shadow);
}

.page-item.disabled .page-link {
    color: #B5B5B5;
    background: var(--theme-white);
    border-color: #ECECEC;
    opacity: .7;
    cursor: not-allowed;
}

.campaign-banner {
    background: var(--theme-primary-gradient);
    box-shadow: var(--theme-primary-shadow);
}

.progress-inner {
    background: var(--theme-primary-dark);
}

.custom-tab-pane {
    background: var(--theme-soft-gradient);
}

.tabs-wrapper .card-header,
.tabs-wrapper .card-body {
    border: var(--theme-border);
}

.navbar--header {
    position: relative;
    height: 80px;
    background: var(--theme-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    overflow: hidden;
}

.navbar--header .navbar--btn {
    background-color: var(--theme-white);
}

.sidebar--nav .is-dropdown > a:hover:after,
.sidebar--nav .is-dropdown > a:after,
.sidebar--nav .is-dropdown > a:hover:before {
    color: var(--theme-primary) !important;
}

.page--title {
    color: var(--theme-accent);
}

.custom-nav-link i.fa-solid {
    color: var(--theme-accent);
    background-color: var(--theme-body-bg);
}

a.custom-nav-link.active .fa-solid {
    background: var(--theme-accent);
}

.nav li a:hover,
.nav li.active > a,
.nav li.active > a:hover,
.nav li.active > a:focus,
.nav li.open > a,
.nav li.open > a:hover,
.nav li.open > a:focus {
    color: var(--theme-accent);
}

.tabs-wrapper .card:has(.collapse.show)::after {
    border-right: var(--theme-border);
    border-top: var(--theme-border);
    border-bottom: var(--theme-border);
}

.tabs-wrapper .card:has(.collapse.show)::before {
    border-left: var(--theme-border);
    border-top: var(--theme-border);
    border-bottom: var(--theme-border);
}

.main--footer a {
    color: var(--theme-accent);
}

/* Start Profile Page Css Written By Himanshu */

.info-icon {
    background: var(--theme-body-bg);
    color: var(--theme-primary);
}

.profile-cover {
    background: var(--theme-soft-gradient);

}

.section-title::after {
    background: var(--theme-accent);
}

a:hover, a:focus {
    color: var(--theme-primary);
}

/* End Profile Page Css Written By Himanshu */


/*======================================
   Login Page
======================================*/

/* Input Group */
.m-account--form .input-group-prepend {
    background: linear-gradient(
        135deg,
        var(--theme-primary-dark) 0%,
        var(--theme-primary) 100%
    );
}

/* Primary Button */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
.show > .dropdown-toggle.btn-primary,
.nav > li > a.btn-primary:hover,
.nav > li > a.btn-primary:focus,
.nav > li.active > a.btn-primary {
    background: linear-gradient(
        135deg,
        var(--theme-primary) 0%,
        var(--theme-primary-dark) 100%
    );
    border-color: var(--theme-primary-dark);
    color: var(--theme-white);
}

/*======================================
    Header Mobile
======================================*/
@media (max-width: 768px) {
    .navbar--header {
        width: 400px;
        padding-right: 0px;
        position: fixed;
    }
}