/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

.bg-abstract {
  position: relative;
  z-index: 0;
  background: linear-gradient(
    to right,
    #3b5c85 0%, 
    #3b5c85 calc(40% - 100px),
    #4a6380 calc(40% - 100px),
    #4a6380 40%,
    #5a6d89 40%,
    #5a6d89 60%,
    #6a7a91 60%,
    #6a7a91 calc(60% + 100px),
    #7a8899 calc(60% + 100px),
    #7a8899 100%
  );
  color: rgba(255, 255, 255, 0.85); /* metin rengi için önerilen */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); /* okunabilirliği artırır */
}

/* Overlay efekt */
.bg-abstract::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-image: 
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.03) 0px,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 12px,

      rgba(255, 255, 255, 0.02) 12px,
      rgba(255, 255, 255, 0.02) 13px,
      transparent 13px,
      transparent 25px,

      rgba(255, 255, 255, 0.01) 25px,
      rgba(255, 255, 255, 0.01) 27px,
      transparent 27px,
      transparent 50px
    );
  animation: subtleMove 30s linear infinite;
}

/* Hafif animasyon */
@keyframes subtleMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100px 100px;
  }
}

/* Responsive: mobilde çizgileri kapat */
@media (max-width: 768px) {
  .bg-abstract::after {
    display: none;
  }
}

/* Erişilebilirlik: hareket tercihi */
@media (prefers-reduced-motion: reduce) {
  .bg-abstract::after {
    animation: none;
  }
}