/* تحسينات عامة للواجهة */
:root {
  --brand: #0d6efd;
  --text: #212529;
  --muted: #6c757d;
}
body { direction: rtl; color: var(--text); }
.navbar .nav-link:hover { color: #fff; opacity: .85; }
.card-img-top { object-fit: cover; height: 180px; }
img[loading="lazy"] { filter: blur(3px); }


/* أزرار رئيسية */
.btn-primary { background-color: var(--brand); border-color: var(--brand); }
.btn-primary:hover { filter: brightness(1.05); }

/* روابط داخل العناوين */
.card-title a { text-decoration: none; color: var(--text); }
.card-title a:hover { color: var(--brand); }

/* قوائم */
.list-group-item { display: flex; justify-content: space-between; align-items: center; }
.list-group-item a { font-weight: 500; }
/* عناصر قائمة قابلة للنقر بالكامل */
.list-group-item-action { display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: inherit; }
.list-group-item a { font-weight: 500; }


/* بطل الصفحة */
.hero { background: linear-gradient(135deg, rgba(13,110,253,.08), rgba(13,110,253,.02)); border: 1px solid #e9ecef; border-radius: 1rem; padding: 2rem; }
.hero .hero-title { font-weight: 700; margin-bottom: .5rem; }
.hero .hero-subtitle { color: var(--muted); }

/* عناوين الأقسام */
.section-title { position: relative; padding-bottom: .5rem; margin-bottom: 1rem; }
.section-title::after { content: ""; position: absolute; bottom: 0; right: 0; width: 72px; height: 3px; background: var(--brand); border-radius: 3px; }

/* بطاقات */
.card { border: none; box-shadow: 0 4px 12px rgba(0,0,0,.08); transition: transform .2s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.12); }


/* شارات */
.home-info-bar .card { border: none; }
.home-info-bar .card .fw-bold { font-size: 0.95rem; }
.home-info-bar .card .small { font-size: 0.9rem; }
@media (max-width: 576px) {
  .home-info-bar .card { margin-bottom: 0.25rem; }
}
/* الحاوية */
.container { max-width: 1200px; }

/* قارئ الوثيقة */
.reader-frame { width: 100%; height: 80vh; border: 0; border-radius: .5rem; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
/* حجم إطار عرض الـ PDF داخل قارئ الوثيقة */
.reader-frame iframe { width: 100%; height: 100%; border: 0; }
@media (max-width: 576px) { .reader-frame { height: 70vh; } }
/* غلاف الموقع */
.site-cover { height: 220px; background-size: cover; background-position: center; border-radius: 1rem; box-shadow: 0 4px 12px rgba(0,0,0,.08); border: 1px solid #e9ecef; }
@media (max-width: 576px) { .site-cover { height: 160px; } }
/* غلاف كامل الصفحة */
.site-cover-full { width: 100%; min-height: 45vh; background-size: cover; background-position: center; }
@media (min-width: 992px) { .site-cover-full { min-height: 55vh; } }
.home-info-card { min-height: 120px; }
.home-info-card .flag { font-size: 1.25rem; margin-left: .35rem; }
.home-info-card .value { font-weight: 600; font-size: 0.95rem; }
.prayer-card .form-select { padding: .25rem .5rem; }
.prayer-card .form-select.w-auto { min-width: 140px; }
.prayer-card .form-control.w-auto { min-width: 180px; }
@media (max-width: 576px) { .prayer-card .form-select { width: 100%; } }
@media (max-width: 576px) { .home-info-card { min-height: auto; } }
.flag-img { width: 24px; height: 16px; object-fit: cover; border-radius: 2px; margin-left: .35rem; vertical-align: text-bottom; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.ayah-text {
  font-size: 1.1rem;
  line-height: 1.8;
  text-align: center;
}
.tafsir-text {
  text-align: center;
}
.random-ayah-card .card-body {
  background: #fafafa;
}