/* custom variable */
:root {
    --header-gradient: linear-gradient(to right, #d4b45c, #a45a1abe, #5a2a00);
    --navbar-gradient: linear-gradient(135deg, #2e0b03, #6b1414, #d97706);
    --footer-gradient: linear-gradient(135deg, #1a0702, #3b1a05, #8b5a20);
    --bg-gradient: linear-gradient(to bottom, #f2d6a0, #d4aa6a, #b07c3a);
    --card-bg: linear-gradient(145deg, #f3e0c3, #d4b07a);
    --text-dark: #1a0b05;
    --text-light: #fdf3e7;
    --saffron: #d97706;
    --gold: #b8860b;
}

/* ===== START COLOR THEME ===== */

.navbar {
    background: var(--navbar-gradient) !important;
    padding-top: 4px;
    padding-bottom: 0px;
}

.navbar .nav-link {
    color: var(--text-light) !important;
    font-weight: 500;
}

.dropdown-menu {
    background: var(--card-bg);
    border: none;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.dropdown-item {
    color: var(--text-dark);
    font-weight: 500;
}

.dropdown-item:hover {
    background: var(--navbar-gradient);
    color: var(--text-light);
}

.dropdown-submenu > .dropdown-menu {
    background: var(--card-bg);
}

.dropdown-submenu .dropdown-item:hover {
    background: var(--navbar-gradient);
    color: var(--text-light);
}

.mega-menu {
    background: var(--card-bg);
    border-radius: 6px;
}

.mega-menu h6 {
    color: var(--saffron);
    border-bottom: 2px solid var(--gold);
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.cart-link i {
    color: var(--text-light);
}

.cart-count {
    background: var(--saffron);
    color: var(--text-light);
    border: 1px solid var(--gold);
}

@media (max-width: 991px) {
    .navbar-collapse {
        background: var(--navbar-gradient);
        padding: 15px;
        border-radius: 6px;
    }
    
    .dropdown-menu {
        box-shadow: none;
    }
}

.navbar .nav-link.active {
    color: var(--gold) !important;
    border-bottom: 2px solid var(--gold);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: var(--gold) !important;
}
/* ===== END COLOR THEME ===== */

/* Submenu support */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
}

/* ==== CART FIX ==== */

.cart-link{
    position: relative;   /* IMPORTANT */
    display: inline-block;
}

.cart-link i{
    font-size: 18px;
}

.cart-count{
    position: absolute;
    top: 2px;            /* navbar top को touch नहीं करेगा */
    right: -10px;        /* cart icon के पास */
    background: red;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 50%;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}

/* Hover desktop */
@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

/* Mega menu width */
.mega-menu {
    width: 600px;
}