.webee-depannage-notice {
  display: none;
  background: linear-gradient(135deg, #2C5F6F 0%, #1e3d47 100%);
  color: white;
  padding: 16px 20px;
  border-radius: 8px;
  margin: 15px 0;
  font-size: 14px;
  line-height: 1.6;
  box-shadow: 0 4px 12px rgba(44, 95, 111, 0.3);
  animation: webeeSlideIn 0.4s ease-out;
  position: relative;
  overflow: hidden;
}

.webee-depannage-notice::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #3EBFB4;
}

.webee-depannage-notice strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
}

.webee-depannage-notice.show {
  display: block;
}

.webee-depannage-notice.depannage-active {
  background: linear-gradient(135deg, #3EBFB4 0%, #2da89e 100%);
}

@keyframes webeeSlideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.webee-date-highlight {
  position: relative;
}

.webee-date-highlight::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3EBFB4, #2C5F6F);
  border-radius: 2px;
  animation: webeePulse 2s ease-in-out infinite;
}

@keyframes webeePulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

.webee-field-disabled {
  opacity: 0.6;
  pointer-events: none;
  filter: grayscale(0.3);
}

.wpcf7-not-valid-tip {
  background: #EF5A3C;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  margin-top: 8px;
}