/* Auction Scraper Custom Color Theme */

:root {
    --dark-gray: #675a58;
    --light-gray: #f1f2f3;
    --navy: #1b233e;
    --bright-blue: #13328f;
    --yellow-gold: #dea344;
    --medium-blue-gray: #7285b0;
}

/* Override Bootstrap primary color with bright blue */
.bg-primary,
.btn-primary,
.navbar-brand,
.navbar-nav .nav-link:hover,
.badge.bg-primary {
    background-color: var(--bright-blue) !important;
    border-color: var(--bright-blue) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--navy) !important;
    border-color: var(--navy) !important;
}

/* Custom navbar styling */
.navbar-dark {
    background-color: var(--navy) !important;
}

.navbar-dark .navbar-brand {
    color: var(--light-gray) !important;
    font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--light-gray) !important;
    transition: all 0.3s ease;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--yellow-gold) !important;
    background-color: rgba(19, 50, 143, 0.1);
    border-radius: 4px;
}

/* Card and content styling */
body {
    background-color: var(--light-gray);
    color: var(--dark-gray);
}

.card {
    border: 1px solid rgba(103, 90, 88, 0.2);
    box-shadow: 0 2px 4px rgba(103, 90, 88, 0.1);
}

.card-header {
    background-color: var(--medium-blue-gray);
    color: white;
    border-bottom: 1px solid rgba(103, 90, 88, 0.2);
}

.card-header h5,
.card-header h6 {
    color: white;
    margin-bottom: 0;
}

/* Status badges */
.badge.bg-success {
    background-color: #28a745 !important;
}

.badge.bg-warning {
    background-color: var(--yellow-gold) !important;
    color: var(--navy) !important;
}

.badge.bg-danger {
    background-color: #dc3545 !important;
}

.badge.bg-info {
    background-color: var(--medium-blue-gray) !important;
}

.badge.bg-secondary {
    background-color: var(--dark-gray) !important;
}

/* Health check specific styling */
.health-status-healthy {
    border-left: 4px solid #28a745;
}

.health-status-degraded {
    border-left: 4px solid var(--yellow-gold);
}

.health-status-unhealthy {
    border-left: 4px solid #dc3545;
}

/* Button variants */
.btn-outline-primary {
    color: var(--bright-blue);
    border-color: var(--bright-blue);
}

.btn-outline-primary:hover {
    background-color: var(--bright-blue);
    border-color: var(--bright-blue);
    color: white;
}

.btn-info {
    background-color: var(--medium-blue-gray);
    border-color: var(--medium-blue-gray);
}

.btn-info:hover {
    background-color: var(--navy);
    border-color: var(--navy);
}

.btn-warning {
    background-color: var(--yellow-gold);
    border-color: var(--yellow-gold);
    color: var(--navy);
}

.btn-warning:hover {
    background-color: #c8922e;
    border-color: #c8922e;
    color: var(--navy);
}

/* Links and text */
a {
    color: var(--bright-blue);
}

a:hover {
    color: var(--navy);
}

.text-primary {
    color: var(--bright-blue) !important;
}

.text-muted {
    color: var(--dark-gray) !important;
    opacity: 0.7;
}

/* Tables */
.table th {
    background-color: var(--medium-blue-gray);
    color: white;
    border-color: var(--dark-gray);
}

.table td {
    border-color: rgba(103, 90, 88, 0.2);
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: rgba(241, 242, 243, 0.5);
}

/* Footer */
footer {
    background-color: var(--dark-gray) !important;
    color: var(--light-gray);
}

/* Form controls */
.form-control:focus {
    border-color: var(--bright-blue);
    box-shadow: 0 0 0 0.2rem rgba(19, 50, 143, 0.25);
}

.form-select:focus {
    border-color: var(--bright-blue);
    box-shadow: 0 0 0 0.2rem rgba(19, 50, 143, 0.25);
}

/* Alert variants */
.alert-info {
    background-color: rgba(114, 133, 176, 0.1);
    border-color: var(--medium-blue-gray);
    color: var(--navy);
}

.alert-warning {
    background-color: rgba(222, 163, 68, 0.1);
    border-color: var(--yellow-gold);
    color: var(--navy);
}

/* Pagination */
.page-link {
    color: var(--bright-blue);
}

.page-link:hover {
    color: var(--navy);
    background-color: var(--light-gray);
    border-color: var(--medium-blue-gray);
}

.page-item.active .page-link {
    background-color: var(--bright-blue);
    border-color: var(--bright-blue);
}

/* Custom utility classes */
.bg-navy {
    background-color: var(--navy) !important;
}

.bg-dark-gray {
    background-color: var(--dark-gray) !important;
}

.bg-yellow-gold {
    background-color: var(--yellow-gold) !important;
}

.text-navy {
    color: var(--navy) !important;
}

.text-yellow-gold {
    color: var(--yellow-gold) !important;
}

.border-primary {
    border-color: var(--bright-blue) !important;
}

/* Health check dashboard styling */
.overall-status-healthy {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.overall-status-degraded {
    background: linear-gradient(135deg, var(--yellow-gold) 0%, #f39c12 100%);
    color: var(--navy);
}

.overall-status-unhealthy {
    background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
    color: white;
}

/* Service status cards */
.service-card-healthy {
    border-left: 4px solid #28a745;
}

.service-card-warning {
    border-left: 4px solid var(--yellow-gold);
}

.service-card-error {
    border-left: 4px solid #dc3545;
}

.service-card-info {
    border-left: 4px solid var(--medium-blue-gray);
}

/* Equipment grid styling */
.equipment-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid rgba(103, 90, 88, 0.2);
}

.equipment-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(103, 90, 88, 0.3);
}

.equipment-status-active {
    background-color: #28a745;
}

.equipment-status-sold {
    background-color: var(--yellow-gold);
    color: var(--navy);
}

.equipment-status-expired {
    background-color: var(--dark-gray);
}

/* Dashboard statistics cards */
.stat-card {
    border-radius: 8px;
    overflow: hidden;
}

.stat-card-primary {
    background: linear-gradient(135deg, var(--bright-blue) 0%, var(--navy) 100%);
}

.stat-card-success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.stat-card-warning {
    background: linear-gradient(135deg, var(--yellow-gold) 0%, #f39c12 100%);
}

.stat-card-info {
    background: linear-gradient(135deg, var(--medium-blue-gray) 0%, var(--navy) 100%);
}