/* --- Dark Theme Comments & Auth --- */

.tf-comments-wrapper {
    background-color: #1e1e24;
    color: #e0e0e0;
    padding: clamp(15px, 4vw, 30px);
    border-radius: 8px;
    margin-top: 2rem;
    border: 1px solid #333;
}

/* --- FIX: Make all text visible --- */
.tf-comments-wrapper p,
.tf-comments-wrapper li,
.tf-comments-wrapper .comment-form-truth-false p,
.tf-comments-wrapper .logged-in-as,
.tf-comments-wrapper .comment-notes,
.tf-comments-wrapper #comments-list p { /* Specific fix for "No comments" text */
    color: #e0e0e0;
}

.tf-comments-wrapper a {
    color: #3895ff;
    font-weight: bold;
    text-decoration: none;
}
.tf-comments-wrapper a:hover {
    text-decoration: underline;
}

/* FIX: Make all headings visible */
.tf-comments-wrapper h2,
.tf-comments-wrapper h3,
.tf-comments-wrapper #reply-title { /* Specific fix for "Leave a comment" title */
    color: #ffffff;
    border-bottom: 1px solid #444;
    padding-bottom: 0.5em;
    margin-top: 0;
    margin-bottom: 1em;
}

/* Statistics section */
.stats {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    font-size: 1.1rem;
}
.stats .truth { color: #33c44a; }
.stats .false { color: #f5424f; }

/* Comments List */
#comments-list .comment-body {
    background-color: #2a2a2e;
    border: 1px solid #444;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
}
#comments-list .comment-author strong {
    color: #fff;
}
#comments-list .comment-author img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-meta {
    font-size: 0.9em;
    color: #aaa;
    margin: 0.5em 0;
}
.truth-badge, .false-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    font-size: 0.8em;
    margin-left: 10px;
    vertical-align: middle;
}
.truth-badge { background-color: #28a745; }
.false-badge { background-color: #dc3545; }


/* --- NEW: Truth/False Toggle Button --- */
.tf-toggle {
    display: flex;
    border-radius: 50px; /* Fully rounded ends */
    overflow: hidden;
    border: 2px solid #555;
    width: 26%;
    box-sizing: border-box;
}

/* Hide the actual radio button */
.tf-toggle input[type="radio"] {
    display: none;
}

.tf-toggle .toggle-option {
    flex: 1; /* Each option takes up half the space */
    padding: 3px;
    text-align: center;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    background-color: #2a2a2e; /* Default background */
    transition: all 0.3s ease-in-out;
}

/* Style for the "Truth" (Pravda) option */
.tf-toggle input#is_truth_truth:checked + .toggle-option.truth {
    background-color: #008100; /* Rich Green */
    color: #ffffff;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

/* Style for the "False" (Brekhnya) option */
.tf-toggle input#is_truth_false:checked + .toggle-option.false {
    background-color: #c91111; /* Rich Red */
    color: #ffffff;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}


/* --- Forms (Comment, Login, Register) --- */
.comment-form, .auth-container form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.comment-form p, .auth-container form p {
    margin: 0;
}

.comment-form label, .auth-container form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #bbb;
}

.comment-form input[type="text"],
.comment-form textarea,
.auth-container input[type="text"],
.auth-container input[type="password"],
.auth-container input[type="email"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #2a2a2e;
    color: #f0f0f0;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.comment-form textarea {
    min-height: 120px;
}

.comment-form input:focus, .comment-form textarea:focus,
.auth-container input:focus {
    border-color: #3895ff;
    outline: none;
}

/* Submit Button */
.comment-form .submit,
.auth-container input[type="submit"] {
    background-color: #0b1a6d;
    text-align: center;
    color: white;
    width: 34%;
    border: none;
    padding: 12px 25px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    transition: background-color 0.3s;
}
.comment-form .submit:hover,
.auth-container input[type="submit"]:hover {
    background-color: #0056b3;
}

/* --- Auth Tabs Styling --- */
.auth-container {
    border: 1px solid #444;
    padding: 20px;
    border-radius: 5px;
    background-color: #2a2a2e;
}
.auth-tabs {
    display: flex;
    border-bottom: 1px solid #444;
    margin-bottom: 20px;
}

.auth-tab-link {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    color: #bbb;
    font-size: 1.1em;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease-in-out;
}
.auth-tab-link.active {
    color: #fff;
    border-bottom-color: #007bff;
}

.auth-tab-content { display: none; }
.auth-tab-content.active { display: block; }
.auth-title { font-size: 1.2rem; text-align: center; border: none; color:#fff}

.reg-note, .auth-container .forgetmenot {
    font-size: 0.9em;
    color: #bbb;
}
/* WordPress login form specific styles */
.auth-container #loginform p {
    margin-bottom: 1rem;
}
.auth-container #loginform .forgetmenot label {
    color: #bbb;
}
.auth-container #loginform .submit {
    margin-top: 1rem;
}

div#brxe-dkwxve {
    width: 100%;
}
h3.auth-title {
    font-size: 25px;
}
.brxe-tf-comments {
    color: #fff;
}
h3#reply-title {
    color: #fff;
}
.tf-toggle {
    width: 35%;
}