/* ========================================
   HADITH HEADER
   ======================================== */
.hadith-header {
    text-align: center;
    padding: 13px 20px;
    background: var(--white);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 100;
}

.hadith-header-inner {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 16px;
}

.hadith-header-left {
    display: flex;
    align-items: center;
}

.hadith-title {
    font-family: var(--font-arabic-display, 'Amiri', serif);
    font-size: 28px;
    font-weight: 700;
    color: var(--emerald);
    direction: rtl;
    cursor: pointer;
    transition: color var(--transition-fast);
}
.hadith-title:hover { color: var(--emerald-dark); }

.hadith-header-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hadith-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    text-decoration: none;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
}
.hadith-logo-link:hover { opacity: 0.85; }
.hadith-logo-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.22));
    transition: filter 0.2s ease;
}
.hadith-logo-link:hover img { filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3)); }

.hadith-header-right {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* ── Lang switcher (наследуем из ifta-header) ── */
.lang-switcher { position: relative; }

/* ── RTL ── */
[dir="rtl"] .hadith-header-left { text-align: end; }
[dir="rtl"] .hadith-header-right { justify-content: flex-end; }