/* Dark Mode Styles for Articles from RSS Feed */

/* Ensuring the background of the articles is dark */
body.dark-mode .article, 
body.dark-mode .rss-container .article {
    background-color: #333; /* Dark background for articles */
    color: white; /* White text for readability */
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); /* Light shadow for depth */
}

/* Ensuring the article titles are white */
body.dark-mode .article-title a {
    color: white; /* White text for article titles */
}

/* Ensuring the article descriptions are white */
body.dark-mode .article-description {
    color: white; /* White text for article descriptions */
}

/* Adjustments for images within articles, if necessary */
body.dark-mode .article img {
    border: 1px solid #444; /* Optional: border for images */
}

/* Adjusting any other links within the articles */
body.dark-mode .article a {
    color: #4da6ff; /* Light blue color for links, adjust as needed */
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    body.dark-mode .article img {
        max-width: 100%;
        height: auto;
    }
}

/* Dark Mode Styles Controlled by Body Class */

body.dark-mode .wallet-card {
    background-color: #333; /* Dark background for the cards */
    color: white; /* White text for readability */
}

body.dark-mode .wallet-card .wallet-info h3, 
body.dark-mode .wallet-card .wallet-info p {
    color: white; /* White text for titles and descriptions */
}

body.dark-mode .wallet-card a, 
body.dark-mode .wallet-card .wallet-card-link {
    color: white; /* White text for links */
}

/* Adjusting image styles if necessary for better visibility in dark mode */
body.dark-mode .wallet-card img {
    /* Optional styles for images */
}

/* Dark Mode Styles Controlled by Body Class */

body.dark-mode {
    background-color: #1a1a1a; /* Dark background for the whole page */
    /* other styles */
}

body.dark-mode .content {
    background-color: #333; /* Dark background for the form area */
    color: #ffffff; /* White text color */
    /* other styles */
}

body.dark-mode .content form,
body.dark-mode .content div {
    background-color: #333; /* Dark background for the form */
    color: #ffffff; /* White text for the form */
    /* other styles */
}

/* Targeting all text within form controls, ensuring text is white */
body.dark-mode .content form input[type="text"],
body.dark-mode .content form input[type="email"],
body.dark-mode .content form input[type="date"],
body.dark-mode .content form input[type="url"],
body.dark-mode .content form input[type="checkbox"],
body.dark-mode .content form textarea,
body.dark-mode .content form select {
    background-color: #fff; /* White background for input fields */
    color: #333; /* Dark text for input fields */
    /* other styles */
}

/* Text color for input placeholders */
body.dark-mode .content form ::placeholder {
    color: #333; /* Dark text for placeholders */
}

/* White text for labels, links, and other text */
body.dark-mode .content form label,
body.dark-mode .content form a,
body.dark-mode .content form p,
body.dark-mode .content .success-message {
    color: #ffffff; /* White text for readability */
}

/* Style for input submit button */
body.dark-mode .content form input[type="submit"] {
    background-color: #007bff; /* Button background */
    color: #ffffff; /* White button text */
}

body.dark-mode .content h1 {
    color: #ffffff; /* White color for the 'Registration Form' title */
}

/* dark.css */

/* Increase specificity for the form container and form elements */
body.dark-mode div.login-container,
body.dark-mode div.content {
    background-color: #333 !important; /* Dark background for the container */
    color: #black !important; /* White text for better readability */
}

/* Ensure input fields are styled correctly */
body.dark-mode div.login-container input[type="text"],
body.dark-mode div.login-container input[type="password"],
body.dark-mode div.login-container input[type="email"],
body.dark-mode div.login-container input[type="submit"],
body.dark-mode div.login-container textarea {
    background-color: #555 !important; /* Darker background for input fields */
    color: #ffffff !important; /* White text for input fields */
    border: 1px solid #777 !important; /* Border color for visibility */
}

/* Style for links and labels */
body.dark-mode div.login-container a,
body.dark-mode div.login-container label {
    color: #4da6ff !important; /* Light blue color for links in dark mode */
}

body.dark-mode div.login-container label,
body.dark-mode div.login-container h2 {
    color: #ffffff !important; /* White color for labels and h2 */
}

/* dark.css */

body.dark-mode .asset-container {
    background-color: #333; /* Dark background for the asset container */
    color: #ffffff; /* White text color */
}

body.dark-mode .asset-container .asset-header h1,
body.dark-mode .asset-container .asset-header p,
body.dark-mode .asset-container .asset-body .asset-info p,
body.dark-mode .asset-container .asset-body .asset-info .issuer-address {
    color: #ffffff; /* White text color for all text within the asset container */
}

body.dark-mode .asset-container .asset-body .asset-info button {
    background-color: #555; /* Darker background for buttons */
    color: #ffffff; /* White text color for buttons */
    border: 1px solid #777; /* Border color for buttons */
}

/* If you have links or other elements, continue styling them here */
body.dark-mode .asset-container a {
    color: #4da6ff; /* Light blue color for links */
}

/* Ensure that all elements within the asset container have appropriate colors for dark mode */