/**
 * Dark Mode Styles for Facebook Style Theme
 */

/* Dark Mode Toggle */
body.dark-mode {
    background-color: #18191a;
    color: #e4e6eb;
}

body.dark-mode .fb-header {
    background-color: #242526;
    border-bottom-color: #3a3b3c;
}

body.dark-mode .fb-sidebar-left,
body.dark-mode .fb-sidebar-right {
    background-color: #242526;
    border-color: #3a3b3c;
}

body.dark-mode .fb-sidebar-item {
    color: #e4e6eb;
}

body.dark-mode .fb-sidebar-item:hover {
    background-color: #3a3b3c;
}

body.dark-mode .fb-sidebar-item.active {
    background-color: rgba(10, 102, 194, 0.2);
    color: #0a66c2;
}

body.dark-mode .fb-post {
    background-color: #242526;
    border-color: #3a3b3c;
}

body.dark-mode .fb-post-header {
    border-bottom-color: #3a3b3c;
}

body.dark-mode .fb-post-stats {
    border-color: #3a3b3c;
    color: #b0b3b8;
}

body.dark-mode .fb-post-actions {
    border-color: #3a3b3c;
}

body.dark-mode .fb-post-action {
    border-right-color: #3a3b3c;
    color: #b0b3b8;
}

body.dark-mode .fb-post-action:hover {
    background-color: #3a3b3c;
}

body.dark-mode .fb-create-post {
    background-color: #242526;
    border-color: #3a3b3c;
}

body.dark-mode .fb-create-post-input {
    background-color: #3a3b3c;
    color: #e4e6eb;
    border-color: #3a3b3c;
}

body.dark-mode .fb-create-post-input:hover {
    background-color: #4a4b4c;
}

body.dark-mode .fb-create-post-input:focus {
    background-color: #4a4b4c;
    border-color: #0a66c2;
}

body.dark-mode .fb-create-post-btn {
    color: #b0b3b8;
}

body.dark-mode .fb-create-post-btn:hover {
    background-color: #3a3b3c;
}

body.dark-mode .fb-search input {
    background-color: #3a3b3c;
    color: #e4e6eb;
    border-color: #3a3b3c;
}

body.dark-mode .fb-search input:focus {
    background-color: #4a4b4c;
    border-color: #0a66c2;
}

body.dark-mode .fb-search input::placeholder {
    color: #b0b3b8;
}

body.dark-mode .fb-comment {
    border-top-color: #3a3b3c;
}

body.dark-mode .fb-comment-bubble {
    background-color: #3a3b3c;
    color: #e4e6eb;
}

body.dark-mode .fb-comment-author {
    color: #e4e6eb;
}

body.dark-mode .fb-comment-text {
    color: #e4e6eb;
}

body.dark-mode .fb-comment-time {
    color: #b0b3b8;
}

body.dark-mode .fb-modal-content {
    background-color: #242526;
    color: #e4e6eb;
}

body.dark-mode .fb-modal-header {
    border-bottom-color: #3a3b3c;
}

body.dark-mode .fb-modal-close:hover {
    background-color: #3a3b3c;
}

body.dark-mode .fb-post-more:hover {
    background-color: #3a3b3c;
}

body.dark-mode .fb-nav-item:hover {
    background-color: #3a3b3c;
}

body.dark-mode .fb-sidebar-title {
    color: #b0b3b8;
}

body.dark-mode .fb-sidebar-right-title {
    color: #b0b3b8;
}

body.dark-mode .fb-post-time {
    color: #b0b3b8;
}

body.dark-mode .fb-post-author {
    color: #e4e6eb;
}

body.dark-mode .fb-post-content {
    color: #e4e6eb;
}

body.dark-mode a {
    color: #0a66c2;
}

body.dark-mode a:hover {
    color: #0a7ae6;
}

/* Transizione fluida tra modalità */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.fb-header,
.fb-sidebar-left,
.fb-sidebar-right,
.fb-post,
.fb-create-post,
.fb-search input,
.fb-modal-content {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}