/* ========================================
   MUJAM HEADER
   ======================================== */
.mujam-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;
}

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

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

.mujam-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);
}
.mujam-title:hover { color: var(--emerald-dark); }

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

.mujam-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;
}
.mujam-logo-link:hover { opacity: 0.85; }
.mujam-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;
}
.mujam-logo-link:hover img { filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3)); }

.mujam-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

/* Виджет намаза — сбросить абсолютное позиционирование внутри grid */
.mujam-header-right .phw-wrap {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

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