/* OVERRIDES AU NIVEAU DU TEMPLATE JA Purity IV */ 

/* Les textes des pages statiques ne sont plus centrées mais alignées à gauche */
.item-page.layout-default.no-sidebar .top-article-info {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 768px;
}

/* Un mode dark un peu moins dark */
body.dark-active {
    --body-bg-color: #222;
}

/* le texte des articles est trop foncé en mode dark  et illisible en mode clair */
.blog .item-intro, .blog-featured .item-intro {
    /* color: var(--t4-gray-600); */
    color: var(--t4-gray-500) !important;
}

/* le texte des menus déroulants en sidebar est trop foncé en mode dark */
.dropdown-item {
    color: #dddddd;
}
.menu-item-title {
    color: #888888;
}

/* le menu principal déroulé en en vue smartphone se trouvait en dessous de l'avatar. Il est remonté au top de la pile de calques */
@media (max-width: 991.98px) {
    .nav-breakpoint-lg .t4-megamenu {
        z-index: 999;
    }
}
.coll

/* OVERRIDES AU NIVEAU DU TEMPLATE CB */

/*gris moyen de textes pour s'accorder au fond sombre comme clair */
.cb_template .text-muted {
    color: #888888 !important;
}

/* largeur du champ 'password' dans le pop-up module CB Login ( pop-up du composant de Tassos) */
.cbLoginForm .input-password-toggle {
  padding-left: 13px;
  padding-right: 13px;
}

/* La couleur de texte (identifiant, password) dans la boite de Login n'est plus blanche car on ne voit rien en mode dark*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #222222;
}

/* template CB: rendre lisible le menu 3... des photos en mode light et dark */
.cb_template .text-body {
    color: #888888 !important;
}

/* template CB: rendre lisible les commentaires de l'activity stream en mode  light et dark */
.cb_template .streamItem .commentContainer .commentMessageContainer:not(.commentMessageContainerReaction) {
    background-color: #eeeeee;
    color: #888888 !important;
    font-style: italic;
}

/* template CB: rendre lisible le texte dans la fenetre d'importation images */
.cb_template .popover-body {
    /* color: #212529; */
    color: #888888;
}
/* template CB: les liens en bleu ont remplacés par la couleur native du site */
.cb_template a {
    color: #F0800A;
}

/* page CB profil: mettre les petits badges de role à la couleur du site */
.cb_template .badge-primary {
    background-color: #F0800A;
}

/* CB Gallery : on applique un filtre pour les photos ou albums lorsqu'ils sont dépubliés */
.cb_template .galleryFolder.galleryUnpublished .galleryFolderPreview img,
.cb_template .galleryItem.galleryUnpublished .galleryItemPreview img {
    filter: opacity(25%);
}

/* CB profile : le menu du profil est affiché en couleur pour bien le voir */
.dark-active .cb_template .navbar-light .navbar-nav .nav-link { 
    color: #F0800A;
}

/* CB Gallery : on encadre les photos albums pour differencier des photos */
.galleryFolderPreview img {
    border: 3px solid #F0800A;
}

/* Le nombre de commentaires dans les boites de activity stream est affiché en couleur pour bien les voir */
.d-none, .d-sm-block {
    color: #F0800A !important;
    font-weight: bold!important;
    font-size: 1.2rem!important;
}


/* GroupJive: la boite d'affichage de l'evènement dans l'activity stream est affichée en blanc sur fond blanc */

.cb_template .card-header {
    color:black;
}
.cb_template .card-footer {
    color:black;
}
.card-body {  
    /*color: var(--t4-card-color); */
    color:#555555;
    background-color: #dddddd;
}

/* AUTRES OVERRIDES */

/* module TF Articles (cartes astuces en sidebar): mettre les sliders en haut du bloc */
.splide__arrow {
   /* top: 50%; */
    top: 0%;
}

/* boite de commentaire dans le composant de tickets */
textarea.form-control, .cart-view .inline #userIDcart_chosen textarea.chosen-single {
    max-width: 100%;
}

/* plugin Accordions & Tabs (Regular Labs) : rendre lisible en mode dark */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
    color: #222;
}
[data-rlta-element=container][data-rlta-state=ready]:last-child, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content]>p:last-child, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content]>p:last-child {
    color: #222
    ;
}