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

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

    /* Primary Brand Colors */
    --theme-primary: #FF7615;
    --theme-primary-dark: #FF6400;
    --theme-primary-light: #FF7B1A;
    --theme-primary-soft: #FFB347;

    /* Accent Colors */
    --theme-accent: #E16123;
    --theme-accent-dark: #D14524;
    --theme-accent-active: #DA4E26;
    --theme-icon-color: #DF542A;

    /* Background Colors */
    --theme-white: #FFFFFF;
    --theme-bg-light: #FAF6F2;
    --theme-bg-light-2: #FBEFE6;
    --theme-bg-light-3: #FDECE3;
    --theme-icon-bg: #FDF8F6;

    /* Decorative Background Effects */
    --theme-glow-top: rgba(255, 214, 184, 0.35);
    --theme-glow-bottom: rgba(255, 230, 210, 0.40);

    /* Body Background */
    --theme-body-bg: radial-gradient(circle at top left,
    var(--theme-glow-top) 0%,
    transparent 35%),
    radial-gradient(circle at bottom right,
        var(--theme-glow-bottom) 0%,
        transparent 40%),
    linear-gradient(
        135deg,
        var(--theme-white) 0%,
        #FFF8F4 50%,
        #FDF1E8 100%
    );

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

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

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

    /* Shadows */
    --theme-primary-shadow: 0 8px 20px rgba(255, 100, 0, 0.30);
}

/*======================================
    Global Styles
======================================*/


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

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


.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;
}

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

.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);
}

/*======================================
    Profile Page
======================================*/

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

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

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

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


/*======================================
    Pagination
======================================*/

.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;
}

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

.m-account--form .input-group-prepend {
    background: linear-gradient(135deg, #DA4E26, #d94838);
}

.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, #E1572C 0%, #CF3E1B 100%);
}

/*======================================
    Header Mobile
======================================*/

@media (max-width: 767px) {
    /* .navbar--header {
         width: 400px;
         padding-right: 0px;
         position: fixed;
     }*/
    .sidebar-mini .navbar--header {
        width: 400px;
        padding-right: 0px;
        position: fixed;
    }

}