/* ══════════════════════════════════════════════════════════
   fatwa.css — Fatwa Module Styles
   يعتمد على judgements.css للأنماط المشتركة
   ══════════════════════════════════════════════════════════ */

/* ══ بطاقة الفتوى ══ */
.fatwa-card {
    background   : var(--bg-card, #fff);
    border       : 1px solid var(--border-light, #e5e7eb);
    border-radius: 10px;
    margin-bottom: 14px;
    overflow     : hidden;
    box-shadow   : 0 1px 4px rgba(0,0,0,.06);
    transition   : box-shadow .2s;
}

.fatwa-card:hover {
    box-shadow: 0 4px 16px rgba(37,99,168,.12);
}

/* ══ رأس بطاقة الفتوى ══ */
.fatwa-card .law-number-badge {
    background: linear-gradient(135deg, #7b5e2a 0%, #c89a3a 100%);
    color      : #fff;
    border-radius: 8px;
    padding    : 6px 10px;
    text-align : center;
    font-weight: 700;
    font-size  : 16px;
    min-width  : 70px;
    line-height: 1.4;
    flex-shrink: 0;
}

.fatwa-card .law-number-badge small {
    display    : block;
    font-size  : 10px;
    font-weight: 400;
    opacity    : .85;
}

/* ══ شريط رأس الفتوى ══ */
.fatwa-detail-header {
    background   : linear-gradient(135deg, #7b5e2a 0%, #c89a3a 100%);
    border-radius: 8px;
    padding      : 14px 20px;
    margin-bottom: 20px;
    text-align   : center;
    color        : #fff;
    display      : flex;
    flex-wrap    : wrap;
    align-items  : center;
    justify-content: center;
    gap          : 6px 14px;
    font-size    : 14px;
    font-weight  : 600;
}

/* ══ hero — لون مختلف للفتاوى ══ */
.fatwa-hero .search-hero {
    background: linear-gradient(135deg, #3d2b0a 0%, #7b5e2a 60%, #c89a3a 100%);
}

/* ══ قائمة الموضوعات في الشريط الجانبي ══ */
#fatwaSubjectList {
    scrollbar-width: thin;
    scrollbar-color: var(--border) transparent;
}

#fatwaSubjectList .filter-item {
    border-bottom: 1px solid var(--border-light, #f0f0f0);
    transition   : background .12s;
}

#fatwaSubjectList .filter-item:hover {
    background: var(--bg-elevated, #f7f9fb);
}

#fatwaSubjectList .filter-item.active {
    background: rgba(123, 94, 42, 0.08);
    color      : #7b5e2a;
    font-weight: 700;
}

/* ══ شريط الفلترة السريعة — موضوعات ══ */
.quick-filter-bar .qf-btn.active {
    background  : #7b5e2a;
    color       : #fff;
    border-color: #7b5e2a;
}

.quick-filter-bar .qf-btn:hover {
    border-color: #7b5e2a;
    color       : #7b5e2a;
}

/* ══ Relevance dots — لون الفتاوى ══ */
.fatwa-relevance .dot.on {
    background: #c89a3a;
}

/* ══ رابط التحليل / الصورة ══ */
.fatwa-card .rel-link-badge.related {
    color       : #7b5e2a;
    border-color: #c89a3a55;
}

.fatwa-card .rel-link-badge.related:hover {
    background: #7b5e2a;
    color      : #fff;
}

/* ══ زر العرض ══ */
.fatwa-card .btn-view {
    background  : #7b5e2a;
    color       : #fff;
    border-color: #7b5e2a;
}

.fatwa-card .btn-view:hover {
    filter: brightness(1.12);
}

.fatwa-card .btn-share {
    background  : transparent;
    color       : #7b5e2a;
    border-color: #7b5e2a;
}

.fatwa-card .btn-share:hover {
    background: rgba(123,94,42,.08);
}

/* ══ تفاصيل الفتوى (Modal / صفحة مستقلة) ══ */
.fatwa-detail .hokm-detail-header {
    background: linear-gradient(135deg, #7b5e2a 0%, #c89a3a 100%);
}

.fatwa-detail .hokm-section-title {
    color: #7b5e2a;
}

.fatwa-detail .hokm-section-title i {
    color: #c89a3a;
}

/* ══ Stat mini ══ */
#statFatwaTotal {
    color: #7b5e2a;
}

/* ══ Toast ══ */
.toast-notification {
    position      : fixed;
    bottom        : 24px;
    left          : 50%;
    transform     : translateX(-50%);
    background    : #1a1a2e;
    color         : #fff;
    padding       : 10px 24px;
    border-radius : 8px;
    font-size     : 14px;
    font-family   : 'Tajawal', sans-serif;
    z-index       : 9999;
    box-shadow    : 0 4px 20px rgba(0,0,0,.3);
    animation     : _toastIn .25s ease;
    white-space   : nowrap;
}

@keyframes _toastIn {
    from { opacity: 0; transform: translateX(-50%) translateY(10px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* ══ صفحة FatwaSub — شريط التنقل ══ */
.fsub-nav-item.active {
    background  : rgba(123,94,42,.08);
    color       : #7b5e2a;
    font-weight : 700;
    border-right: 3px solid #7b5e2a;
}

.fsub-nav-item:hover {
    color: #7b5e2a;
}

/* ══ Responsive ══ */
@media (max-width: 768px) {
    .fatwa-detail-header {
        font-size: 13px;
        padding  : 10px 14px;
    }
}

@media print {
    .fatwa-card .law-card-footer,
    .hokm-detail-actions {
        display: none !important;
    }
}