/* ============================================================
   FANMatrix - Arrière-plan dans la zone centrale (Option B v5)
   ============================================================ */

html {
    background-image: url('/img/fanmatrix/bg-main.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

html:has(body.cpd-theme-dark) {
    background-image: url('/img/fanmatrix/bg-main-dark.jpg') !important;
}

#_r_f_,
[id^="_r_"],
body > div:first-of-type {
    background-color: transparent !important;
    background: transparent !important;
}

body,
body.cpd-theme-light,
body.cpd-theme-dark {
    background-color: transparent !important;
    background: transparent !important;
}

.mx_RoomView,
.mx_HomePage,
.mx_MainSplit,
.mx_RoomView_body,
.mx_RoomView_messagePanel,
.mx_ScrollPanel,
#matrixchat {
    background-color: transparent !important;
}

/* Barre latérale + zone liste salons */
.mx_LeftPanel,
.mx_LeftPanel_wrapper,
.mx_LeftPanel_newRoomList,
.mx_LeftPanel_roomListContainer,
.mx_LeftPanel_wrapper.mx_LeftPanel_newRoomList,
.mx_LeftPanel.mx_LeftPanel_newRoomList,
.mx_SpacePanel,
.mx_RoomListPanel,
nav.mx_RoomListPanel,
.mx_LeftPanel_filterContainer,
.mx_LeftPanel_userHeader,
.mx_RoomList,
.mx_RoomSublist,
#left-panel,
.mx_LeftPanel_panel,
.mx_LeftPanel_outerWrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* CLEF : Surcharger la variable Compound qui définit le fond pour ces panneaux */
.mx_LeftPanel,
.mx_LeftPanel_wrapper,
.mx_LeftPanel_newRoomList,
.mx_LeftPanel_roomListContainer,
.mx_RoomListPanel,
nav.mx_RoomListPanel,
.mx_SpacePanel,
#left-panel,
.mx_LeftPanel_panel,
.mx_LeftPanel_outerWrapper {
    --cpd-color-bg-canvas-default: transparent !important;
}


/* ============================================================
   FANMatrix - Bordures du thème clair en orange #a85a07
   ============================================================ */
body.cpd-theme-light {
    --cpd-color-border-interactive-secondary: #a85a07 !important;
}
body.cpd-theme-light {
    --cpd-color-gray-400: #a85a07 !important;
}
body.cpd-theme-light {
    --cpd-color-gray-500: #a85a07 !important;
}
body.cpd-theme-light {
    --cpd-color-bg-subtle-primary: #a85a07 !important;
}



/* FANCall intégré - Bouton d'agrandissement toujours visible */
._expand_4idar_84 {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}