/* =========================
   SPLASH SCREEN (DAY / NIGHT)
   ========================== */

    .dayan-splash {
      position: fixed;
      inset: 0;
      z-index: 10000;

      /* فول‌اسکرین تصویر */
      background-color: #0D2735;
      /* بکاپ اگر تصویر لود نشد */
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;

      animation: splashFadeIn 0.4s ease forwards;

      /* دیگه flex لازم نیست، چون داخلش چیزی نداریم */
    }

    /* اگر دیگه img استفاده نمی‌کنی، این کلاس هم لازم نیست */
    .dayan-splash-img {
      display: none;
    }

    /* وقتی بخوایم محو بشه */
    .dayan-splash.fade-out {
      animation: splashFadeOut 0.5s ease forwards;
    }

    /* افکت محو شدن */
    @keyframes splashFadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    @keyframes splashFadeOut {
      from {
        opacity: 1;
      }

      to {
        opacity: 0;
      }
    }

    /* افکت هاله‌ی نرم – این رو اگر خواستی می‌تونی بعداً دوباره روی img بذاری
   ولی برای فول‌اسکرین نیازی نیست */
    @keyframes splashGlow {

      0%,
      100% {
        filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0.12));
      }

      50% {
        filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.20));
      }
    }