#dateConverterCard {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#dateConverterCard:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}

/*filde up*/

.bg-gradient {
  background: linear-gradient(135deg, #0d6efd, #0a58ca) !important;
}
/*!filde up*/

/*icon*/

.watermark-icon {
  color: rgba(255, 255, 255, 0.8);
  transform: translate(-50%, -50%) rotate(15deg);
  pointer-events: none;
  user-select: none;
  filter: blur(0.8px);
  z-index: 1;
}
/*! icon*/

/*text up */

.text-shadow {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  z-index: 10 !important;
}
/*!text up */

/*hover mouse in butten and radshodan yek haleh sefid mesle bargh*/

.btn-glow {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  animation: shimmer 2s infinite;
  opacity: 0;
  transition: opacity 0.4s;
}

#convert:hover .btn-glow {
  opacity: 1;
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
/*! hover buttom*/

/* alert date */
#alertDate {
  min-height: 50px;
  background: linear-gradient(135deg, #d4edda, #c3e6cb);
  color: #155724;
  border: 1px solid #c3e6cb;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.7s ease;
  white-space: pre-line;/* dont text overflow */
  border-radius: 0.5rem;
  padding: 1rem;
}

#alertDate.show {
  opacity: 1;
  transform: translateY(0);
}

#alertDate.success {
  background: linear-gradient(135deg, #d4edda, #c3e6cb);
  color: #155724;
  border-color: #c3e6cb;
}

#alertDate.error {
  background: linear-gradient(135deg, #f8d7da, #f5c6cb);
  color: #721c24;
  border-color: #f5c6cb;
}

/*! alert*/

/* input */
.data {
  font-family: 'Tahoma', sans-serif;
  direction: ltr;
  text-align: center;
}

/*rispansive*/
@media (max-width: 576px) {
  #dateConverterCard .card-body {
    padding: 1.5rem;
  }
  .btn-lg {
    font-size: 1rem;
  }
}