:root, html[data-theme="dark"], [data-theme="dark"] {
    /* Couleurs principales */
    --primary-color: #000879 !important;
    --secondary-color: #6c757d !important;
    --primary-color-dark: #000879 !important;
    --primary-color-darker: #000879 !important;
    --secondary-color-dark: #616971 !important;
    --primary-color-rgb: 23, 82, 217 !important;
    /* Couleurs de texte pour contraste optimal */
    --primary-color-text: #ffffff !important;
    --primary-color-dark-text: #ffffff !important;
    --primary-color-darker-text: #ffffff !important;
    --secondary-color-text: #ffffff !important;
    --secondary-color-dark-text: #ffffff !important;
    /* Couleurs de fond */
    --bg-primary: #ffffff !important; /* OK */
    --bg-secondary: rgb(248, 246, 242) !important; /* OK */
    --bg-tertiary: #e9ecef !important;
    --bg-dark: #2c3e50 !important;
    --bg-darker: #1a252f !important;
    /* Couleurs de texte */
    --text-primary: #212529 !important;
    --text-secondary: #6c757d !important;
    --text-light: #adb5bd !important;
    --text-muted: #868e96 !important;
    --text-white: #e8e7e0 !important;
    /* Bordures */
    --border-color: #e8e7e0 !important;
    --border-color-light: #e8e7e0 !important;
    --border-color-dark: #e8e7e0 !important;
}

body:not(.isAdmin-TEST) { 
    #navbarNav ul:first-child .nav-item {
        display: none;
    }

    & > footer {
        display: none;
    }
}

body:not(.isAdmin-TEST).page-profile { 
    li:has(#reactions-tab), li:has(#subscriptions-tab) {
        display: none;
    }
}

body > nav.navbar.bg-primary {
    position: absolute;
    background-color: transparent !important;
    box-shadow: none !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

main.container-fluid {
    min-height: auto !important;
}

#navbarNav .nav-item:has(#theme-icon) {
    display: none !important;
}

.flatboard-index > .row {
    flex-direction: column;
} 

.flatboard-index > .row > * {
    width : 100%
} 

.flatboard-sidebar-wrapper {
    min-height: auto;
}

.flatboard-nav ul {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    width: 100%;
}

.flatboard-content-wrapper {
    all: unset !important;
}

.flatboard-nav ul li:nth-child(n+3) {
    display: none;
}

.flatboard-discussion-avatar,
.flatboard-last-activity .position-relative:has(img.rounded-circle),
.post-header .position-relative:has(img.rounded-circle) {
    display: none;
}

.flatboard-discussion-item:hover {
    background-color: var(--bg-primary) !important;
}

div[data-discussion-id] {

    .row {
        flex-direction: column-reverse;
    }

    .row > * {
        width: 100%;
    }

    .breadcrumb-nav {
        font-weight: 700;
        font-size: 1.2em;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        content : "→";
    }

    .discussion-sidebar-flatboard {
        padding-left: 0px !important;

        .d-grid {
            display: flex !important;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            align-items: center;

            & > *:nth-child(1) {
                order: 3;
                margin-left: auto;
            }

            & > *:nth-child(2) {
                order: 1;
            }

            & > *:nth-child(3) {
                order: 2;
            }

            button {
                display: inline-block;
                width: auto !important;
            }

            & > *:last-child {
                display: none;
            }
        }

    }

    .post-header .d-flex {
        align-items: center;
    }

    .text-muted:has(.copy-url-btn) {
        display: none !important;
    }

    .reaction-picker {
        display: none !important;
    }

    .row > *:last-child {
        position: sticky;
        top: 0;
        z-index: 500;
    }

    #post-scrubber-card {
        display: none;
    }
    
    .posts-list-flatboard {
        background-color: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
}

form#discussion-form {
    .mb-3:has(#selected-tags) {
        display: none;
    }
}

/* Set navbarNav background from --banner-bg CSS variable when it has 'show' class */
#navbarNav.show {
    background-color: var(--banner-bg);
}

.empty-state i, .flatboard-empty-state i {
    font-size: 1em !important;
    margin-bottom: 0 !important;
    color: var(--primary-color-text) !important;
    opacity: 1 !important;
}

/* Reset translate on hover */
body #search-results-dropdown .dropdown-item:hover,
body .flatboard-nav-item:hover,
body .flatboard-discussion-item:hover,
body .dropdown-item:hover,
body .list-group-item:hover,
body .search-result-item:hover,
body .code-block-wrapper:hover,
body .maintenance-card:hover,
body .navbar-nav .nav-link:hover,
body .flatboard-banner .flatboard-tag-banner:hover,
body .card:hover,
body .flatboard-start-discussion:hover,
body .flatboard-tag:hover,
body .btn:hover,
body .pagination .page-link:hover,
body .post-actions-members .btn:hover
{
    transform: none !important;
}