/* Styles pour le bloc webform_impact_services */
.webform-impact-services-block {
  /* padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;*/
  margin-bottom: 20px;
}

.webform-impact-services-block .filter-title {
  margin-top: 0;
  margin-bottom: 15px;
  color: #333;
  font-size: 1.2em;

  padding-bottom: 5px;
}

.webforms-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.webform-item {
  background: white;
  padding: 15px;
  border-radius: 5px;
  border-left: 4px solid #007646;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.webform-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.webform-title {
  margin: 0 0 10px 0;
  font-size: 1.1em;
}

.webform-title a {
  color: #007646;
  text-decoration: none;
  font-weight: bold;
}

.webform-title a:hover {
  text-decoration: underline;
  color: #007646;
}

.webform-category {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.category-label {
  font-weight: bold;
  color: #666;
  margin-right: 5px;
}

.category-value {
  background-color: #e1f5fe;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8em;
  color: #0277bd;
}

.webform-description {
  color: #666;
  line-height: 1.4;
  margin-top: 10px;
}

.no-webforms {
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 20px;
}

/* Responsive design */
@media (max-width: 768px) {
  .webform-impact-services-block {
    padding: 15px;
  }

  .webform-item {
    padding: 12px;
  }

  .webform-title {
    font-size: 1em;
  }
}