/* Premium Bismillah — styling only, the Arabic text itself is untouched */
html body.pg-index .bismillah{
  position:relative;isolation:isolate;display:block;
  font-family:"Amiri Quran","Amiri","Scheherazade New","Traditional Arabic",serif;
  font-weight:400;direction:rtl;letter-spacing:0;word-spacing:.12em;
  font-size:clamp(2.1rem,5.4vw,4.1rem);line-height:2.05;text-align:center;
  background:linear-gradient(180deg,#fffbe9 0%,#f6df9c 38%,#d9b45e 72%,#b88b34 100%);
  background-size:100% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;text-shadow:none;
  filter:drop-shadow(0 2px 14px rgba(240,205,120,.38)) drop-shadow(0 0 2px rgba(255,235,170,.35));
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
  animation:bsmReveal 1.5s cubic-bezier(.2,.8,.2,1) both;
}
/* soft halo behind the calligraphy */
html body.pg-index .bismillah::before{
  content:"";position:absolute;z-index:-1;inset:-18% -12%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(240,213,138,.16),rgba(240,213,138,0) 72%);
  animation:bsmHalo 6s ease-in-out 1.5s infinite alternate;
}
/* ornamental divider: line — diamond — line */
html body.pg-index .bismillah::after{
  content:"";display:block;width:min(260px,62vw);height:16px;margin:10px auto 0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 16'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23d8bc78' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23e9cf8a'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%23d8bc78' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23e9cf8a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='7.5' width='108' height='1' fill='url(%23l)'/%3E%3Crect x='152' y='7.5' width='108' height='1' fill='url(%23r)'/%3E%3Cpath d='M130 1.5 L136.5 8 L130 14.5 L123.5 8Z' fill='none' stroke='%23edd28f' stroke-width='1.2'/%3E%3Cpath d='M130 5 L133 8 L130 11 L127 8Z' fill='%23edd28f'/%3E%3Ccircle cx='115' cy='8' r='1.4' fill='%23e9cf8a'/%3E%3Ccircle cx='145' cy='8' r='1.4' fill='%23e9cf8a'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  animation:bsmLine 1.2s cubic-bezier(.2,.8,.2,1) .5s both;
}
@keyframes bsmReveal{from{opacity:0;transform:translateY(14px) scale(.97);filter:blur(10px) drop-shadow(0 0 0 rgba(240,205,120,0))}to{opacity:1;transform:none}}
@keyframes bsmHalo{from{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@keyframes bsmLine{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html body.pg-index .bismillah,html body.pg-index .bismillah::before,html body.pg-index .bismillah::after{animation:none}
}
@media (max-width:480px){html body.pg-index .bismillah{line-height:1.95}}

/* Light theme: deeper gold so it stays readable on the cream hero */
html:not([data-theme="dark"]) body.pg-index .bismillah{
  background:linear-gradient(180deg,#9a7122 0%,#7a5512 55%,#5e3f0a 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 4px 14px rgba(184,139,52,.25));
}
html:not([data-theme="dark"]) body.pg-index .bismillah::before{background:radial-gradient(closest-side,rgba(255,255,255,.35),rgba(255,255,255,0) 72%)}