/* ================================
   THEME COLOR OVERRIDE
================================ */

.theme-color-2 {
    --theme-color: #6a2ccf;
    --theme-color-rgb: 106, 44, 207;
}

/* ================================
   BODY BACKGROUND
================================ */

.bg-effect {
    background: radial-gradient( circle at top, rgba(var(--theme-color-rgb), 0.25), #14091f 45%, #0b0614 100% );
    min-height: 100vh;
}

/* ================================
   HEADER NOTIFICATION BAR
================================ */

.header-notification.theme-bg-color {
    background: linear-gradient( 90deg, rgba(var(--theme-color-rgb), 1), rgba(var(--theme-color-rgb), 0.85) ) !important;
    color: #fff;
}

/* ================================
   MAIN HEADER
================================ */

.header-2 {
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.95) ) !important;
}

    /* ================================
   ICONS & LINKS
================================ */

    .header-2 .header-icon i,
    .header-2 .nav-link,
    .header-2 h6 {
        color: #fff !important;
    }

    .header-2 .header-icon:hover i {
        color: var(--theme-color) !important;
    }

/* ================================
   DROPDOWN / CART
================================ */

.onhover-div,
.onhover-div-login {
    background: linear-gradient( 135deg, rgba(var(--theme-color-rgb), 0.15), #0d0617 ) !important;
    border-radius: 14px;
}

/* ================================
   BUTTONS
================================ */

.btn.theme-bg-color {
    background: linear-gradient( 135deg, rgba(var(--theme-color-rgb), 1), rgba(var(--theme-color-rgb), 0.75) ) !important;
    border: none;
    color: #fff;
}

/* ================================
   LOGIN PAGE BACKGROUND FIX
================================ */

body.bg-effect {
    background: linear-gradient( 135deg, #1b082d 0%, #2c0f46 40%, #0b0614 100% ) !important;
}


.header-notification {
    background: linear-gradient( 90deg, #6a2ccf, #4b1fa6 ) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}