/* Dark Mode Styles */

html.dark-mode body {
    background-color: #121212;
    color: #e0e0e0;
}

html.dark-mode .container,
html.dark-mode .profile-container,
html.dark-mode .admin-container,
html.dark-mode .clip-creation-form, 
html.dark-mode .user-clips, 
html.dark-mode .public-clips,
html.dark-mode .list-creation-form, 
html.dark-mode .user-lists, 
html.dark-mode .public-lists {
    background-color: #1e1e1e;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    border-color: #3a3a3a;
}

html.dark-mode header,
html.dark-mode footer {
    background-color: #2a2a2a;
    border-color: #3a3a3a;
}

html.dark-mode header h1,
html.dark-mode .form-container h2,
html.dark-mode .post-form-container h2, 
html.dark-mode .timeline-container h2, 
html.dark-mode .timeline-container h3,
html.dark-mode .profile-header h2,
html.dark-mode .admin-container h1,
html.dark-mode .admin-section h2,
html.dark-mode .guide-section h2,
html.dark-mode .clip-creation-form h2, 
html.dark-mode .user-clips h2, 
html.dark-mode .public-clips h2,
html.dark-mode .list-creation-form h2, 
html.dark-mode .user-lists h2, 
html.dark-mode .public-lists h2,
html.dark-mode .list-card h3 {
    color: #f5f5f5;
}

html.dark-mode nav ul li a,
html.dark-mode footer a {
    color: #bbb;
}

html.dark-mode nav ul li:hover a {
    color: #4dabf7;
}

html.dark-mode .post-card,
html.dark-mode .form-container,
html.dark-mode .post-form-container, 
html.dark-mode .timeline-container,
html.dark-mode .profile-info-box,
html.dark-mode .admin-section,
html.dark-mode .guide-section,
html.dark-mode .clip-card,
html.dark-mode .list-card {
    background-color: #242424;
    border-color: #3a3a3a;
}

html.dark-mode .post-author a,
html.dark-mode .form-group.terms a,
html.dark-mode .form-container p a,
html.dark-mode .guide-section a,
html.dark-mode .clip-url a,
html.dark-mode .search-users .list-group-item a {
    color: #4dabf7;
}

html.dark-mode a.hashtag {
    color: #4dabf7;
}

html.dark-mode .form-group label {
    color: #bbb;
}

html.dark-mode .form-group input[type="text"],
html.dark-mode .form-group input[type="password"],
html.dark-mode .form-container textarea,
html.dark-mode .post-form-container textarea,
html.dark-mode .search-form input[type="search"],
html.dark-mode .clip-creation-form .form-group input[type="url"],
html.dark-mode .clip-creation-form .form-group input[type="text"],
html.dark-mode .clip-creation-form .form-group textarea,
html.dark-mode .list-creation-form .form-group input[type="text"],
html.dark-mode .list-creation-form .form-group textarea,
html.dark-mode .add-member-form input[type="text"] {
    background-color: #2c2c2c;
    border-color: #444;
    color: #e0e0e0;
}

html.dark-mode .form-group input[type="text"]:focus,
html.dark-mode .form-group input[type="password"]:focus,
html.dark-mode .form-container textarea:focus,
html.dark-mode .search-form input[type="search"]:focus {
    border-color: #4dabf7;
    box-shadow: 0 0 0 2px rgba(77, 171, 247, 0.25);
}

html.dark-mode .message {
    background-color: #2c3e50;
    color: #82c91e;
    border-color: #38526e;
}

html.dark-mode .message.error {
    background-color: #5c2e2e;
    color: #ff6b6b;
    border-color: #7c3f3f;
}

html.dark-mode .post-date,
html.dark-mode .redrop-header,
html.dark-mode .reply-info,
html.dark-mode .clip-meta {
    color: #888;
}

html.dark-mode .action-btn {
    border-color: #555;
    color: #bbb;
}

html.dark-mode .action-btn:hover {
    background-color: #333;
    border-color: #777;
}

html.dark-mode .action-btn.danger-btn,
html.dark-mode .delete-clip-btn,
html.dark-mode .list-actions .delete-list-btn {
    color: #ff6b6b;
    border-color: #ff6b6b;
}

html.dark-mode .action-btn.danger-btn:hover,
html.dark-mode .delete-clip-btn:hover,
html.dark-mode .list-actions .delete-list-btn:hover {
    background-color: #ff6b6b;
    color: #121212;
}

html.dark-mode .action-btn.playback-btn {
    color: #4dabf7;
    border-color: #4dabf7;
}

html.dark-mode .action-btn.playback-btn:hover {
    background-color: rgba(77, 171, 247, 0.1);
}

html.dark-mode .reaction-chip,
html.dark-mode .member-chip {
    background-color: #3a3a3a;
    color: #e0e0e0;
}

html.dark-mode .original-post, 
html.dark-mode .quote-post {
    background-color: #2a2a2a;
    border-color: #444;
}

html.dark-mode .danger-zone {
    background-color: rgba(92, 46, 46, 0.8);
    border-color: rgba(124, 63, 63, 0.8);
}

html.dark-mode .danger-zone h3,
html.dark-mode .danger-zone p {
    color: #ff8787;
}

html.dark-mode .admin-section th {
    background-color: #333;
}

html.dark-mode .admin-section tr:nth-child(even) {
    background-color: #2c2c2c;
}

html.dark-mode .timeline-btn {
    background-color: #3a3a3a;
    border-color: #555;
    color: #e0e0e0;
}

html.dark-mode .timeline-btn:hover {
    background-color: #4a4a4a;
    border-color: #666;
}

html.dark-mode .timeline-btn.active {
    background-color: #4dabf7;
    border-color: #4dabf7;
    color: #121212;
}

html.dark-mode .hamburger-menu-icon span {
    background-color: #bbb;
}

html.dark-mode .dropdown-content {
    background-color: #2a2a2a;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}

html.dark-mode .dropdown-content a {
    color: #e0e0e0;
}

html.dark-mode .dropdown-content a:hover {
    background-color: #3a3a3a;
}

html.dark-mode .misskey-image {
    border-color: #444;
}

html.dark-mode .profile-icon {
    border-color: #4dabf7;
}

html.dark-mode .post-author-icon {
    border-color: #444;
}

html.dark-mode .prominent-post {
    border-color: #fab005;
    box-shadow: 0 0 15px rgba(250, 176, 5, 0.4);
    background-color: rgba(50, 42, 15, 0.8);
}

html.dark-mode .prominent-badge {
    background-color: #fab005;
    color: #121212;
}

/* Profile Page Visibility Fixes */
html.dark-mode .profile-meta,
html.dark-mode .profile-meta p {
    color: #bbb;
}

html.dark-mode .profile-bio,
html.dark-mode .profile-bio p {
    color: #e0e0e0;
}

html.dark-mode .timeline-container p {
    color: #e0e0e0;
}