/* static/css/dark-theme.css */

/* Set the default theme for the entire page */
body {
    background-color: #000000 !important;
    /* Force black background */
    color: #e9ecef;
    /* Light grey text for readability */
}


/* --- Home Page Specific Styles --- */
.fullscreen-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.fullscreen-logo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* This ensures the entire logo is visible without distortion */
}


/* --- General Site Styles --- */
/* Ensure all major containers have the black background */
.container,
.container-fluid {
    /* This is the same red color, but with 75% opacity */
    background-color: rgba(0, 0, 0, 0.1) !important;
}

/* FIX: Increase brightness of ALL muted/secondary text for dark theme */
[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-body-secondary,
[data-bs-theme="dark"] .card-subtitle,
[data-bs-theme="dark"] .card-body small,
[data-bs-theme="dark"] .form-label {
    color: #ffffff !important;
    /* Force all secondary text to be pure white */
}

/* --- Navigation Bar --- */
.navbar {
    border-bottom: 1px solid #343a40;
    /* Dark border for separation */
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff;
}

.navbar-dark .navbar-brand {
    color: #ffffff;
}


/* --- Dropdown Menus --- */
.dropdown-menu {
    background-color: #2c3034;
    border: 1px solid #343a40;
}

.dropdown-item {
    color: #e9ecef;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #ffffff;
    background-color: #495057;
}


/* --- Cards and Modals --- */
/* --- Cards and Modals --- */
.card,
.modal-content,
.list-group-item,
.card-body {
    /* Added .card-body to this rule */
    background-color: #212529 !important;
    /* Added !important to ensure override */
    color: #e9ecef;
}

.modal-header,
.modal-footer {
    border-bottom: 1px solid #495057;
    border-top: 1px solid #495057;
}


/* --- Buttons and Links --- */
a {
    color: #6a8bca;
}

a:hover {
    color: #8ea9e0;
}


/* --- Forms --- */
.form-control {
    background-color: #343a40;
    color: #e9ecef;
    border-color: #495057;
}

.form-control:focus {
    background-color: #343a40;
    color: #e9ecef;
    border-color: #6a8bca;
    box-shadow: 0 0 0 0.25rem rgba(106, 139, 202, 0.25);
}
.btn-gold {
    background-color: #E59F24; /* Gold color matched from screenshot */
    border-color: #E59F24;
    color: #fff; /* White text to match site design */
    font-weight: normal; /* Ensure text is not bold */
}

.btn-gold:hover {
    background-color: #C98B20; /* A slightly darker gold for hover */
    border-color: #C98B20;
    color: #fff;
    font-weight: normal; /* Ensure text is not bold */
}

.price-badge-green {
    background-color: #198754 !important; /* Green color matched from screenshot */
    color: #fff !important; /* Black text to match screenshot */
    font-weight: normal !important; /* Ensure text is not bold */
}