/* Dark Mode Styles */
body.dark-mode,
body {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

body.dark-mode header,
header {
    background-color: #111;
}

body.dark-mode nav ul li a,
nav ul li a {
    color: #e0e0e0;
}

body.dark-mode nav ul li a.active,
nav ul li a.active {
    background-color: #4a90e2;
    color: #fff;
}

body.dark-mode nav ul li a:hover,
nav ul li a:hover {
    background-color: #333;
}

body.dark-mode .profile-header,
.profile-header {
    background-color: #2a2a2a;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

body.dark-mode .profile-tab,
.profile-tab {
    background-color: #333;
    color: #e0e0e0;
}

body.dark-mode .profile-tab:hover,
.profile-tab:hover {
    background-color: #444;
}

/* Dark Mode Styles - Continued */
body.dark-mode .profile-tab.active,
.profile-tab.active {
    background-color: #4a90e2;
    color: #fff;
}

body.dark-mode #dark-mode-toggle,
#dark-mode-toggle {
    background-color: #e0e0e0;
    color: #1a1a1a;
}

body.dark-mode .profile-content-area,
.profile-content-area {
    background-color: #2a2a2a;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

body.dark-mode .card-listing,
body.dark-mode .bid-item,
body.dark-mode .watchlist-item,
body.dark-mode #edit-listing-form,
.card-listing,
.bid-item,
.watchlist-item,
#edit-listing-form {
    border-color: #444;
    background-color: #333;
}

body.dark-mode .card-listing:hover,
.card-listing:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

body.dark-mode .card-description,
body.dark-mode .time-remaining,
.card-description,
.time-remaining {
    color: #aaa;
}

body.dark-mode .card-price,
.card-price {
    color: #e0e0e0;
}

body.dark-mode input,
body.dark-mode textarea,
input,
textarea {
    background-color: #333;
    color: #e0e0e0;
    border-color: #555;
}

body.dark-mode .form-group label,
.form-group label {
    color: #e0e0e0;
}

body.dark-mode .member-since,
.member-since {
    color: #aaa;
}

body.dark-mode footer,
footer {
    background-color: #111;
    color: #aaa;
    border-top: 1px solid #333;
}

/* Button styles in dark mode */
body.dark-mode .edit-listing,
.edit-listing {
    background-color: #4a90e2; /* Keep blue */
}

body.dark-mode .remove-listing,
body.dark-mode .remove-watch-button,
body.dark-mode .remove-button,
.remove-listing,
.remove-watch-button,
.remove-button {
    background-color: #c82333; /* Slightly darker red */
}

body.dark-mode .add-listing-button,
body.dark-mode .increase-bid-button,
body.dark-mode .save-settings-button,
.add-listing-button,
.increase-bid-button,
.save-settings-button {
    background-color: #218838; /* Slightly darker green */
}

body.dark-mode .view-auction-button,
body.dark-mode .change-password-button,
.view-auction-button,
.change-password-button {
    background-color: #5a6268; /* Slightly darker gray */
}

/* Additional dark mode styles for better visibility */
body.dark-mode .highlight,
.highlight {
    color: #62a8ff; /* Lighter blue for better contrast */
}

body.dark-mode .winning,
.winning {
    color: #3ddb62; /* Lighter green for better contrast */
}

body.dark-mode .outbid,
.outbid {
    color: #ff6b6b; /* Lighter red for better contrast */
}

/* Smooth transition between light and dark modes */
body, 
header, 
nav ul li a, 
.profile-header, 
.profile-content-area,
.card-listing,
.bid-item,
.watchlist-item,
input, 
textarea,
button,
.highlight,
.winning,
.outbid {
    transition: all 0.3s ease;
}

/* Dark mode scrollbar */
body.dark-mode::-webkit-scrollbar,
::-webkit-scrollbar {
    width: 10px;
}

body.dark-mode::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
    background: #222;
}

body.dark-mode::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 5px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
    background: #555;
}