/* Footer should stick to bottom with glassy effect */
.footer {
    margin-top: auto;
    /* Glassy effect background */
    background: #2e2814;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Subtle border and shadow */
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);

    padding: 1rem 0;
    position: relative;

        /* Add subtle gradient overlay */
        background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%);

}

.footer h4 {
    margin: 0;
    font-size: 1.1rem;
    color: #000000;
    font-weight: 500;
}

/* Ensure body and html take full height */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Sidebar adjustments */

/* Sidebar toggle functionality */
.navbar-bg {
    background: rgba(255, 247, 247, 0.995);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);/* Add subtle gradient overlay */
    background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%);

}

.badge {
    color: #000000 !important;
}

.hamburger
.hamburger, .hamburger:before,
.hamburger, .hamburger:after {
    background-color: whitesmoke;
}

/* Hamburger menu styling */

/* Custom theme overrides */

/* Navbar background and text */
.navbar.navbar-bg {
	background-color: #2e2814 !important;
	border-color: #2e2814 !important;
    background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%);

}

/* Force navbar text to be white, even if text-dark class is present */
.navbar .nav-link,
.navbar .nav-link.text-dark,
.navbar .dropdown-item,
.navbar .navbar-brand {
	color: #ffffff !important;
}

/* Dropdown menu background/links for contrast on colored navbar */
.navbar .dropdown-menu {
	background-color: #ffffff;
}
.navbar .dropdown-menu .dropdown-item {
	color: #333333 !important;
}
.navbar .dropdown-menu .dropdown-item:hover {
	background-color: #f3f3f3;
}

/* Navbar toggler visibility on colored background */
.navbar .navbar-toggler {
	border-color: rgba(255, 255, 255, 0.5) !important;
}
.navbar .navbar-toggler-icon {
	filter: invert(1) brightness(200%);
}

/* Sidebar base styles */
#sidebar.sidebar {
	background-color: #2e2814 !important;
    background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%);
}

/* Sidebar links and icons */
#sidebar .sidebar-link,
#sidebar .sidebar-link span,
#sidebar .sidebar-link i,
#sidebar .sidebar-brand,
#sidebar .sidebar-brand span {
	color: #ffffff !important;

}

/* Sidebar section headers */
#sidebar .sidebar-header {
	color: #ffe9e4 !important;
}

/* Ensure icons remain visible */
#sidebar [data-feather] {
	stroke: #ffffff !important;
    /* background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%); */

}

.sidebar-brand {
    background-color: #2e2814;
        background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%);

}

.sidebar-link {
    background-color: #2e2814 !important;
        background-image: linear-gradient(135deg, rgba(196, 178, 5, 0.15) 0%, rgba(31, 26, 22, 0.8) 100%);

}

li.sidebar-header {
    background-color: #2e2814 !important;
}

.btn-primary {
    background-color: #2e2814;
    border-radius: 20px;
}

.btn-tertiary {
    background-color: #2e2814;
    color: #ffffff;
    border-radius: 20px;
}

.btn-secondary,
.btn-outline-secondary {
    border-radius: 20px;
}


.category-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    transition: 0.2s ease;
}

.category-card:hover {
    transform: translateY(-2px);
}

.item-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.dim-tag {
    display: inline-block;
    padding: 3px 8px;
    margin-right: 4px;
    font-size: 11px;
    border-radius: 10px;
    background: rgba(255,255,255,0.1);
    color: #fff;
}

.badge-category {
    background: rgba(255, 215, 0, 0.2);
    color: #ffd700;
}

.table tbody tr:hover {
    background: rgba(255,255,255,0.05);
}

.hover-shadow:hover {
    transform: translateY(-3px);
    transition: 0.2s ease;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.card {
    border-radius: 12px;
}

.dim-tag {
    color: #000; /* instead of muted */
    opacity: 1;
}