/* آیهٔ روز — همهٔ مقادیر از متغیرها می‌آیند تا از پیشخوان قابل تنظیم باشند */

.dverse{
  /* پیش‌فرض‌ها؛ PHP اینها را روی خود عنصر بازنویسی می‌کند */
  --dv-bg:rgba(255,255,255,.40);
  --dv-edge:rgba(255,255,255,.60);
  --dv-ink:#17181A;
  --dv-accent:#6FAF8C;
  --dv-blur:20px;
  --dv-radius:26px;
  --dv-pad:32px;
  --dv-w:640px;
  --dv-minh:0px;
  --dv-maxh:none;
  --dv-font:'Vazirmatn',system-ui,sans-serif;
  --dv-t-size:23px;
  --dv-v-size:18px;
  --dv-m-size:15px;
  --dv-t-weight:500;
  --dv-v-weight:200;
  --dv-ease:cubic-bezier(.22,.61,.36,1);

  /* رنگ‌های مشتق‌شده از رنگ متن */
  --dv-ink-2:color-mix(in srgb,var(--dv-ink) 65%,transparent);
  --dv-ink-3:color-mix(in srgb,var(--dv-ink) 42%,transparent);
  --dv-line:color-mix(in srgb,var(--dv-ink) 14%,transparent);
  --dv-soft:color-mix(in srgb,var(--dv-ink) 8%,transparent);

  direction:rtl;
  box-sizing:border-box;
  max-width:var(--dv-w);
  width:100%;
  margin:0 auto;
  padding:var(--dv-pad);
  border-radius:var(--dv-radius);
  background:var(--dv-bg);
  border:1px solid var(--dv-edge);
  backdrop-filter:blur(var(--dv-blur));
  -webkit-backdrop-filter:blur(var(--dv-blur));
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  font-family:var(--dv-font);
  font-weight:300;
  color:var(--dv-ink);
  transition:background .35s var(--dv-ease);
}
.dverse *{box-sizing:border-box;letter-spacing:normal}

/* مرورگرهای قدیمی که color-mix ندارند */
@supports not (color: color-mix(in srgb, red 50%, blue)){
  .dverse{
    --dv-ink-2:rgba(23,24,26,.62);
    --dv-ink-3:rgba(23,24,26,.40);
    --dv-line:rgba(23,24,26,.12);
    --dv-soft:rgba(23,24,26,.07);
  }
  .dverse-dark{
    --dv-ink-2:rgba(242,242,240,.66);
    --dv-ink-3:rgba(242,242,240,.44);
    --dv-line:rgba(242,242,240,.16);
    --dv-soft:rgba(242,242,240,.10);
  }
}

.dverse-noshadow{box-shadow:none}
.dverse-glass:hover{background:color-mix(in srgb,var(--dv-bg) 55%,#fff)}

/* ───── ارتفاع ───── */
.dverse-fixed-h{
  min-height:var(--dv-minh);
  max-height:var(--dv-maxh);
  display:flex;flex-direction:column;
}
/* چیدمان عمودی محتوا داخل ارتفاع ثابت */
.dverse-v-top{justify-content:flex-start}
.dverse-v-middle{justify-content:center}
.dverse-v-bottom{justify-content:flex-end}

/* اگر محتوا از سقف ارتفاع بیشتر شد، اسکرول نرم */
.dverse-scroll{overflow-y:auto;scrollbar-width:thin}
.dverse-scroll::-webkit-scrollbar{width:5px}
.dverse-scroll::-webkit-scrollbar-track{background:transparent}
.dverse-scroll::-webkit-scrollbar-thumb{background:var(--dv-line);border-radius:99px}
.dverse-scroll::-webkit-scrollbar-thumb:hover{background:var(--dv-ink-3)}

/* در ارتفاع ثابت، حاشیهٔ آخرین عنصر حذف شود تا وسط‌چینی دقیق بماند */
.dverse-fixed-h > :last-child{margin-bottom:0}

/* ───── سرِ باکس ───── */
.dverse-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.dverse .dverse-label{font-size:12px;color:var(--dv-ink-3);font-weight:300;margin-inline-end:auto}
.dverse .dverse-day{
  font-size:12px;color:var(--dv-ink-2);font-weight:300;
  background:var(--dv-soft);border-radius:999px;padding:4px 13px;white-space:nowrap;
}

/* ───── عنوان ───── */
.dverse .dverse-title{
  margin:0 0 20px;padding:0;
  font-family:inherit;
  font-size:var(--dv-t-size);
  font-weight:var(--dv-t-weight);
  line-height:1.6;color:var(--dv-ink);
  display:flex;align-items:center;gap:10px;
}
.dverse .dverse-emoji{font-size:.95em;line-height:1;flex:none}

/* ───── آیه ───── */
.dverse .dverse-verse{
  margin:0 0 24px;padding:22px 0;
  border:0;border-top:1px solid var(--dv-line);border-bottom:1px solid var(--dv-line);
  background:transparent;quotes:none;
}
.dverse .dverse-verse::before,.dverse .dverse-verse::after{content:none}
.dverse .dverse-verse p{
  margin:0;
  font-size:var(--dv-v-size);
  font-weight:var(--dv-v-weight);
  line-height:2;color:var(--dv-ink);
}
.dverse-quotes .dverse-verse p::before{content:'«'}
.dverse-quotes .dverse-verse p::after{content:'»'}
.dverse .dverse-ref{
  display:block;margin-top:14px;
  font-size:calc(var(--dv-m-size) - 2px);
  font-style:normal;color:var(--dv-ink-3);font-weight:300;
}

/* بدون خط جداکننده */
.dverse-norules .dverse-verse{border-top:0;border-bottom:0;padding-block:6px}
.dverse-norules .dverse-foot{border-top:0}

/* ───── پیام ───── */
.dverse .dverse-msg-label{
  display:block;font-size:12px;color:var(--dv-ink-3);margin-bottom:10px;
}
.dverse .dverse-msg p{
  margin:0 0 14px;
  font-size:var(--dv-m-size);
  line-height:2.05;color:var(--dv-ink-2);
}
.dverse .dverse-msg p:last-child{margin-bottom:0}

/* ───── پابرگ ───── */
.dverse-foot{
  margin-top:24px;padding-top:18px;border-top:1px solid var(--dv-line);
  display:flex;justify-content:flex-start;
}
.dverse .dverse-copy{
  -webkit-appearance:none!important;appearance:none!important;
  background:transparent!important;background-image:none!important;
  border:1px solid var(--dv-edge)!important;
  box-shadow:none!important;text-shadow:none!important;
  text-transform:none!important;letter-spacing:normal!important;
  min-width:0!important;min-height:0!important;margin:0!important;
  border-radius:999px!important;padding:9px 20px!important;
  font-family:inherit!important;font-size:13px;font-weight:300;line-height:1.6!important;
  color:var(--dv-ink-2)!important;cursor:pointer;
  transition:background .25s,color .25s;
}
.dverse .dverse-copy:hover{background:var(--dv-soft)!important;color:var(--dv-ink)!important}
.dverse .dverse-copy.is-done{
  background:var(--dv-accent)!important;color:#0E2A1C!important;border-color:var(--dv-accent)!important;
}
.dverse .dverse-copy::-moz-focus-inner{border:0!important;padding:0!important}
.dverse .dverse-copy:focus-visible{outline:2px solid var(--dv-ink);outline-offset:2px}

/* ───── قالب فقط خط دور ───── */
.dverse-line,.dverse-plain{backdrop-filter:none;-webkit-backdrop-filter:none}
.dverse-plain{padding-inline:0}

/* ───── چیدمان وسط ───── */
.dverse-align-center{text-align:center}
.dverse-align-center .dverse-title,
.dverse-align-center .dverse-top,
.dverse-align-center .dverse-foot{justify-content:center}
.dverse-align-center .dverse-label{margin-inline-end:0}

/* ───── فشرده ───── */
.dverse-compact .dverse-verse{border-bottom:0;padding-bottom:0;margin-bottom:0}

/* ───── موبایل ───── */
@media(max-width:600px){
  .dverse{padding:calc(var(--dv-pad) * .7);border-radius:calc(var(--dv-radius) * .78)}
  .dverse .dverse-title{font-size:calc(var(--dv-t-size) * .88)}
  .dverse .dverse-verse p{font-size:calc(var(--dv-v-size) * .92);line-height:1.95}
  .dverse .dverse-msg p{font-size:calc(var(--dv-m-size) * .96)}
}

@media(prefers-reduced-motion:reduce){
  .dverse,.dverse .dverse-copy{transition:none}
}

.dverse-empty{
  font-size:13px;color:#b32d2e;
  border:1px dashed #b32d2e;border-radius:8px;padding:12px 16px;
}