body {
    background-color: #f8f9fa; /* Light gray background */
    color: #212529; /* Dark gray text color */
    font-family: Arial, sans-serif; /* Adjust font if needed */
}

/* Navbar styling */
.navbar {
    background-color: #343a40; /* Dark navbar background */
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.navbar-nav .nav-item .nav-link.btn {
    border-radius: 20px;
    padding: 0.375rem 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.navbar-nav .nav-item .nav-link.btn.btn-primary {
    background-color: #007bff; /* Blue primary button */
    border: none;
}

.navbar-nav .nav-item .nav-link.btn.btn-danger {
    background-color: #dc3545; /* Red danger button */
    border: none;
}

.navbar-nav .nav-item .nav-link.btn.btn-success {
    background-color: #28a745; /* Green success button */
    border: none;
}

.navbar-nav .nav-item .nav-link.btn.btn-warning {
    background-color: #ffc107; /* Yellow warning button */
    border: none;
    color: #212529; /* Dark text for warning button */
}

.navbar-nav .nav-item {
    margin-left: 0.5rem;
}

/* Card styling */
.card {
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff; /* White card background */
}

.card-header {
    background-color: #007bff; /* Blue card header */
    color: #ffffff; /* White text for card header */
    border-bottom: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.card-body {
    padding: 1rem; /* Padding for card body */
}

.btn-primary {
    background-color: #007bff; /* Blue primary button */
    border: none;
    border-radius: 10px;
    padding: 0.75rem;
}

.btn-outline-success {
    color: #28a745; /* Green outline button text */
    border-color: #28a745; /* Green outline button border */
}

.btn-outline-danger {
    color: #dc3545; /* Red outline button text */
    border-color: #dc3545; /* Red outline button border */
}

/* Image and text styling inside cards */
.card-img {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.card-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.card-text {
    font-size: 0.875rem;
    color: #6c757d; /* Gray text color */
}

/* Deal-specific styling */
.inactive_card {
    filter: opacity(75%) grayscale(100%);
}

.text-bold {
    font-weight: bold;
}

.text-blue {
    color: blue; /* Blue text color */
}

/* Pagination styling */
.pagination {
    justify-content: center; /* Center pagination links */
    margin-top: 1rem;
}

.page-item .page-link {
    color: #007bff; /* Blue pagination link text */
    background-color: transparent;
    border-color: #007bff;
}

.page-item.active .page-link {
    background-color: #007bff; /* Blue background for active page */
    border-color: #007bff;
}

/* Category scroll container */
.category-scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none; /* Remove scrollbar for Chrome */
    -ms-overflow-style: none; /* Remove scrollbar for IE/Edge */
}

.category-scroll-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome */
}

.category-item {
    display: inline-block;
    margin-right: 10px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    background-color: #343a40; /* Dark category button background */
    color: #ffffff; /* White text for category button */
    border-radius: 10px;
    transition: transform 0.3s, font-size 0.3s;
}

.category-item:hover {
    transform: scale(1.05); /* Scale effect on hover */
}