/* 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 */
}

/* Filtre Thématique : bouton */
/* Style des boutons dropdown */
.custom-dropdown-toggle {
width: 100%;
text-align: left;
background-color: #fff;
border: 1px solid #ced4da;
color: #000000;
padding: 0.375rem 0.75rem;
}

.custom-dropdown-toggle:hover {
background-color: #649fed;
border-color: #2980b9;
}

/* Style des menus déroulants */
/* Réduction des marges et paddings pour les items */
.dropdown-item {
margin: 2px 0; /* Espacement minimal entre les items */
align-items: center; /* Alignement vertical des cases à cocher */
}

/* Réduction de l'espace autour des cases à cocher */
.form-check-input {
margin-right: 5px; /* Réduit l'espace entre la case et le texte */
}

/* 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-item:hover {
background-color: #3d99f5;
}

/* Style pour l'item sélectionné dans le menu Thématique */
.dropdown-item.selected {
background-color: #2980b9;
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;
}

/* 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 */
}

#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 */
}

/*  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%;
}