/* =========================================================
   Loading screen — animated Sunrise Swadkahon logo (transparent WebP)
   ========================================================= */
.dhak-loader {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  background:
    radial-gradient(ellipse 60% 50% at 50% 45%, rgba(255, 246, 170, .95), rgba(255, 246, 170, 0) 70%),
    linear-gradient(180deg, #fde047 0%, #fcc80a 50%, #f6b40a 100%);
  transition: opacity .5s ease, visibility .5s ease;
}
.dhak-loader.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.dhak-loader__img {
  width: min(340px, 78vw); height: auto;
  animation: dl-in .5s ease-out both;
}
.dhak-loader__dots { display: flex; gap: 8px; }
.dhak-loader__dots span {
  width: 9px; height: 9px; border-radius: 50%; background: #8b1a14;
  animation: dl-dot 1.1s ease-in-out infinite;
}
.dhak-loader__dots span:nth-child(2) { animation-delay: .18s; }
.dhak-loader__dots span:nth-child(3) { animation-delay: .36s; }

@keyframes dl-in  { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: scale(1); } }
@keyframes dl-dot { 0%, 70%, 100% { transform: translateY(0); opacity: .35; } 35% { transform: translateY(-6px); opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .dhak-loader__img, .dhak-loader__dots span { animation: none; }
}