body {
    border: 5px solid red !important!
}

/*********Masquer les légendes originale du calendrier***************************************************************************************************************/
[data-region="eventlegend"] {
    display: none !important;
}
/*masquer la side-bar-content et son bouton*/

/* Masquer totalement les onglets et le contenu associé */

.sidebar-tabs,
.sidebar-tabs-content {
    display: none !important;
    background-color: #ffffff00;
}

/***********On masque le bloc légende inital du calendrier**************/
body.path-calendar #block-region-side-pre {
    display: none !important;
}
/* CSS dynamique pour les modales du calendrier */
.modal-header[class*="categorycolor-"] {
    transition: background-color 0.2s ease, color 0.2s ease;
    color: #fff !important;
}

/*******************caterogy colors, alignement des checkbox********************************************/
visibility-cohort-box {display : flex;}

/*CSS Chat GPT / legende*/

/*****catgories légendes au dessus du calendier**********************/
.eventlegend { line-height: 0.8; 
    display: flex; gap: 0.5em; 
    flex-wrap: wrap;  
    align-items: center;
    justify-content: center;}
.eventlegend div {display: flex; gap: 0.5em; flex-wrap: wrap;}
.eventlegend span { 
    padding : 2px 2px; 
    color : black !important ;
    font-size: 0.8rem;
    font-weight : 200;
    text-transform: uppercase;}

.eventlegend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 1em 0;
}

.eventlegend-item {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 0.9em;
}

.eventlegend-color {
    width: 16px;
    height: 16px;
    border-radius: 50% !important;
    display: inline-block;
}

/******Légendes de catégories début de TAB**************************/
.legend-wrapper {
    display:flex;flex-wrap:wrap;gap:1em
}
.legend-wrapper a {display:flex;align-items:center;text-decoration:none;}
.span-legend {width:16px;height:16px;border-radius:50%;margin-right:5px;display:inline-block;}

/****Page catégories ************************************************************************/

/* ✅ Fond noir transparent sur les blocs internes */
.categorymanager-enhanced .mb2-pb-content4 {
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 10px;
    border-radius: 5px;
    margin: 10px auto;
    width: 90%;
    padding-top: 10px;
}
.categorymanager-enhanced .mb2-pb-content-title {
    padding-top : 10px;
}

/* ✅ Pastille couleur */
.cat-color-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}
.categorymanager-enhanced .mb2-pb-content-item-b {
    display:none !important;
}

.categorymanager-enhanced .mb2-pb-content-img {
    width: 100%;
    height: 200px; /* Ajuste cette hauteur à ton design */
    overflow: hidden;
    position: relative;
}

.categorymanager-enhanced .mb2-pb-content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}