/* Checkbox dans les facettes (module Facets) */
div.facets-widget-checkbox > ul{
	list-style: none;
	margin-inline-start: 0;
}
/* Taille de la checkbox */
li.facet-item > input.facets-checkbox {
	width: var(--sp1);
	height: var(--sp1);
}
/* Espace entre checkbox et texte */
.field-ui-overview div.field-plugin-summary {
  font-size: 0.7em;
  line-height: 1.1em;
}
/* Espace entre checkbox et texte */
.field-ui-overview td {
  line-height: 1.2; /* plus serré que le 1.5 par défaut */
  padding: 0px 4px 0px 4px;
}
/* Espace entre checkbox et texte */
.field-ui-overview td.field-plugin-summary-cell {
  padding-left: 4px;
}
/* Espace entre checkbox et texte */
.field-ui-overview .field-plugin-settings-edit-wrapper {
  padding-right: 10px;
  padding-left: 10px;
}

/* Cible les modales Drupal (ui-dialog-content est le conteneur) */
.ui-dialog.ui-widget.ui-widget-content {
  max-width: 800px;     /* largeur max sur desktop */
  width: 90vw;          /* 90% de la largeur de la fenêtre */
}

/* Sur mobile (max 800px par ex), on force la modale en plein écran */
@media (max-width: 800px) {
  .ui-dialog.ui-widget.ui-widget-content {
    width: 100vw !important;   /* 100% largeur écran */
    max-width: 100vw !important;
    height: 100vh !important;   /* hauteur écran */
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    border-radius: 0;          /* sans arrondi, style mobile */
  }

  /* Le contenu interne occupe toute la hauteur de la modale */
  .ui-dialog .ui-dialog-content {
    min-height: calc(100vh - 200px) !important; /* on retire l’entête/footer */
    overflow-y: auto;                      /* scroll interne si besoin */
    box-sizing: border-box;
  }  
}
/* Titre de la modale */
div.ui-dialog th{
  padding: 4px 0px 6px 0px;
}

/* Titre des régions (ex: "Général", "Paramètres de l'affichage", etc.) */
tr.region-hidden-title{
  padding: 4px 0px 6px 0px;
}

/* Checkbox */
div.form-type-boolean {
  display: flex;
  align-items: center;   /* aligne verticalement checkbox + texte */
}
div.form-type-boolean .form-item__label.option {
  flex: 1;               /* occupe tout l’espace restant */
  line-height: 1.3;      /* serrer un peu les lignes */
}


@media (min-width: 43.75rem) {
  div#drupal-modal .tabs__trigger {
    display: flex;
  }
}