/* ============================================================
 *  REDESIGN v2 — mrj3y Theme  (Refined v3)
 *  ------------------------------------------------------------
 *  A1) Meta Pills                — لمسات لطيفة، الكاتب يبرز
 *  B2) Nav (center-grow)         — underline ينمو من المنتصف
 *                                  + ألوان متوافقة مع الهيدر الداكن
 *  C)  Footer Blocks Spacing 10px — كتل أسفل المقال متراصة
 *  ------------------------------------------------------------ */

/* =================================================
 *  T) TITLE — عنوان المقال (احترافي + متناسق)
 *  - شريط متدرّج علوي (cyan → teal → green-teal)
 *  - حرف رفيع أكثر، تباعد محسّن
 *  - علامة accent جانبية ناعمة بدل الحد الأرجواني السميك
 * ================================================= */
.mrj3y-single-header-box {
    background: linear-gradient(180deg, #ffffff, #fbfdfe) !important;
    border: 1px solid rgba(15, 118, 110, 0.10) !important;
    border-top: 0 !important;
    border-radius: 18px !important;
    padding: 0 !important;
    margin-bottom: 14px !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.03),
        0 10px 30px rgba(15, 23, 42, 0.04) !important;
    position: relative;
    overflow: hidden;
}

/* شريط متدرّج علوي رفيع (يحلّ محل الـ border-top الصلب) */
.mrj3y-single-header-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #38bdf8 0%, #5eead4 50%, #0f766e 100%);
    z-index: 2;
    box-shadow: 0 0 16px rgba(94, 234, 212, 0.35);
}

/* "بريق" شفاف قطري (premium subtle shine) */
.mrj3y-single-header-box::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 220px;
    height: 100%;
    background: radial-gradient(circle at top right, rgba(94, 234, 212, 0.07), transparent 70%);
    pointer-events: none;
    z-index: 1;
}

/* العنوان */
.mrj3y-single-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px !important;
    margin: 0 !important;
    padding: 26px 28px 18px 28px !important;
    text-align: right;
    border-right: 0 !important;
    position: relative;
    z-index: 3;
}

/* علامة accent جانبية متدرّجة (بدل الحد السميك القديم) */
.mrj3y-single-title::before {
    content: '';
    position: absolute;
    top: 32px;
    bottom: 22px;
    right: 0;
    width: 4px;
    background: linear-gradient(180deg, #0f766e 0%, #5eead4 60%, #38bdf8 100%);
    border-radius: 0 3px 3px 0;
    box-shadow: 0 0 10px rgba(94, 234, 212, 0.4);
}

/* مقالات الرأي — تنويعة باللون البنفسجي (تبقى مميزة) */
.mrj3y-is-opinion .mrj3y-single-header-box::before {
    background: linear-gradient(90deg, #a855f7 0%, #ec4899 50%, #f43f5e 100%);
    box-shadow: 0 0 16px rgba(236, 72, 153, 0.35);
}
.mrj3y-is-opinion .mrj3y-single-title::before {
    background: linear-gradient(180deg, #a855f7 0%, #ec4899 60%, #f43f5e 100%);
    box-shadow: 0 0 10px rgba(236, 72, 153, 0.4);
}

/* Dark mode */
body.mrj3y-dark-mode .mrj3y-single-header-box {
    background: linear-gradient(180deg, #111827, #0f172a) !important;
    border-color: rgba(94, 234, 212, 0.12) !important;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.2),
        0 10px 30px rgba(0, 0, 0, 0.25) !important;
}
body.mrj3y-dark-mode .mrj3y-single-header-box::after {
    background: radial-gradient(circle at top right, rgba(94, 234, 212, 0.10), transparent 70%);
}
body.mrj3y-dark-mode .mrj3y-single-title {
    color: #f1f5f9 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .mrj3y-single-header-box {
        border-radius: 14px !important;
        margin-bottom: 10px !important;
    }
    .mrj3y-single-header-box::before {
        height: 3px;
    }
    .mrj3y-single-title {
        font-size: 20px !important;
        padding: 16px 14px 10px 14px !important;
        letter-spacing: -0.15px !important;
        line-height: 1.35 !important;
    }
    .mrj3y-single-title::before {
        top: 20px;
        bottom: 14px;
        width: 3px;
    }
    .mrj3y-single-header-box::after {
        width: 120px;
    }
}

/* =================================================
 *  A1) META PILLS  (single posts)
 * ================================================= */
.mrj3y-single-post-meta {
    margin: 16px 0 24px;
}
.mrj3y-single-post-meta .mrj3y-meta-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.mrj3y-single-post-meta .mrj3y-meta-divider {
    display: none;
}
.mrj3y-single-post-meta .mrj3y-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
    line-height: 1.4;
    background: rgba(15, 23, 42, 0.045);
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.mrj3y-single-post-meta .mrj3y-meta-item:hover {
    background: rgba(15, 23, 42, 0.085);
    color: #1e293b;
    transform: translateY(-1px);
}
.mrj3y-single-post-meta .mrj3y-meta-item a {
    color: inherit;
    text-decoration: none;
    font-weight: 700;
}
.mrj3y-single-post-meta .mrj3y-meta-item a:hover {
    color: var(--primary-color, #0f766e);
}
.mrj3y-single-post-meta .mrj3y-meta-item svg {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: 0.65;
}
.mrj3y-single-post-meta .mrj3y-meta-avatar,
.mrj3y-single-post-meta .mrj3y-meta-avatar-default {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}
.mrj3y-single-post-meta .mrj3y-meta-avatar {
    background: #e2e8f0;
}
.mrj3y-single-post-meta .mrj3y-meta-avatar-default {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.mrj3y-single-post-meta .mrj3y-meta-avatar-default svg {
    display: block;
    width: 100%;
    height: 100%;
}
.mrj3y-single-post-meta .mrj3y-meta-author {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.10), rgba(15, 118, 110, 0.04));
    color: #082e36;
    padding-inline-start: 3px;
}
.mrj3y-single-post-meta .mrj3y-meta-author:hover {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.16), rgba(15, 118, 110, 0.08));
}
.mrj3y-single-post-meta .mrj3y-meta-author svg {
    opacity: 0.9;
    color: var(--primary-color, #0f766e);
}
.mrj3y-single-post-meta .mrj3y-meta-cats-inner {
    display: inline-flex;
    flex-wrap: wrap;
}
.mrj3y-single-post-meta .mrj3y-meta-cats-inner a + a::before {
    content: '،';
    margin: 0 4px;
    color: #94a3b8;
    font-weight: 400;
}
body.mrj3y-dark-mode .mrj3y-single-post-meta .mrj3y-meta-item {
    background: rgba(255, 255, 255, 0.05);
    color: #94a3b8;
}
body.mrj3y-dark-mode .mrj3y-single-post-meta .mrj3y-meta-item:hover {
    background: rgba(255, 255, 255, 0.09);
    color: #e2e8f0;
}
body.mrj3y-dark-mode .mrj3y-single-post-meta .mrj3y-meta-author {
    background: linear-gradient(135deg, rgba(94, 234, 212, 0.10), rgba(94, 234, 212, 0.04));
    color: #ccfbf1;
}
body.mrj3y-dark-mode .mrj3y-single-post-meta .mrj3y-meta-author:hover {
    background: linear-gradient(135deg, rgba(94, 234, 212, 0.16), rgba(94, 234, 212, 0.08));
}
body.mrj3y-dark-mode .mrj3y-single-post-meta .mrj3y-meta-author svg {
    color: #5eead4;
}
body.mrj3y-dark-mode .mrj3y-single-post-meta .mrj3y-meta-avatar {
    background: #334155;
}
@media (max-width: 600px) {
    .mrj3y-single-post-meta .mrj3y-meta-item {
        padding: 5px 11px;
        font-size: 0.8125rem;
    }
    .mrj3y-single-post-meta .mrj3y-meta-avatar,
    .mrj3y-single-post-meta .mrj3y-meta-avatar-default {
        width: 22px;
        height: 22px;
        min-width: 22px;
        min-height: 22px;
        max-width: 22px;
        max-height: 22px;
    }
}

/* =================================================
 *  B2) NAV — تصميم احترافي للقائمة + القائمة الفرعية
 *  هيدر داكن (teal) | نص أبيض | accent سماوي #5eead4
 * ================================================= */

/* الحاوية */
.mrj3y-nav-wrapper .mrj3y-nav {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 2px;
    justify-content: center;
}
.mrj3y-nav-wrapper .mrj3y-nav li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* -----------------------------------------------------
 *  زراير الأقسام الرئيسية — حواف ناعمة مرئية + توهج accent
 * ----------------------------------------------------- */
.mrj3y-nav-wrapper .mrj3y-nav > li > a,
.mrj3y-nav-wrapper .mrj3y-nav a {
    display: inline-flex !important;
    align-items: center;
    padding: 9px 14px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1;
    position: relative;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 1px 2px rgba(0, 0, 0, 0.12) !important;
    white-space: nowrap;
    transition: color 0.2s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

/* إلغاء الفاصل العمودي القديم */
.mrj3y-nav-wrapper .mrj3y-nav > li > a::before {
    display: none !important;
}

/* Underline متدرّج ينمو من المنتصف — مع توهج خفيف */
.mrj3y-nav-wrapper .mrj3y-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #38bdf8, #5eead4);
    border-radius: 2px;
    transform: translateX(-50%);
    box-shadow: 0 0 8px rgba(94, 234, 212, 0.45);
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* Hover + Active — حواف accent + توهج خارجي خفيف */
.mrj3y-nav-wrapper .mrj3y-nav > li > a:hover,
.mrj3y-nav-wrapper .mrj3y-nav > li > a:focus-visible,
.mrj3y-nav-wrapper .mrj3y-nav > li.current-menu-item > a,
.mrj3y-nav-wrapper .mrj3y-nav > li.current_page_item > a,
.mrj3y-nav-wrapper .mrj3y-nav > li.current-menu-ancestor > a,
.mrj3y-nav-wrapper .mrj3y-nav > li.current-menu-parent > a {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(94, 234, 212, 0.10), rgba(56, 189, 248, 0.06)) !important;
    border-color: rgba(94, 234, 212, 0.40) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 0 0 1px rgba(94, 234, 212, 0.15),
        0 4px 14px rgba(94, 234, 212, 0.18) !important;
}
.mrj3y-nav-wrapper .mrj3y-nav > li > a:hover::after,
.mrj3y-nav-wrapper .mrj3y-nav > li > a:focus-visible::after,
.mrj3y-nav-wrapper .mrj3y-nav > li.current-menu-item > a::after,
.mrj3y-nav-wrapper .mrj3y-nav > li.current_page_item > a::after,
.mrj3y-nav-wrapper .mrj3y-nav > li.current-menu-ancestor > a::after,
.mrj3y-nav-wrapper .mrj3y-nav > li.current-menu-parent > a::after {
    width: calc(100% - 24px);
}

/* -----------------------------------------------------
 *  Caret (سهم صغير) لو الزر له قائمة فرعية
 * ----------------------------------------------------- */
.mrj3y-nav-wrapper .mrj3y-nav > li.menu-item-has-children > a::before {
    content: '' !important;
    display: inline-block !important;
    width: 7px;
    height: 7px;
    margin-inline-start: 7px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    opacity: 0.7;
    transition: transform 0.25s ease, opacity 0.2s ease;
    position: static !important;
    background: none !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
}
.mrj3y-nav-wrapper .mrj3y-nav > li.menu-item-has-children:hover > a::before,
.mrj3y-nav-wrapper .mrj3y-nav > li.menu-item-has-children:focus-within > a::before {
    transform: rotate(225deg) translateY(0);
    opacity: 1;
}

/* =====================================================
 *  القائمة الفرعية (Submenu) — Glass احترافي
 *  ملاحظة: top:100% + padding-top يحافظ على الـ hover bridge
 *  فلا تختفي القائمة عند الانتقال من الزر إليها.
 * ===================================================== */
.mrj3y-nav-wrapper .mrj3y-nav ul,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu,
.mrj3y-nav-wrapper .mrj3y-nav .children {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    padding: 14px 8px 10px !important;
    background:
        linear-gradient(180deg,
            rgba(var(--mrj3y-main-a-rgb, 8, 46, 54), 0.96),
            rgba(var(--mrj3y-main-b-rgb, 6, 58, 66), 0.97)) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    backdrop-filter: blur(18px) saturate(180%) !important;
    border: 1px solid rgba(var(--mrj3y-accent-rgb, 94, 234, 212), 0.22) !important;
    border-top: 0 !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow:
        0 22px 54px -10px rgba(0, 0, 0, 0.55),
        0 10px 28px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    min-width: 240px;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    pointer-events: none !important;
    z-index: 1000;
    transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.22s !important;
}

/* جسر hover غير مرئي يربط الزر بالقائمة (يمنع الاختفاء) */
.mrj3y-nav-wrapper .mrj3y-nav > li.menu-item-has-children > a::after,
.mrj3y-nav-wrapper .mrj3y-nav > li > ul,
.mrj3y-nav-wrapper .mrj3y-nav > li > .sub-menu,
.mrj3y-nav-wrapper .mrj3y-nav > li > .children {
    /* الـ padding-top: 14px فوق يخلق المنطقة الواصلة بدون فجوة فعلية */
}

/* شريط متدرّج علوي رفيع (accent) */
.mrj3y-nav-wrapper .mrj3y-nav > li > ul::before,
.mrj3y-nav-wrapper .mrj3y-nav > li > .sub-menu::before,
.mrj3y-nav-wrapper .mrj3y-nav > li > .children::before {
    content: '' !important;
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    right: 16px !important;
    inset-inline-start: 16px;
    inset-inline-end: 16px;
    height: 2px;
    background: linear-gradient(90deg,
        transparent,
        var(--mrj3y-accent, #5eead4) 25%,
        #38bdf8 75%,
        transparent);
    border: 0 !important;
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(var(--mrj3y-accent-rgb, 94, 234, 212), 0.5);
    width: auto !important;
    transform: none !important;
}

/* إخفاء السهم القديم */
.mrj3y-nav-wrapper .mrj3y-nav > li > ul::after,
.mrj3y-nav-wrapper .mrj3y-nav > li > .sub-menu::after,
.mrj3y-nav-wrapper .mrj3y-nav > li > .children::after {
    display: none !important;
    content: none !important;
}

/* فتح القائمة على hover + focus + والـ li نفسه pause بسيط لمنع flicker */
.mrj3y-nav-wrapper .mrj3y-nav li:hover > ul,
.mrj3y-nav-wrapper .mrj3y-nav li:hover > .sub-menu,
.mrj3y-nav-wrapper .mrj3y-nav li:hover > .children,
.mrj3y-nav-wrapper .mrj3y-nav li:focus-within > ul,
.mrj3y-nav-wrapper .mrj3y-nav li:focus-within > .sub-menu,
.mrj3y-nav-wrapper .mrj3y-nav li:focus-within > .children {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* -----------------------------------------------------
 *  عناصر القائمة الفرعية — تصميم نظيف
 * ----------------------------------------------------- */
.mrj3y-nav-wrapper .mrj3y-nav ul li,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu li,
.mrj3y-nav-wrapper .mrj3y-nav .children li {
    margin: 0 !important;
    padding: 0 !important;
}

.mrj3y-nav-wrapper .mrj3y-nav ul a,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu a,
.mrj3y-nav-wrapper .mrj3y-nav .children a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px !important;
    margin: 2px 4px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
    white-space: nowrap;
    position: relative;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, padding 0.25s ease, transform 0.2s ease !important;
}

/* لا underline لعناصر القائمة الفرعية */
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu a::after,
.mrj3y-nav-wrapper .mrj3y-nav ul a::after,
.mrj3y-nav-wrapper .mrj3y-nav .children a::after {
    display: none !important;
}

/* سهم chevron جانبي صغير على hover */
.mrj3y-nav-wrapper .mrj3y-nav ul a::before,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu a::before,
.mrj3y-nav-wrapper .mrj3y-nav .children a::before {
    content: '' !important;
    position: static !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    margin-inline-start: 8px;
    border: 0 !important;
    border-top: 1.5px solid var(--mrj3y-accent, #5eead4) !important;
    border-left: 1.5px solid var(--mrj3y-accent, #5eead4) !important;
    background: none !important;
    border-radius: 1px !important;
    transform: rotate(-45deg) translateX(8px) !important;
    opacity: 0 !important;
    order: 2;
    transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover + Active للقائمة الفرعية */
.mrj3y-nav-wrapper .mrj3y-nav ul a:hover,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu a:hover,
.mrj3y-nav-wrapper .mrj3y-nav .children a:hover,
.mrj3y-nav-wrapper .mrj3y-nav ul a:focus-visible,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu a:focus-visible,
.mrj3y-nav-wrapper .mrj3y-nav .children a:focus-visible,
.mrj3y-nav-wrapper .mrj3y-nav ul .current-menu-item > a,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu .current-menu-item > a,
.mrj3y-nav-wrapper .mrj3y-nav .children .current-menu-item > a,
.mrj3y-nav-wrapper .mrj3y-nav ul .current_page_item > a,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu .current_page_item > a,
.mrj3y-nav-wrapper .mrj3y-nav .children .current_page_item > a {
    background: linear-gradient(135deg,
        rgba(var(--mrj3y-accent-rgb, 94, 234, 212), 0.18),
        rgba(56, 189, 248, 0.08)) !important;
    border-color: rgba(var(--mrj3y-accent-rgb, 94, 234, 212), 0.35) !important;
    color: #fff !important;
    transform: translateX(-2px) !important;
}
.mrj3y-nav-wrapper .mrj3y-nav ul a:hover::before,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu a:hover::before,
.mrj3y-nav-wrapper .mrj3y-nav .children a:hover::before,
.mrj3y-nav-wrapper .mrj3y-nav ul .current-menu-item > a::before,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu .current-menu-item > a::before {
    opacity: 1 !important;
    transform: rotate(-45deg) translateX(0) !important;
}

/* قوائم الأبناء (3 مستويات) — تفتح يميناً */
.mrj3y-nav-wrapper .mrj3y-nav ul ul,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu .sub-menu,
.mrj3y-nav-wrapper .mrj3y-nav .children .children {
    top: -10px !important;
    right: 100% !important;
    left: auto !important;
    padding: 10px 8px !important;
    border-radius: 16px 0 16px 16px !important;
    border-top: 1px solid rgba(var(--mrj3y-accent-rgb, 94, 234, 212), 0.22) !important;
    margin-right: 6px !important;
}
.mrj3y-nav-wrapper .mrj3y-nav ul ul::before,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu .sub-menu::before,
.mrj3y-nav-wrapper .mrj3y-nav .children .children::before {
    display: none !important;
}

/* فاصل ناعم بين عناصر القائمة الفرعية (3+) */
.mrj3y-nav-wrapper .mrj3y-nav ul li + li > a,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu li + li > a {
    position: relative;
}
.mrj3y-nav-wrapper .mrj3y-nav ul li + li > a::after,
.mrj3y-nav-wrapper .mrj3y-nav .sub-menu li + li > a::after {
    /* احتفظنا display:none فوق — لا تعارض */
}

/* Mobile */
@media (max-width: 992px) {
    .mrj3y-nav-wrapper {
        display: none !important;
    }
}

/* =================================================
 *  F) FEATURED IMAGE — بسيط جداً + جديد
 *  حذف: mesh animation, SVG pattern, gradient frame,
 *       borders سميكة, shadows ثقيلة
 *  إضافة: تصميم مسطّح نظيف بحافة رفيعة فقط
 * ================================================= */
.mrj3y-single-image-wrapper {
    max-width: 950px !important;
    margin: 0 auto 14px auto !important;
    padding: 0 !important;
    background: #f8fafc !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
    position: relative;
    display: block !important;
    animation: none !important;
    transition: none !important;
}

/* إلغاء طبقة SVG pattern + الـ overlay الداكن القديم */
.mrj3y-single-image-wrapper::before,
.mrj3y-single-image-wrapper::after {
    display: none !important;
    content: none !important;
}

/* الصورة نفسها — نظيفة بدون إطار */
.mrj3y-single-image-wrapper .mrj3y-single-image,
.mrj3y-single-image-wrapper img.mrj3y-single-image {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    object-fit: cover !important;
    object-position: center !important;
    position: relative;
    z-index: 1;
}

/* لا hover effect ثقيل */
.mrj3y-single-image-wrapper:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* badge التصنيف — تصميم clean modern */
.mrj3y-single-image-wrapper .mrj3y-single-image-category {
    top: 12px !important;
    right: 12px !important;
    z-index: 3 !important;
}
.mrj3y-single-image-wrapper .mrj3y-single-image-category-link {
    display: inline-block;
    padding: 5px 12px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(15, 23, 42, 0.78) !important;
    -webkit-backdrop-filter: blur(8px) saturate(180%);
    backdrop-filter: blur(8px) saturate(180%);
    border-radius: 6px !important;
    border: 0 !important;
    letter-spacing: 0.2px;
    transition: background 0.2s ease, transform 0.2s ease !important;
}
.mrj3y-single-image-wrapper .mrj3y-single-image-category-link:hover {
    background: rgba(15, 118, 110, 0.92) !important;
    transform: translateY(-1px) !important;
    border-color: transparent !important;
}

/* Live indicator — أبسط */
.mrj3y-single-image-wrapper .mrj3y-live-indicator {
    top: 12px !important;
    right: 12px !important;
    background: rgba(220, 38, 38, 0.92) !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* Dark mode — صورة بخلفية بسيطة فقط */
body.mrj3y-dark-mode .mrj3y-single-image-wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.mrj3y-dark-mode .mrj3y-single-image-wrapper .mrj3y-single-image,
body.mrj3y-dark-mode .mrj3y-single-image-wrapper img.mrj3y-single-image {
    background: #1e293b !important;
}
body.mrj3y-dark-mode .mrj3y-single-image-wrapper:hover {
    box-shadow: none !important;
    border: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .mrj3y-single-image-wrapper {
        margin-bottom: 10px !important;
        border-radius: 10px !important;
    }
    .mrj3y-single-image-wrapper .mrj3y-single-image,
    .mrj3y-single-image-wrapper img.mrj3y-single-image {
        border-radius: 10px !important;
    }
    .mrj3y-single-image-wrapper .mrj3y-single-image-category {
        top: 10px !important;
        right: 10px !important;
    }
    .mrj3y-single-image-wrapper .mrj3y-single-image-category-link {
        padding: 4px 10px !important;
        font-size: 11.5px !important;
    }
}

/* قتل الـ mesh animation نهائياً (CPU saver) */
@keyframes mrj3y-mesh-bg {
    0%, 100% { background-position: 0% 0%; }
}

/* Author box: see single-post.css */

/* =================================================
 *  A11Y — تحسين تباين الألوان (WCAG AA: 4.5:1)
 *  إصلاح Lighthouse: Background and foreground colors
 *  do not have a sufficient contrast ratio
 * ================================================= */

/* Google News CTA — كان #4285f4 (3.59:1) → #1a56db (5.2:1) */
.mrj3y-new-title .mrj3y-name {
    color: #1a56db !important;
}

.mrj3y-new-wrap .mrj3y-google-hint-prominent {
    color: #1a56db !important;
    background: rgba(26, 86, 219, 0.07) !important;
    border-color: rgba(26, 86, 219, 0.18) !important;
}

.mrj3y-new-btn-simple {
    background: #1a56db !important;
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.28) !important;
}
.mrj3y-new-wrap:hover .mrj3y-new-btn-simple {
    background: #1545b0 !important;
    box-shadow: 0 6px 20px rgba(26, 86, 219, 0.38) !important;
}

/* "(صح ✓)" — كان #34a853 (2.95:1) → #15803d (5.7:1) */
.mrj3y-green {
    color: #15803d !important;
}

/* أزرار المشاركة — تباين ≥ 4.5:1 مع أبيض، مع الحفاظ على الهوية اللونية */
.mrj3y-share-v2-fb {
    background: #0d5fc9 !important;  /* كان #1877f2 (3.65:1) → 5.05:1 */
}
.mrj3y-share-v2-fb:hover {
    background: #0a4ea8 !important;
}

.mrj3y-share-v2-wa {
    background: #0e7a3f !important;  /* كان #25d366 (2.04:1) → 5.30:1 */
}
.mrj3y-share-v2-wa:hover {
    background: #0a6033 !important;
}

.mrj3y-share-v2-tg {
    background: #006fa3 !important;  /* كان #0088cc (3.87:1) → 5.16:1 */
}
.mrj3y-share-v2-tg:hover {
    background: #005880 !important;
}

/* تأكيد عرض النص بـ font-weight 800 ولون أبيض كامل */
.mrj3y-share-v2-btn,
.mrj3y-share-v2-btn-text {
    color: #ffffff !important;
}

/* Dark mode — ألوان أفتح خفيفاً لتلائم الخلفية الداكنة */
body.mrj3y-dark-mode .mrj3y-new-title .mrj3y-name {
    color: #60a5fa !important;
}
body.mrj3y-dark-mode .mrj3y-new-wrap .mrj3y-google-hint-prominent {
    color: #93c5fd !important;
    background: rgba(96, 165, 250, 0.10) !important;
    border-color: rgba(96, 165, 250, 0.20) !important;
}
body.mrj3y-dark-mode .mrj3y-green {
    color: #4ade80 !important;
}

/* =================================================
 *  C) FOOTER BLOCKS — مسافات 10px مميزة
 * ================================================= */

/* إعلان بعد المحتوى ثم Google News CTA */
.mrj3y-single-content + .mrj3y-after-content-ad {
    margin: 10px 0 0 !important;
}

.mrj3y-after-content-ad + .mrj3y-new-wrap.mrj3y-gn-inside-content,
.mrj3y-single-content + .mrj3y-new-wrap.mrj3y-gn-inside-content,
.mrj3y-gn-inside-content {
    margin: 10px 0 0 !important;
}

/* الحاوية الأم للكتل: flex مع gap موحَّد 10px */
.mrj3y-single-footer-blocks {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
    margin: 10px 0 0 !important;
    position: relative;
}

/* تصفير margin-top/bottom للأبناء عشان الـ gap يبقى الـ 10px فقط */
.mrj3y-single-footer-blocks > .mrj3y-author-box,
.mrj3y-single-footer-blocks > .mrj3y-author-v4,
.mrj3y-single-footer-blocks > .mrj3y-share-v2,
.mrj3y-single-footer-blocks > .mrj3y-inline-related-news,
.mrj3y-single-footer-blocks > .mrj3y-tags-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* لمسة مميزة: شريط أفقي رفيع (3 نقاط) بين الكتل
   — خفيف بصرياً، لا يضيف ارتفاع، يعطي إيقاع منسجم */
.mrj3y-single-footer-blocks > .mrj3y-author-box + *::before,
.mrj3y-single-footer-blocks > .mrj3y-author-v4 + *::before,
.mrj3y-single-footer-blocks > .mrj3y-share-v2 + *::before,
.mrj3y-single-footer-blocks > .mrj3y-inline-related-news + *::before,
.mrj3y-single-footer-blocks > .mrj3y-tags-container + *::before {
    content: '';
    display: block;
    width: 36px;
    height: 2px;
    margin: -5px auto 5px;
    background: linear-gradient(90deg, transparent, rgba(15, 118, 110, 0.35), transparent);
    border-radius: 2px;
    opacity: 0.6;
}

/* قسم الأخبار المهمة (خارج article) — 10px من فوق */
.mrj3y-full-width-section {
    margin-top: 10px !important;
}

/* حاوية auto-load — 10px من فوق */
#mrj3y-auto-loaded-posts {
    margin-top: 10px !important;
}

/* Dark mode للفاصل */
body.mrj3y-dark-mode .mrj3y-single-footer-blocks > .mrj3y-author-box + *::before,
body.mrj3y-dark-mode .mrj3y-single-footer-blocks > .mrj3y-author-v4 + *::before,
body.mrj3y-dark-mode .mrj3y-single-footer-blocks > .mrj3y-share-v2 + *::before,
body.mrj3y-dark-mode .mrj3y-single-footer-blocks > .mrj3y-inline-related-news + *::before,
body.mrj3y-dark-mode .mrj3y-single-footer-blocks > .mrj3y-tags-container + *::before {
    background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.4), transparent);
}

/* Mobile — مسافات أقل (8px) */
@media (max-width: 600px) {
    .mrj3y-single-footer-blocks {
        gap: 8px !important;
    }
    .mrj3y-single-content + .mrj3y-new-wrap.mrj3y-gn-inside-content,
    .mrj3y-gn-inside-content,
    .mrj3y-single-footer-blocks,
    .mrj3y-full-width-section,
    #mrj3y-auto-loaded-posts {
        margin-top: 8px !important;
    }
    .mrj3y-single-footer-blocks > .mrj3y-author-box + *::before,
    .mrj3y-single-footer-blocks > .mrj3y-author-v4 + *::before,
    .mrj3y-single-footer-blocks > .mrj3y-share-v2 + *::before,
    .mrj3y-single-footer-blocks > .mrj3y-inline-related-news + *::before,
    .mrj3y-single-footer-blocks > .mrj3y-tags-container + *::before {
        width: 28px;
        margin: -4px auto 4px;
    }
}