/* ==============================
   🌙 azkar-section.css (AZKAR SECTION ONLY)
============================== */

/* كرت عنوان القسم */
.azkarSection-page .azkarSection-head{
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:20px;
  box-shadow:0 4px 12px var(--color-shadow-strong);
  width:100%;
  margin-bottom:20px;
  text-align:center;
}

.azkarSection-page .azkarSection-title{
  font-size:2.4rem;
  font-weight:900;
  color:var(--color-primary);
  margin:0 0 10px;
  text-align:center;
}

.azkarSection-page .azkarSection-desc{
  color:var(--color-text-light);
  font-size:1.1rem;
  margin:0;
  text-align:center;
}

/* قائمة الأدعية */
.azkarSection-page .azkarSection-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* بطاقة الدعاء */
.azkarSection-page .azkarSection-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  padding:15px 20px;
  background:var(--color-surface);
  border-radius:12px;
  box-shadow:0 4px 12px var(--color-shadow-strong);
  border:1px solid var(--color-border);
  cursor:pointer;
}

/* النص */
.azkarSection-page .azkarSection-text{
  font-weight:600;
  font-size:1.1rem;
  line-height:1.9;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;
  margin:0;
}

/* الرقم */
.azkarSection-page .azkarSection-number{
  position:absolute;
  top:-10px;
  right:-10px;
  background:var(--color-primary);
  color:var(--color-white);
  font-weight:700;
  font-size:1.2rem;
  width:35px;
  height:35px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 6px var(--color-shadow-strong);
}

/* رسالة فارغة */
.azkarSection-page .azkarSection-empty{
  text-align:center;
  color: var(--color-text-light);
  margin: 0;
}

/* موبايل */
@media (max-width: 768px){
  .azkarSection-page .azkarSection-title{
    font-size: 2rem;
  }

  .azkarSection-page .azkarSection-head{
    padding:18px 14px;
  }
}