/* assets/css/style.css */

/* 1. Global Dark Overrides */
body {
    background-color: #121212 !important; /* Deep matte black/gray */
    color: #e0e0e0;
}

/* 2. Navbar Customization */
.navbar {
    background-color: #1f1f1f !important; /* Slightly lighter than body */
    border-bottom: 1px solid #333;
}

.navbar-brand {
    font-weight: 700;
    color: #ffffff !important;
    letter-spacing: 0.5px;
}

/* 3. Card Styling for Dark Mode */
.card {
    background-color: #1e1e1e !important; /* Material Dark Card */
    border: 1px solid #333 !important;
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-2px); /* Subtle lift effect */
    border-color: #444 !important;
}

.card-title {
    color: #adb5bd; /* Bootstrap 'gray-500' */
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
}

/* 4. Alert Customization */
.alert-custom {
    background-color: #2c2c2c;
    color: #4db8ff; /* Light Blue text */
    border-left: 4px solid #4db8ff !important;
}

/* 5. Input Fields (for forms) */
.form-control, .form-select {
    background-color: #2b2b2b !important;
    border-color: #444 !important;
    color: #fff !important;
}

.form-control:focus {
    background-color: #333 !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* 6. Tables (for later use) */
.table {
    --bs-table-color: #e0e0e0;
    --bs-table-bg: transparent;
    --bs-table-border-color: #333;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.075);
}

/* Badge Tweaks for Dark Mode */
.badge {
    font-weight: 500;
    font-size: 0.75rem;
    padding: 0.4em 0.6em;
}
.badge.bg-info {
    color: #000 !important; /* Make text readable on light blue */
}
.badge.bg-warning {
    color: #000 !important;
}

/* Contact List Styling */
.list-group-item-action:hover {
    background-color: #2c2c2c !important;
}

/* Custom Scrollbar for dark theme */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1e1e1e;
}
::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Make list pane feel separate */
#contactListPane .card {
    border-right: 1px solid #333;
}

/* Add/Update this to handle the flex container better */
.gig-list-item .d-flex.align-items-center.mb-1 {
    min-width: 0; /* Critical for text-truncate inside flexbox */
}

/* Badge Colors - Enforced */
.badge-status-confirmed { background-color: #198754 !important; color: #fff !important; border: 1px solid #198754; }
.badge-status-pending   { background-color: #ffc107 !important; color: #000 !important; border: 1px solid #ffc107; }
.badge-status-cancelled { background-color: #dc3545 !important; color: #fff !important; border: 1px solid #dc3545; }
.badge-status-paid      { background-color: #0d6efd !important; color: #fff !important; border: 1px solid #0d6efd; }
.badge-status-contract-pending { background-color: #fd7e14 !important; color: #fff !important; border: 1px solid #fd7e14; }
.badge-status-unknown   { background-color: #6c757d !important; color: #fff !important; border: 1px solid #6c757d; }

/* Mobile Visibility Fix */
.badge {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important; /* Ensures it doesn't collapse */
}