/* Hierarchical Filters Styles */

/* Loading state for domaine container */
.hierarchical-filters-loading {
  position: relative;
  opacity: 0.6;
  pointer-events: none;
}

.hierarchical-filters-loading::after {
  content: "Chargement des domaines...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
  border: 1px solid #ddd;
  z-index: 10;
}

/* Ensure hidden domaines are completely invisible */
.hierarchical-filters-hidden {
  display: none !important;
  visibility: hidden !important;
}

/* Smooth transitions */
.form-checkboxes .form-item {
  transition: opacity 0.2s ease-in-out;
}

/* Disabled state styling */
.hierarchical-filters-loading input[type="checkbox"] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Container styling for better UX */
.domaine-radio-container {
  min-height: 40px;
  transition: all 0.3s ease-in-out;
}

/* Loading animation */
@keyframes hierarchical-loading {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.6; }
}

.hierarchical-filters-loading {
  animation: hierarchical-loading 1.5s ease-in-out infinite;
}

/* Force display of domain checkboxes when enabled */
.hierarchical-filter-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hierarchical-filter-visible input[type="checkbox"] {
  display: inline-block !important;
  visibility: visible !important;
}

/* Force wrapper visibility for both reglementation and procedure_formulaire */
fieldset[data-drupal-selector="edit-field-domaines-activite-pf-target-id"].hierarchical-wrapper-visible,
fieldset[data-drupal-selector="edit-field-domaine-d-activite-target-id"].hierarchical-wrapper-visible,
form#views-exposed-form-procedure-formulaire-page-1 fieldset[id^="edit-field-domaines-activite-pf-target-id"].hierarchical-wrapper-visible,
form#views-exposed-form-reglementation-page-1 fieldset[id^="edit-field-domaine-d-activite-target-id"].hierarchical-wrapper-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Force visibility for any wrapper with this class */
.hierarchical-wrapper-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Extra specific rule to override any theme CSS */
form#views-exposed-form-procedure-formulaire-page-1 fieldset[id^="edit-field-domaines-activite-pf-target-id"] {
  display: block !important;
}

/* Force visibility of individual domain checkboxes */
.hierarchical-wrapper-visible .hierarchical-filter-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide checkbox squares, keep only button styling */
.hierarchical-wrapper-visible .hierarchical-filter-visible input[type="checkbox"] {
  display: none !important;
}

/* Ensure labels look like buttons */
.hierarchical-wrapper-visible .hierarchical-filter-visible label {
  cursor: pointer;
  display: inline-block !important;
}