/* CSS POUR MOTEUR DE RECHERCHE PERSO */
/* Classe combinée pour les filtres */
.filter-center {
    display: flex;
    flex-direction: column; /* Empile les éléments verticalement */
    align-items: center;    /* Centre horizontalement */
    text-align: center;     /* Centre le texte */
    margin-bottom: 20px;    /* Ajoute un espacement entre les filtres */
}

.filter-center label {
    margin-bottom: 10px;    /* Espacement entre le label et le dropdown */
}

.filter-center .dropdown {
    width: 100%; /* Assure la largeur correcte pour tous les filtres */
}

.filter-center button {
    text-align: center; /* Centre le texte du bouton */
}

#public select{
    display: none;

}

#public input[type="checkbox"]{
    display : none;
   }
   
#public > label:last-of-type {
  display: none;
}

/* Assurer que les tags apparaissent sous le menu déroulant */
#public {
    display: flex;
    flex-direction: column; /* Aligner verticalement les éléments à l'intérieur */
    align-items: flex-start; /* Tags alignés à gauche sous le menu */
}

/* Filtre Thématique : bouton */


/* Style des menus déroulants */
#customDropdown {
    /** item */
    li {
        list-style: none;
        padding: 0.5em;
    }
    checkbox{
        margin-right: 0.25em;
    }
    /* Centrer et limiter la largeur du dropdown */
    .dropdown-menu {
        text-align: left; /* Alignement du contenu */
        margin: 0 auto; /* Centrer horizontalement */
        min-width: 180px; /* Largeur minimale */
        max-width: 250px; /* Largeur maximale pour rester compacte */   
    }

    .dropdown-menu li:hover,.dropdown-menu label:hover{
        background-color: #b4d9ff;      
        cursor:pointer;

    }
   

    /* Style pour l'item sélectionné dans le menu Thématique */
    .dropdown-item.selected {
        background-color: #3d99f5;
        color: white;
    }


}


/* Style des tags pour le filtre Public */
.custom-badge {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    margin: 0.2rem;
    font-size: 0.875rem;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 4px;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s ease;
}



#selectedTags {
    margin-top: 0.5rem; /* Ajouter un espace entre le menu déroulant et les tags */
    display: flex;
    flex-wrap: wrap; /* Permettre aux tags de s'ajuster en ligne */
}

/* Style des boutons pour rester alignés à droite */
.form-row {
    display: flex;
    align-items: flex-start; /* Aligner les éléments au sommet */
}

.form-row .d-flex.flex-column {
    margin-left: auto; /* Place les boutons à droite */
}

.custom-badge::after {
    margin-left: 6px;
    font-weight: bold;
}

.custom-badge:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

/* Style des labels */
label {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #495057;
}

/* Style du champ de recherche titre */
#f_18314 {
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.2s ease;
}

#f_18314:focus {
    border-color: #2980b9;
    box-shadow: 0 0 0 0.2rem rgba(41, 128, 185, 0.25);
    outline: none;
}

/* Style des boutons de recherche et réinitialisation */
.btn[value="Rechercher"] {
    background-color: #2980b9;
    border: none;
    transition: background-color 0.2s ease;
}

.btn[value="Rechercher"]:hover {
    background-color: #2573a7;
}

.btn[value="Réinitialiser la recherche"] {
    background-color: #b3bcc4;
    border: none;
    transition: background-color 0.2s ease;
}

.btn[value="Réinitialiser la recherche"]:hover {
    background-color: #848d94;
}

/* Conteneur des tags sélectionnés */
#selectedTags .badge {
    padding: 0.5rem; /* Augmente l'espace à l'intérieur du badge */
    margin-right: 0.5rem; /* Ajoute de l'espace entre les badges horizontalement */
    margin-bottom: 0.5rem; /* Ajoute de l'espace entre les badges verticalement */
}

.datapreferences{
    margin : 0;
}

/*  FIN CSS POUR MOTEUR DE RECHERCHE PERSO */


/* centrer le tableau */
.form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Laisse les boutons alignés normalement */
    gap: 15px; /* Ajoute un espacement entre les colonnes */
}

#colmotcle, #theme, #public {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centre horizontalement le contenu des colonnes */
    text-align: center; /* Centre le texte dans chaque filtre */
}

/* Centrer le MOTTIF TV */
.centered-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}



/* CSS POUR VISUEL FICHE UNIQUE */
/* Style pour le tableau */
table.table {
    border-collapse: separate; /* Permet de séparer les bordures des cellules */
    border-spacing: 0 15px; /* Ajoute un grand espacement vertical entre les lignes */
    width: 100%;
   
}

/* Cellules et bordures */
table.table td {
    padding: 10px; /* Ajoute un peu d'espace dans chaque cellule */
    vertical-align: middle;
  
}

/* marge pour les boutons Imprimer et Copier */
.me-2rem {
    margin-right: 2rem;
}

/********************** edition d'une fiche / nouvelle fiche *****************/
#page-mod-data-edit .basefieldinput{
    width: 90%;
}