body {
    font-family: 'Arial', sans-serif;
    background-color: #e9ecef;
    color: #000000;
}

.navbar.bg-light {
    background-color: #1a1a1a !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

.navbar-brand,
.navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-nav .nav-link:hover {
    color: #d4af37 !important;
}

/* Style for the logo in the navbar */
.navbar-logo {
    height: 29px;
    margin-right: 8px;
    vertical-align: middle;
    max-height: 40px;
}

/* Make navbar toggler icon white */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 767.98px) {
    .navbar-logo {
        height: 29px;
        max-height: 29px;
    }

    .navbar-brand {
        padding: 0.25rem 0.5rem;
    }

    /* Add spacing between colored cards and main cards on mobile */
    .row.mb-4 + .row {
        margin-top: 1rem;
    }
}

/* Ensure navbar height remains unchanged */
.navbar {
    min-height: 56px;
}

/* Ensure navbar-brand text aligns properly with logo */
.navbar-brand {
    display: flex;
    align-items: center;
}

/* Optional: Fine-tune spacing if needed */
.navbar-brand span {
    margin-left: 2px;
}

/* Footer styling to match the header */
.footer {
    background-color: #1a1a1a;
    color: #ffffff;
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    color: #d4af37;
}

.card {
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    background-color: rgb(246, 247, 249);
    color: #000000;
}

.card-header {
    background-color: #4c4c4c;
    border-bottom: 1px solid #d4af37;
    color: #ffffff;
}

/* Ensure table headers inside cards match the card background */
.card .table thead th {
    background-color: rgb(246, 247, 249);
    border-bottom: 2px solid #d4af37;
}

/* Set table background inside cards to match card background */
.card .table {
    --bs-table-bg: rgb(246, 247, 249);
    background-color: rgb(246, 247, 249);
}

/* Improve table cell readability with minimum width and scrolling */
.card .table td,
.card .table th {
    min-width: 100px;
}

.card .table-responsive {
    overflow-x: auto;
}

/* Remove yellow border between list items in the overview card */
.card-header ~ .card-body .list-group.list-group-flush .list-group-item {
    border-bottom: none;
}

/* Ensure the last item doesn't have extra spacing */
.card-header ~ .card-body .list-group.list-group-flush .list-group-item:last-child {
    margin-bottom: 0;
}

/* Style for boxed content */
.ip-box {
    display: inline-block;
    border: 1px solid #d4af37;
    padding: 2px 6px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #f5f6f8;
    color: #000000;
}

/* Add hover effect to table rows */
.table-hover tbody tr:hover {
    background-color: #e9ecef !important;
    transition: background-color 0.2s ease;
    cursor: pointer;
}

/* General table styles */
.table {
    color: #000000;
    background-color: #f5f6f8;
}

.table thead th {
    background-color: #e9ecef;
    border-bottom: 2px solid #d4af37;
}

.table tbody tr {
    border-bottom: 1px solid #d4af37;
}

.list-group-item {
    background-color: #f5f6f8;
    color: #000000;
    border: 1px solid #d4af37;
}

.text-muted {
    color: #6c757d !important;
}

.alert-success {
    background-color: #1e7e34;
    color: #ffffff;
    border-color: #d4af37;
}

.alert-danger {
    background-color: #dc3545;
    color: #ffffff;
    border-color: #d4af37;
}

.btn-link {
    color: #d4af37;
}

.btn-link:hover {
    color: #000000;
}

.input-group-text {
    background-color: #f5f6f8;
    color: #d4af37;
    border-color: #d4af37;
}

.form-control {
    background-color: #f5f6f8;
    color: #000000;
    border-color: #d4af37;
}

.form-control:focus {
    background-color: #f5f6f8;
    color: #000000;
    border-color: #d4af37;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
}

/* Add padding to the last row to create a gap above the footer */
.row:last-of-type {
    margin-bottom: 2rem; /* Adds 32px gap */
}

/* Custom gold button style */
.btn-gold {
    background-color: transparent; /* Gold color from theme */
    border-color: #d4af37;
    color: #212529; /* Dark text for contrast */
}

.btn-gold:hover {
    background-color: #c19e30; /* Slightly darker gold on hover */
    border-color: #c19e30;
    color: #212529;
}