/* Sadece belirli label için banner tarzı CSS */
label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label {
  display: block;
  background: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%);
  color: white;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  border-left: 6px solid #ff9800;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 20px 0;
}

label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label::before {
  content: "!";
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 50px;
  font-weight: bold;
  opacity: 0.2;
  z-index: 1;
}

label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

/* Geliştirilmiş link tasarımı */
label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a {
  color: #ffe57f;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid #ffe57f;
  border-radius: 25px;
  display: inline-block;
  margin: 8px 4px;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255, 229, 127, 0.3);
  backdrop-filter: blur(10px);
}

/* Hover efekti */
label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a:hover {
  color: #4776E6;
  background: #ffe57f;
  border-color: #ffe57f;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 20px rgba(255, 229, 127, 0.5);
  text-shadow: none;
}

/* Aktif/basılı durumu */
label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 8px rgba(255, 229, 127, 0.6);
}

/* Focus durumu - klavye erişilebilirliği için */
label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 229, 127, 0.4), 0 8px 20px rgba(255, 229, 127, 0.5);
}

/* Link'ten önce ikon ekleme */
label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a::before {
  content: "🔗";
  margin-right: 8px;
  font-size: 14px;
  transition: all 0.3s ease;
}

label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a:hover::before {
  content: "👆";
  transform: scale(1.2);
}

/* Pulse animasyonu - dikkat çekici efekt */
@keyframes pulse-glow {
  0% {
    box-shadow: 0 2px 8px rgba(255, 229, 127, 0.3);
  }
  50% {
    box-shadow: 0 2px 8px rgba(255, 229, 127, 0.6), 0 0 20px rgba(255, 229, 127, 0.4);
  }
  100% {
    box-shadow: 0 2px 8px rgba(255, 229, 127, 0.3);
  }
}

label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a {
  animation: pulse-glow 2s infinite ease-in-out;
}

label[for="edit-iceriginizi-buradaki-yonergeye-gore-hazirlamaniz-beklenmektedir-"].form-item__label a:hover {
  animation: none; /* Hover sırasında pulse'u durdur */
}

.form-actions.webform-actions, 
#edit-actions, 
div[data-drupal-selector="edit-actions"] {
  margin-bottom: 40px;
}