/* Brand name under the page-load spinner on indexur.php.
   The spinner markup lives in includes/loader.php (shared by all pages),
   so the text is added here with a pseudo-element instead. */

.loader-content {
  overflow: visible;
}

.loader-content::after {
  content: "دفاع اسلام";
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  direction: rtl;
  font-family: 'JameelNoori', 'Noto Nastaliq Urdu', serif;
  font-size: 32px;
  line-height: 1.6;
  font-weight: 700;
  color: #155b2c;
}

/* Solid light backdrop so the name is readable over the dark banner photo */
.loader {
  background-color: rgba(255, 255, 255, 0.97);
  backdrop-filter: none;
}

.loader-base {
  border-color: #dbe7de;
}

.loader-content::after {
  font-size: 36px;
}

/* Bigger ring with the name centered inside it */
.loader-content {
  width: 150px;
  height: 150px;
}

.loader-content::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  line-height: 1.4;
  word-spacing: 10px;
}