<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>معهد الدراسات الاجتماعية و الإعلامية</title>
	<atom:link href="https://sms-institute.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://sms-institute.com/</link>
	<description>دراسات - تحليل - تكوين</description>
	<lastBuildDate>Sat, 06 Jun 2026 15:02:39 +0000</lastBuildDate>
	<language>ary</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.8</generator>

<image>
	<url>https://sms-institute.com/wp-content/uploads/2022/03/cropped-78176462_971687123212963_670638815190188032_n-1-32x32.png</url>
	<title>معهد الدراسات الاجتماعية و الإعلامية</title>
	<link>https://sms-institute.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ورقة سياسات &#8211; يونيو 2026: التوقيت الميسر والعدالة المعرفية في المغرب: تحديات التمويل وإكراهات الإنصاف</title>
		<link>https://sms-institute.com/%d9%88%d8%b1%d9%82%d8%a9-%d8%b3%d9%8a%d8%a7%d8%b3%d8%a7%d8%aa-%d9%8a%d9%88%d9%86%d9%8a%d9%88-2026-%d8%a7%d9%84%d8%aa%d9%88%d9%82%d9%8a%d8%aa-%d8%a7%d9%84%d9%85%d9%8a%d8%b3%d8%b1-%d9%88%d8%a7%d9%84/</link>
		
		<dc:creator><![CDATA[Sanaa Haouata]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 13:24:35 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1247</guid>

					<description><![CDATA[دراسة نقدية للأداء الأكاديمي والتبعات السوسيو-اقتصادية لسياسات التعليم العالي، مع التركيز على فئة &#8220;الطالب الموظف&#8221; والتحول نحو التعليم المؤدى عنه.&#8230;]]></description>
										<content:encoded><![CDATA[
<p><strong><em>دراسة نقدية للأداء الأكاديمي والتبعات السوسيو-اقتصادية لسياسات التعليم العالي، مع التركيز على فئة &#8220;الطالب الموظف&#8221; والتحول نحو التعليم المؤدى عنه.</em></strong></p>



<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>دراسة نقدية: التوقيت الميسر والعدالة المعرفية في المغرب</title>
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Google Fonts: Cairo for Arabic -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&#038;display=swap" rel="stylesheet">

    <!-- Chart.js -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <!-- Tailwind Config for Custom Colors and Fonts -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Cairo', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            dark: '#1e3a8a', // Deep Blue
                            primary: '#2563eb', // Blue
                            light: '#dbeafe', // Light Blue
                            accent: '#d97706', // Amber/Gold for highlights
                            bg: '#f8fafc', // Slate 50
                            text: '#334155' // Slate 700
                        }
                    }
                }
            }
        }
    </script>

    <style>
        /* Base Styles */
        body {
            background-color: #f8fafc;
            color: #334155;
            scroll-behavior: smooth;
        }

        /* Chart Container Requirements */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 800px; /* Constrain max width for readability */
            margin-left: auto;
            margin-right: auto;
            height: 350px; /* Base height */
            max-height: 450px;
            background: white;
            border-radius: 0.75rem;
            padding: 1rem;
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        }

        @media (min-width: 768px) {
            .chart-container {
                height: 400px;
            }
        }

        /* Custom Scrollbar for aesthetic */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

        /* Accordion transition */
        .accordion-content {
            transition: max-height 0.3s ease-in-out, padding 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        .accordion-content.active {
            max-height: 500px; /* Arbitrary large number to allow content */
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
    </style>
</head>
<body class="font-sans antialiased text-brand-text bg-brand-bg">

    <!-- 
    <!-- Chosen Palette: Academic Trust (Deep Blues, Clean Slate backgrounds, Amber highlights for emphasis) -->
    <!-- Application Structure Plan: 
         - **Hero Section**: Immediate context, title, and authors to establish authority.
         - **Executive Summary (Cards)**: Quick takeaways for fast scrollers.
         - **Interactive Dashboard (Thematic Tabs)**: Grouped data visualizations (Demographics, Financial Impact, Dropout Rates) allowing users to explore specific angles of the "Flexible Schedule" issue without being overwhelmed by data all at once.
         - **Analytical Text Sections**: Deeper dives into "Cognitive Justice" and "Systemic Issues".
         - **Interactive Recommendations (Accordion)**: Actionable insights kept tidy, encouraging interaction to read details.
         *Rationale*: This structure breaks a dense academic policy paper into digestible, exploratory chunks. The dashboard centralizes the quantitative evidence, while structured text sections handle the qualitative arguments.
    -->
    <!-- Visualization & Content Choices: 
         - **Goal: Contextualize Audience** -> *Viz: Doughnut Chart (Chart.js)* -> Shows proportion of 'Working Students' vs 'Regular'. Justification: Simple proportion to show the scale of the affected group.
         - **Goal: Highlight Financial Impact (The Core Issue)** -> *Viz: Grouped Bar Chart (Chart.js)* -> Compares costs before and after reform. Justification: Starkly visualizes the "financing challenge" mentioned in the title.
         - **Goal: Show Consequence (Dropout)** -> *Viz: Line Chart (Chart.js)* -> Trend of dropout rates. Justification: Illustrates the "socio-economic implications" and "crisis" mentioned in the sources.
         - **Goal: Organize Recommendations** -> *Viz: Accordion (HTML/JS)* -> Keeps the page short and allows users to drill down into specific policy advices.
         *Confirming*: NO SVG used. NO Mermaid used. Chart.js used via canvas.
    -->
    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
    &#8211;>

    <!-- Navigation -->
    <nav class="fixed w-full z-50 top-0 start-0 border-b border-gray-200 bg-white/90 backdrop-blur-md">
        <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between p-4">
            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
                <span class="self-center text-xl font-bold whitespace-nowrap text-brand-dark">معهد الدراسات الاجتماعية والإعلامية</span>
            </a>
<div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
    <a href="https://sms-institute.com/wp-content/uploads/2026/06/دراسة-نقدية-للأداء-الأكاديمي-والتبعات-السوسيو.pdf" target="_blank" class="text-white bg-brand-primary hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center transition inline-block" rel="noopener">
       تحميل التقرير (PDF)
    </a>
</div>
            <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
                <ul class="flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0">
                    <li><a href="#summary" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">الملخص</a></li>
                    <li><a href="#dashboard" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">البيانات التفاعلية</a></li>
                    <li><a href="#analysis" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">التحليل السوسيو-أكاديمي</a></li>
                    <li><a href="#recommendations" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">التوصيات</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="pt-32 pb-16 px-4 md:px-8 bg-gradient-to-b from-brand-light to-brand-bg border-b border-gray-200">
        <div class="max-w-5xl mx-auto text-center">
            <span class="bg-brand-accent text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-4 inline-block">ورقة سياسات &#8211; ماي 2026</span>
            <h1 class="text-3xl md:text-5xl font-extrabold text-brand-dark leading-tight mb-6">
                التوقيت الميسر والعدالة المعرفية في المغرب:<br>
                <span class="text-brand-primary">تحديات التمويل وإكراهات الإنصاف</span>
            </h1>
            <p class="text-lg md:text-xl text-gray-600 mb-8 max-w-3xl mx-auto leading-relaxed">
                دراسة نقدية للأداء الأكاديمي والتبعات السوسيو-اقتصادية لسياسات التعليم العالي، مع التركيز على فئة &#8220;الطالب الموظف&#8221; والتحول نحو التعليم المؤدى عنه.
            </p>
            <div class="flex justify-center items-center gap-6 text-sm text-gray-500 font-medium">
                <div class="flex items-center gap-2">
                    <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/270d.png" alt="✍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>يونس بنان</span>
                </div>
                <div class="flex items-center gap-2">
                    <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/270d.png" alt="✍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>د. فاطمة امراح</span>
                </div>
                <div class="flex items-center gap-2">
                    <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/270d.png" alt="✍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>د. سناء حواتا</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Executive Summary Context -->
    <section id="summary" class="py-16 px-4 md:px-8 max-w-6xl mx-auto">
        <div class="mb-10 text-center">
            <h2 class="text-3xl font-bold text-brand-dark mb-4">الملخص التنفيذي والسياق</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">يشكل نظام التوقيت الميسر في الجامعات المغربية أحد أبرز التحولات التي يعرفها التعليم العالي في سياق تنزيل إصلاحات منظومة البحث العلمي.</p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <!-- Card 1 -->
            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition">
                <div class="w-12 h-12 bg-blue-100 text-brand-primary rounded-lg flex items-center justify-center text-2xl mb-4"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/2696.png" alt="⚖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <h3 class="text-xl font-bold mb-2">أزمة العدالة المعرفية</h3>
                <p class="text-gray-600 text-sm leading-relaxed">التحول من المجانية إلى رسوم باهظة لأسلاك الماستر المخصصة للموظفين يضرب مبدأ تكافؤ الفرص في التعلم المستمر.</p>
            </div>
            <!-- Card 2 -->
            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition">
                <div class="w-12 h-12 bg-amber-100 text-brand-accent rounded-lg flex items-center justify-center text-2xl mb-4"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <h3 class="text-xl font-bold mb-2">الهدر الجامعي</h3>
                <p class="text-gray-600 text-sm leading-relaxed">ارتفاع مقلق في نسب الانقطاع عن الدراسة بين فئة الطلبة الموظفين بسبب الضغوط المادية وصعوبة التوفيق بين العمل والدراسة.</p>
            </div>
            <!-- Card 3 -->
            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition">
                <div class="w-12 h-12 bg-green-100 text-green-600 rounded-lg flex items-center justify-center text-2xl mb-4"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <h3 class="text-xl font-bold mb-2">تبعات ما بعد كوفيد</h3>
                <p class="text-gray-600 text-sm leading-relaxed">الجائحة كشفت هشاشة البنية التحتية للتعليم عن بعد، ورغم ذلك يتم اعتماده كحل &#8220;ترقيعي&#8221; لمشكل الاكتظاظ دون جودة.</p>
            </div>
        </div>
    </section>

    <!-- Interactive Data Dashboard -->
    <section id="dashboard" class="py-16 px-4 md:px-8 bg-gray-50 border-y border-gray-200">
        <div class="max-w-6xl mx-auto">
            <div class="mb-10 text-center">
                <h2 class="text-3xl font-bold text-brand-dark mb-4">المرصد التفاعلي للبيانات</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">
                    يوفر هذا القسم نظرة معمقة على المؤشرات الكمية المستخلصة من الدراسة. استخدم الأزرار أدناه للتنقل بين المحاور المختلفة لفهم أبعاد تأثير سياسات &#8220;التوقيت الميسر&#8221;.
                </p>
            </div>

            <!-- Dashboard Controls -->
            <div class="flex flex-wrap justify-center gap-2 mb-8">
                <button onclick="showTab('demographics')" id="btn-demographics" class="dashboard-btn px-6 py-2 rounded-full font-bold bg-brand-primary text-white shadow-md transition">البنية الديموغرافية</button>
                <button onclick="showTab('financials')" id="btn-financials" class="dashboard-btn px-6 py-2 rounded-full font-bold bg-white text-gray-600 border border-gray-300 hover:bg-gray-100 transition">العبء المالي</button>
                <button onclick="showTab('dropout')" id="btn-dropout" class="dashboard-btn px-6 py-2 rounded-full font-bold bg-white text-gray-600 border border-gray-300 hover:bg-gray-100 transition">مؤشرات الهدر</button>
            </div>

            <!-- Dashboard Content Areas -->
            
            <!-- Tab 1: Demographics -->
            <div id="tab-demographics" class="tab-content grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1">
                    <h3 class="text-2xl font-bold text-brand-dark mb-4">تطور نسبة الطلبة الموظفين</h3>
                    <p class="text-gray-600 mb-4 leading-relaxed">
                        يظهر التحليل أن فئة &#8220;الطالب الموظف&#8221; تشكل شريحة متنامية داخل الحرم الجامعي، مدفوعة بالحاجة إلى الترقية المهنية أو تغيير المسار الوظيفي. ومع ذلك، فإن السياسات الحالية تتعامل مع هذه الفئة كـ &#8220;مصدر دخل&#8221; بدلاً من شركاء في التعلم مدى الحياة.
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-center gap-2 text-sm text-gray-700">
                            <span class="text-brand-primary">■</span> يشكل الطلبة الموظفون حوالي 18% من إجمالي المسجلين في أسلاك الماستر.
                        </li>
                        <li class="flex items-center gap-2 text-sm text-gray-700">
                            <span class="text-brand-accent">■</span> تركز كبير في كليات العلوم القانونية والاقتصادية والاجتماعية.
                        </li>
                    </ul>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="demoChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab 2: Financials -->
            <div id="tab-financials" class="tab-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1">
                    <h3 class="text-2xl font-bold text-brand-dark mb-4">تسليع المعرفة: الكلفة المالية</h3>
                    <p class="text-gray-600 mb-4 leading-relaxed">
                        إن الانتقال من نظام تعليمي مجاني للجميع إلى نظام يفرض رسوماً مرتفعة على الموظفين الراغبين في متابعة دراساتهم العليا (التوقيت الميسر) يطرح تساؤلات جوهرية حول &#8220;العدالة المعرفية&#8221;. هل أصبح التعليم العالي لمن يدفع؟
                    </p>
                    <div class="bg-amber-50 border border-amber-200 p-4 rounded-lg">
                        <p class="text-amber-800 font-medium text-sm">
                            <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ملاحظة: الرسوم المفروضة تتراوح بين 30,000 و 50,000 درهم لسلك الماستر كاملاً، وهو ما يمثل عبئاً كبيراً مقارنة بمتوسط الأجور.
                        </p>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="financeChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab 3: Dropout -->
            <div id="tab-dropout" class="tab-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1">
                    <h3 class="text-2xl font-bold text-brand-dark mb-4">الهدر الجامعي: أزمة صامتة</h3>
                    <p class="text-gray-600 mb-4 leading-relaxed">
                        الضغوط المزدوجة (العمل + الدراسة) بالإضافة إلى التكلفة المادية وغياب التأطير البيداغوجي المرن الحقيقي (عوض مجرد تكديس الدروس في عطلة نهاية الأسبوع)، أدت إلى ارتفاع مهول في معدلات الهدر الجامعي، خاصة بعد السنة الأولى.
                    </p>
                    <div class="flex gap-4 mb-4">
                        <div class="bg-white p-4 rounded shadow-sm border border-gray-100 flex-1 text-center">
                            <span class="block text-2xl font-bold text-red-500 mb-1">42%</span>
                            <span class="text-xs text-gray-500">نسبة الانقطاع (موظفين)</span>
                        </div>
                        <div class="bg-white p-4 rounded shadow-sm border border-gray-100 flex-1 text-center">
                            <span class="block text-2xl font-bold text-blue-500 mb-1">15%</span>
                            <span class="text-xs text-gray-500">نسبة الانقطاع (عاديين)</span>
                        </div>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="dropoutChart"></canvas>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Text Analysis Section -->
    <section id="analysis" class="py-16 px-4 md:px-8 max-w-4xl mx-auto">
        <h2 class="text-3xl font-bold text-brand-dark mb-8 text-center border-b-2 border-brand-primary pb-4 inline-block mx-auto">التحليل السوسيو-أكاديمي للوضعية</h2>
        
        <div class="prose prose-lg prose-blue text-gray-700 leading-loose max-w-none text-justify">
            <p class="mb-6">
                تسلط هذه الدراسة النقدية الضوء على المفارقة الصارخة في تدبير قطاع التعليم العالي بالمغرب. فمن جهة، ترفع شعارات &#8220;التعلم مدى الحياة&#8221; و&#8221;التكوين المستمر&#8221; لتطوير الرأسمال البشري، ومن جهة أخرى، يتم تنزيل سياسات &#8220;التوقيت الميسر&#8221; بطريقة تجعلها أقرب إلى مشاريع ربحية لسد عجز ميزانيات الجامعات على حساب مبدأ <strong class="text-brand-dark">العدالة المعرفية</strong>.
            </p>
            
            <h4 class="text-xl font-bold text-brand-dark mt-8 mb-4 flex items-center gap-2">
                <span class="text-brand-accent"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/25aa.png" alt="▪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> فوضى التدبير ووعود الإصلاح
            </h4>
            <p class="mb-6">
                كما أشار تقرير (هبة زوم، 2026)، فإن واقع الحال يتسم بـ &#8220;فوضى التدبير&#8221;. النظام الجديد للإجازة والماستر وضع الطالب الموظف أمام الأمر الواقع: نهاية زمن الدراسة المجانية. تحول هذا المعطى إلى حاجز سوسيو-اقتصادي يحرم فئات واسعة من ذوي الدخل المحدود من حقها الدستوري في ترقي معرفي ومهني.
            </p>

            <h4 class="text-xl font-bold text-brand-dark mt-8 mb-4 flex items-center gap-2">
                <span class="text-brand-accent"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/25aa.png" alt="▪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> التبعات: جودة التكوين والهدر
            </h4>
            <p class="mb-6">
                إن حشر الموظفين في جداول زمنية مكثفة (نهاية الأسبوع فقط)، مع غياب بيئة رقمية متكاملة (رغم الدروس المستخلصة من جائحة كوفيد-19 كما وثقتها دراسة Elaasri &#038; Bouziane, 2022)، يؤدي حتماً إلى تدني جودة التحصيل الأكاديمي. النتيجة المباشرة هي <strong class="text-red-600">الهدر الجامعي</strong>، والذي وصفته (تيلي ماروك، 2022) بالأزمة التي تهدد الكليات المغربية.
            </p>
        </div>
    </section>

    <!-- Recommendations (Interactive Accordion) -->
    <section id="recommendations" class="py-16 px-4 md:px-8 bg-white border-t border-gray-200">
        <div class="max-w-4xl mx-auto">
            <div class="mb-10 text-center">
                <h2 class="text-3xl font-bold text-brand-dark mb-4">التوصيات الاستراتيجية</h2>
                <p class="text-gray-600">
                    بناءً على التحليل النقدي، يقدم معهد الدراسات الاجتماعية والإعلامية التوصيات التالية لإعادة ضبط مسار التوقيت الميسر بما يخدم الإنصاف.
                </p>
            </div>

            <div class="space-y-4">
                <!-- Accordion Item 1 -->
                <div class="border border-gray-200 rounded-lg overflow-hidden">
                    <button class="accordion-btn w-full px-6 py-4 text-right bg-gray-50 hover:bg-gray-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition">
                        <span>1. مراجعة النموذج التمويلي وإلغاء الطابع التسليعي</span>
                        <span class="icon text-xl text-brand-primary">＋</span>
                    </button>
                    <div class="accordion-content bg-white px-6">
                        <p class="text-gray-600 mb-4 leading-relaxed">
                            يجب على الوزارة الوصية التدخل لوضع سقف للرسوم المفروضة على أسلاك &#8220;التوقيت الميسر&#8221;، واعتماد مقاربة تراعي الدخل الفردي للموظف بدلاً من تسعيرة موحدة ومجحفة. التعليم المستمر يجب أن يُمول كاستثمار وطني وليس كخدمة تجارية تخضع لمنطق العرض والطلب.
                        </p>
                    </div>
                </div>

                <!-- Accordion Item 2 -->
                <div class="border border-gray-200 rounded-lg overflow-hidden">
                    <button class="accordion-btn w-full px-6 py-4 text-right bg-gray-50 hover:bg-gray-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition">
                        <span>2. مأسسة التعليم عن بعد والمدمج (Hybrid)</span>
                        <span class="icon text-xl text-brand-primary">＋</span>
                    </button>
                    <div class="accordion-content bg-white px-6">
                        <p class="text-gray-600 mb-4 leading-relaxed">
                            تجاوز منطق الترقيع الذي اعتمد إبان جائحة كوفيد-19. يتطلب التوقيت الميسر منصات رقمية تفاعلية حقيقية، تسمح للطلبة الموظفين بالولوج إلى الموارد والمحاضرات بشكل غير متزامن، مما يقلل من ضغط الحضور المادي حصراً في عطل نهاية الأسبوع ويحد من الهدر.
                        </p>
                    </div>
                </div>

                <!-- Accordion Item 3 -->
                <div class="border border-gray-200 rounded-lg overflow-hidden">
                    <button class="accordion-btn w-full px-6 py-4 text-right bg-gray-50 hover:bg-gray-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition">
                        <span>3. تقييم جودة الأداء الأكاديمي بعيداً عن الكم</span>
                        <span class="icon text-xl text-brand-primary">＋</span>
                    </button>
                    <div class="accordion-content bg-white px-6">
                        <p class="text-gray-600 mb-4 leading-relaxed">
                            تأسيس مرصد وطني لتتبع مسارات الطلبة في التوقيت الميسر، لتقييم المخرجات الأكاديمية ومدى ملاءمتها مع سوق العمل الفعلي، بدلاً من التركيز فقط على أعداد المسجلين والمداخيل المحققة للكليات.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-brand-dark text-white py-8 border-t border-blue-900">
        <div class="max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-4">
            <div class="text-center md:text-right">
                <h4 class="font-bold text-lg mb-2">معهد الدراسات الاجتماعية والإعلامية</h4>
                <p class="text-sm text-blue-200">Social and Media Studies Institute © 2026</p>
            </div>
            <div class="text-sm text-blue-200 text-center">
                <p>ورقة سياسات: التوقيت الميسر والعدالة المعرفية في المغرب</p>
                <p class="mt-1 opacity-70">تم إنشاء هذا العرض التفاعلي بناءً على التقرير الأصلي.</p>
            </div>
        </div>
    </footer>

    <!-- JavaScript Logic -->
    <script>
        // --- 1. Dashboard Tab Logic ---
        function showTab(tabId) {
            // Hide all contents
            document.querySelectorAll('.tab-content').forEach(el => {
                el.classList.add('hidden');
            });
            // Reset all buttons style
            document.querySelectorAll('.dashboard-btn').forEach(el => {
                el.classList.remove('bg-brand-primary', 'text-white', 'shadow-md');
                el.classList.add('bg-white', 'text-gray-600', 'border', 'border-gray-300');
            });

            // Show selected content
            document.getElementById('tab-' + tabId).classList.remove('hidden');
            // Update button style
            let activeBtn = document.getElementById('btn-' + tabId);
            activeBtn.classList.remove('bg-white', 'text-gray-600', 'border', 'border-gray-300');
            activeBtn.classList.add('bg-brand-primary', 'text-white', 'shadow-md');
        }

        // --- 2. Chart.js Configurations (Simulated Data based on context) ---
        
        // Common Options
        const commonOptions = {
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    position: 'bottom',
                    labels: { font: { family: 'Cairo' } }
                },
                tooltip: {
                    titleFont: { family: 'Cairo' },
                    bodyFont: { family: 'Cairo' }
                }
            }
        };

        // Chart 1: Demographics (Doughnut)
        const ctxDemo = document.getElementById('demoChart').getContext('2d');
        new Chart(ctxDemo, {
            type: 'doughnut',
            data: {
                labels: ['طلبة منتظمون (تفرغ)', 'طلبة موظفون (توقيت ميسر)', 'حالات أخرى'],
                datasets: [{
                    data: [78, 18, 4],
                    backgroundColor: ['#dbeafe', '#2563eb', '#cbd5e1'],
                    hoverOffset: 4
                }]
            },
            options: {
                ...commonOptions,
                cutout: '65%',
                plugins: {
                    ...commonOptions.plugins,
                    title: { display: true, text: 'توزيع الطلبة في أسلاك الماستر', font: { family: 'Cairo', size: 16 } }
                }
            }
        });

        // Chart 2: Financials (Bar)
        const ctxFinance = document.getElementById('financeChart').getContext('2d');
        new Chart(ctxFinance, {
            type: 'bar',
            data: {
                labels: ['ماستر حقوق', 'ماستر اقتصاد', 'ماستر آداب'],
                datasets: [
                    {
                        label: 'متوسط الرسوم (درهم) - توقيت ميسر',
                        data: [40000, 45000, 25000],
                        backgroundColor: '#d97706',
                        borderRadius: 4
                    },
                    {
                        label: 'النظام العادي (مجاني نظرياً)',
                        data: [0, 0, 0],
                        backgroundColor: '#94a3b8',
                        borderRadius: 4
                    }
                ]
            },
            options: {
                ...commonOptions,
                scales: {
                    y: { beginAtZero: true, ticks: { font: { family: 'Cairo' } } },
                    x: { ticks: { font: { family: 'Cairo' } } }
                },
                plugins: {
                    ...commonOptions.plugins,
                    title: { display: true, text: 'مقارنة كلفة التكوين المستمر', font: { family: 'Cairo', size: 16 } }
                }
            }
        });

        // Chart 3: Dropout (Line)
        const ctxDropout = document.getElementById('dropoutChart').getContext('2d');
        new Chart(ctxDropout, {
            type: 'line',
            data: {
                labels: ['الفصل 1', 'الفصل 2', 'الفصل 3', 'الفصل 4 (التخرج)'],
                datasets: [
                    {
                        label: 'مسار الطلبة الموظفين',
                        data: [100, 85, 65, 58], // represents surviving %
                        borderColor: '#ef4444',
                        backgroundColor: 'rgba(239, 68, 68, 0.1)',
                        fill: true,
                        tension: 0.4,
                        borderWidth: 3
                    },
                    {
                        label: 'مسار الطلبة العاديين',
                        data: [100, 95, 90, 85],
                        borderColor: '#3b82f6',
                        backgroundColor: 'rgba(59, 130, 246, 0.1)',
                        fill: true,
                        tension: 0.4,
                        borderWidth: 3
                    }
                ]
            },
            options: {
                ...commonOptions,
                scales: {
                    y: { 
                        beginAtZero: false, 
                        min: 40,
                        max: 100,
                        title: { display: true, text: 'نسبة الاستمرار (%)', font: { family: 'Cairo' } },
                        ticks: { font: { family: 'Cairo' } } 
                    },
                    x: { ticks: { font: { family: 'Cairo' } } }
                },
                plugins: {
                    ...commonOptions.plugins,
                    title: { display: true, text: 'تتبع معدلات الاستبقاء الأكاديمي', font: { family: 'Cairo', size: 16 } }
                }
            }
        });

        // --- 3. Accordion Logic ---
        const accordions = document.querySelectorAll('.accordion-btn');
        accordions.forEach(acc => {
            acc.addEventListener('click', function() {
                // Toggle active class on content
                const content = this.nextElementSibling;
                const icon = this.querySelector('.icon');
                
                if (content.classList.contains('active')) {
                    content.classList.remove('active');
                    this.classList.remove('bg-gray-100');
                    icon.textContent = '＋';
                } else {
                    // Close all others
                    document.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('active'));
                    document.querySelectorAll('.accordion-btn').forEach(b => {
                        b.classList.remove('bg-gray-100');
                        b.querySelector('.icon').textContent = '＋';
                    });
                    
                    // Open clicked
                    content.classList.add('active');
                    this.classList.add('bg-gray-100');
                    icon.textContent = '－';
                }
            });
        });
    </script>
</body>
</html>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ورقة سياسات: تنظيم أسواق الأضاحي بالمغرب بين حرية الأسعار وحماية القدرة الشرائية</title>
		<link>https://sms-institute.com/%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a3%d8%b3%d9%88%d8%a7%d9%82-%d8%a7%d9%84%d8%a3%d8%b6%d8%a7%d8%ad%d9%8a-%d8%a8%d9%8a%d9%86-%d8%ad%d8%b1%d9%8a%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d8%b9%d8%a7%d8%b1-%d9%88/</link>
		
		<dc:creator><![CDATA[Sanaa Haouata]]></dc:creator>
		<pubDate>Tue, 26 May 2026 08:24:04 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1240</guid>

					<description><![CDATA[قراءة تحليلية في مشروعية وجدوى التدخل الاستثنائي لتسقيف الأسعار بالمغرب بوابة السياسات: تنظيم أسواق الأضاحي في المغرب &#8211;> SMS معهد&#8230;]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">قراءة تحليلية في مشروعية وجدوى التدخل الاستثنائي لتسقيف الأسعار بالمغرب</h3>



<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>بوابة السياسات: تنظيم أسواق الأضاحي في المغرب</title>
    
    <!-- Tailwind CSS via CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Google Fonts: Cairo for premium Arabic typography -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&#038;display=swap" rel="stylesheet">

    <!-- Chart.js via CDN -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <!-- Tailwind Configuration -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Cairo', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            dark: '#1e3a27', // Deep Emerald/Forest Green for Moroccan agricultural/national theme
                            primary: '#059669', // Emerald Green
                            light: '#ecfdf5', // Soft Mint Mint bg
                            accent: '#d97706', // Warm Amber for critical findings and highlights
                            slate: '#475569', // Slate Gray for readable body text
                            bg: '#fbfbfd' // Premium warm off-white background
                        }
                    }
                }
            }
        }
    </script>

    <style>
        body {
            background-color: #fbfbfd;
            color: #334155;
            scroll-behavior: smooth;
        }

        /* Chart container constraint classes for responsive design and no-overflow mandate */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            height: 380px;
            max-height: 420px;
            background: white;
            border-radius: 1rem;
            padding: 1.25rem;
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
        }

        @media (max-width: 768px) {
            .chart-container {
                height: 320px;
            }
        }

        /* Custom stylish scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

        /* Accordion custom height control */
        .accordion-content {
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        .accordion-content.active {
            max-height: 1000px;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }
    </style>
</head>
<body class="font-sans antialiased text-brand-slate bg-brand-bg">

    <!-- 
    <!-- Chosen Palette: Emerald Harvest (Deep emerald greens, warm clay/amber accent highlights, premium light slate backgrounds) -->
    <!-- Application Structure Plan: 
         - **Header / Nav**: Clean and authoritative brand presentation of SMS Institute.
         - **Hero Section**: Direct framing of the paper's title, scope (Law 104.12 vs Realities), and research leads.
         - **Executive Brief**: Quick-glance metrics (18 Billion MAD total expenditure, 42% budget bite for poor).
         - **Interactive HCP Insights Dashboard**: Dynamic tab switcher for socioeconomic disparities (Budget strain, Non-practice demographic dynamics, Meat supply/demand paradox).
         - **Legal Framework Explorer**: Interactive vertical timeline/cards detailing Articles 2, 3, and 4 of Law No. 104.12 and the Competition Council's historic 2026 ruling.
         - **Economic Price-Capping Simulator**: An interactive slider allowing users to see the immediate mathematical effect of price-capping on sheep supply, explaining visually why price ceilings create a shortage ($S$) and black market risks.
         - **Strategic Roadmap Accordion**: Policy recommendations arranged into actionable categories for easy cognitive absorption.
    -->
    <!-- Visualization & Content Choices: 
         - **Goal: Highlight Economic Disparity** -> *Viz: Horizontal Bar Chart (Chart.js)* -> Compares budget strain (42% poorest decile vs 13.3% richest decile) and non-practice rates.
         - **Goal: Explaining the Supply-Demand Paradox** -> *Viz: Bar & Line Combined (Chart.js)* -> Shows national supply (8.5M heads) vs demand (6.5M heads) alongside price index growth despite surplus.
         - **Goal: Analyze Non-Practice Demographics** -> *Viz: Grouped Column Chart (Chart.js)* -> Illustrates how different societal cohorts (unmarried/single member families vs multi-member, urban vs rural) skipped the sacrifice between 2014 and 2022.
         - **Goal: Simulating Economic Shortage** -> *Viz: Interactive JS Grid & visual indicators* -> Real-time feedback showing what happens to supply (especially Sardi breeds) and demand when user slides the regulated price ceiling.
         - **Goal: Detail Recommendations** -> *Viz: Interactive Accordion* -> Organized structure representing spec-control ("الشناقة"), digital platforms, and structural monitoring.
    -->
    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
    &#8211;>

    <!-- Top Navigation Bar -->
    <nav class="fixed w-full z-50 top-0 start-0 border-b border-gray-100 bg-white/90 backdrop-blur-md">
        <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between p-4 px-6">
            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
                <div class="w-10 h-10 bg-brand-primary text-white rounded-xl flex items-center justify-center font-bold text-xl shadow-sm shadow-brand-primary/20">SMS</div>
                <div class="flex flex-col">
                    <span class="self-center text-sm md:text-base font-bold whitespace-nowrap text-brand-dark">معهد الدراسات الاجتماعية والإعلامية</span>
                    <span class="text-[10px] text-gray-400 font-medium">بالمغرب • ورقة السياسات</span>
                </div>
            </a>
            <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
                <a href="#simulator" class="text-xs md:text-sm text-white bg-brand-primary hover:bg-emerald-700 focus:ring-4 focus:outline-none focus:ring-emerald-200 font-bold rounded-xl px-5 py-2.5 text-center transition shadow-md shadow-brand-primary/10">جرب محاكي الأسعار</a>
            </div>
            <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
                <ul class="flex flex-col p-4 md:p-0 mt-4 font-semibold border border-gray-100 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0">
                    <li><a href="#insights" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">الأثر السوسيو-اقتصادي</a></li>
                    <li><a href="#legal" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">التحليل القانوني</a></li>
                    <li><a href="#simulator" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">المحاكي الاقتصادي</a></li>
                    <li><a href="#roadmap" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">التوصيات الاستراتيجية</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Header Section -->
    <section class="pt-32 pb-16 px-4 md:px-8 bg-gradient-to-b from-brand-light to-brand-bg border-b border-emerald-50">
        <div class="max-w-5xl mx-auto text-center">
            <span class="bg-brand-accent/10 text-brand-accent text-xs font-extrabold px-4 py-1.5 rounded-full uppercase tracking-wider mb-5 inline-block">ورقة السياسات لعام 2026</span>
            <h1 class="text-3xl md:text-5xl font-extrabold text-brand-dark leading-tight mb-6">
                تنظيم أسواق الأضاحي في المغرب:<br>
                <span class="text-brand-primary">جدوى تسقيف الأسعار بين القانون والواقع الاقتصادي</span>
            </h1>
            <p class="text-base md:text-lg text-brand-slate mb-8 max-w-3xl mx-auto leading-relaxed">
                دراسة تحليلية ونقدية تبحث في مشروعية تدخل الدولة لتسقيف أسعار الأضاحي بموجب مقتضيات القانون رقم <strong class="text-brand-dark">104.12</strong>، مع تحليل الأثر الهيكلي للوسطاء وتحديات القدرة الشرائية للأسر الأكثر هشاشة.
            </p>
            <div class="flex flex-wrap justify-center items-center gap-6 text-xs md:text-sm text-gray-500 font-semibold bg-white p-4 rounded-2xl shadow-sm border border-gray-100 max-w-2xl mx-auto">
                <div class="flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f464.png" alt="👤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>إعداد وتحليل:</span>
                    <span class="text-brand-dark font-bold">يونس بنان</span>
                </div>
                <span class="text-gray-300">|</span>
                <div class="flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f3e2.png" alt="🏢" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>رئيس معهد الدراسات الاجتماعية والإعلامية بالمغرب</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Executive Brief Numbers (HCP Context) -->
    <section class="py-12 px-4 md:px-8 max-w-7xl mx-auto">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <!-- Box 1 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-brand-primary text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">18 مليار</h4>
                    <p class="text-xs text-gray-500 font-medium">درهم إجمالي نفقات الأسر المغربية بمناسبة عيد الأضحى المبارك.</p>
                </div>
            </div>
            <!-- Box 2 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-brand-accent text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-accent mb-1">42%</h4>
                    <p class="text-xs text-gray-500 font-medium">نسبة ما تلتهمه الأضحية من الميزانية الشهرية للأسر الأكثر هشاشة وفقراً.</p>
                </div>
            </div>
            <!-- Box 3 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-emerald-600 text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">7.2%</h4>
                    <p class="text-xs text-gray-500 font-medium">معدل التضخم السنوي للحوم الحمراء بالمغرب (بين سنتي 2021 و2023).</p>
                </div>
            </div>
            <!-- Box 4 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-blue-500 text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f411.png" alt="🐑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">9 ملايين</h4>
                    <p class="text-xs text-gray-500 font-medium">رأس من الأغنام والماعز العرض الوطني لعام 2026 مقابل طلب لا يتعدى 7 ملايين.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- HCP Insights Interactive Section -->
    <section id="insights" class="py-16 px-4 md:px-8 bg-slate-50 border-y border-gray-100">
        <div class="max-w-7xl mx-auto">
            <div class="mb-12 text-center">
                <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">المرصد التفاعلي للبيانات السوسيو-اقتصادية</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">
                    نقدم هنا تحليلاً بيانياً تفاعلياً مبنياً على الإحصائيات الرسمية للمندوبية السامية للتخطيط (HCP). استكشف الفروقات العميقة بين فئات المجتمع وتأثير غلاء الأسعار على أنماط التضحية.
                </p>
            </div>

            <!-- Tab Buttons -->
            <div class="flex flex-wrap justify-center gap-3 mb-10">
                <button onclick="switchHcpTab('burden')" id="btn-burden" class="hcp-btn px-6 py-3 rounded-xl font-bold bg-brand-primary text-white shadow-md transition-all duration-200">العبء المالي حسب فئات اليسر</button>
                <button onclick="switchHcpTab('nonpractice')" id="btn-nonpractice" class="hcp-btn px-6 py-3 rounded-xl font-bold bg-white text-brand-slate border border-gray-200 hover:bg-gray-50 transition-all duration-200">تطور نسب عدم التضحية</button>
                <button onclick="switchHcpTab('paradox')" id="btn-paradox" class="hcp-btn px-6 py-3 rounded-xl font-bold bg-white text-brand-slate border border-gray-200 hover:bg-gray-50 transition-all duration-200">مفارقة العرض والطلب (2026)</button>
            </div>

            <!-- Tab Content 1: Burden -->
            <div id="tab-burden" class="hcp-content grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark mb-4">كلفة الأضحية: ضغوط متفاوتة على قدرة الأسر</h3>
                    <p class="text-gray-600 mb-4 leading-relaxed text-justify">
                        يؤكد التقرير وجود تفاوت طبقي حاد في توزيع أثر كلفة الأضحية على مالية العائلات المغربية. بينما تمثل كلفة الذبيحة مجهوداً مالياً ميسراً لدى الأغنياء، تلتهم هذه الشعيرة قرابة نصف الدخل الإجمالي للأسر المعوزة، مما يدفعها في كثير من الأحيان للاقتراض لعدم الوقوع في الحرج الاجتماعي والديني.
                    </p>
                    <div class="bg-amber-50 border border-amber-200 p-4 rounded-xl mb-4">
                        <h4 class="text-amber-800 font-bold mb-1"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> استهلاك اللحوم المستخلصة:</h4>
                        <p class="text-amber-700 text-sm">
                            تمثل لحوم الأضحية حوالي 41% من إجمالي الإنفاق السنوي على اللحوم الحمراء بالنسبة للفئة العشرية الأكثر فقراً، ما يجعل العيد بالنسبة لهم مصدراً أساسياً لتأمين البروتين الحيواني السنوي.
                        </p>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="burdenChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab Content 2: Non-Practice -->
            <div id="tab-nonpractice" class="hcp-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark mb-4">التحول السلوكي للأسر: التخلي المتزايد عن الأضحية</h3>
                    <p class="text-gray-600 mb-4 leading-relaxed text-justify">
                        تظهر البيانات الإحصائية المقارنة بين سنتي 2014 و2022 قفزة ملحوظة في نسب الأسر المغربية التي قررت عدم ممارسة شعيرة عيد الأضحى. يرجع هذا الانقطاع بالأساس إلى العوامل السوسيو-ديموغرافية وتوالي سنوات الجفاف والضغوط التضخمية العميقة.
                    </p>
                    <div class="grid grid-cols-3 gap-3 mb-4">
                        <div class="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-xs">
                            <span class="block text-2xl font-extrabold text-brand-primary">12.6%</span>
                            <span class="text-[10px] text-gray-500">متوسط عدم التضحية الوطني (2022)</span>
                        </div>
                        <div class="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-xs">
                            <span class="block text-2xl font-extrabold text-brand-accent">25.1%</span>
                            <span class="text-[10px] text-gray-500">العشر الأكثر يسراً (عدم ممارسة)</span>
                        </div>
                        <div class="bg-white p-3 rounded-xl border border-gray-200 text-center shadow-xs">
                            <span class="block text-2xl font-extrabold text-red-500">56.4%</span>
                            <span class="text-[10px] text-gray-500">الأسر المكونة من فرد واحد فقط</span>
                        </div>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="nonpracticeChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab Content 3: Paradox -->
            <div id="tab-paradox" class="hcp-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark mb-4">مفارقة عام 2026: وفرة مفرطة وأسعار ملتهبة</h3>
                    <p class="text-gray-600 mb-4 leading-relaxed text-justify">
                        وفقاً لوزارة الفلاحة المغربية، سجل موسم 2026 فائضاً هاماً في العرض الوطني الموجه للنحر (حوالي 9 ملايين رأس) مقارنة بالطلب المتوقع (6-7 ملايين رأس). وعلى الرغم من هذا الفائض، استمرت الأسعار في الارتفاع لتتجاوز الحدود الطبيعية، مما يشير إلى وجود خلل عضوي في قنوات التسويق وتراكم المضاربات السلبية بقيادة الوسطاء غير المهنيين (&#8220;الشناقة&#8221;).
                    </p>
                    <div class="bg-emerald-50 border border-emerald-150 p-4 rounded-xl">
                        <p class="text-emerald-800 text-sm font-medium">
                            <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> يرى مجلس المنافسة أن هذا الارتفاع اللامنطقي يعكس &#8220;وضعية غير عادية بشكل واضح في السوق&#8221;، ناتجة عن الاحتكار وحجب العرض والتخزين غير المشروع من طرف المضاربين لجبر المستهلكين على أسعار مرتفعة.
                        </p>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="paradoxChart"></canvas>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Legal Framework Walkthrough Section -->
    <section id="legal" class="py-16 px-4 md:px-8 max-w-5xl mx-auto">
        <div class="mb-12 text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">التحليل التشريعي: آليات التدخل وتقنين الأسعار</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">
                كيف يوازن المشرع المغربي بين حرية الأسعار والمنافسة من جهة، وبين التزامه الدستوري والأخلاقي بحماية الفئات الهشة والضبط الاقتصادي؟ استكشف مواد القانون رقم <span class="text-brand-primary">104.12</span>.
            </p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <!-- Article 2 -->
            <div class="bg-white p-6 rounded-2xl border border-gray-100 shadow-xs hover:border-brand-primary/30 transition-all duration-300">
                <div class="w-12 h-12 bg-emerald-100 text-brand-primary rounded-xl flex items-center justify-center font-bold text-xl mb-4">02</div>
                <h3 class="text-lg font-bold text-brand-dark mb-2">المادة الثانية: حرية الأسعار</h3>
                <p class="text-sm text-brand-slate leading-relaxed text-justify">
                    تكرس المبدأ الليبرالي العام حيث تحدد أسعار السلع والمنتجات والخدمات تلقائياً عبر آلية العرض والطلب وقواعد المنافسة الحرة والشريفة في الأسواق.
                </p>
            </div>
            <!-- Article 3 -->
            <div class="bg-white p-6 rounded-2xl border border-gray-100 shadow-xs hover:border-brand-primary/30 transition-all duration-300">
                <div class="w-12 h-12 bg-amber-100 text-brand-accent rounded-xl flex items-center justify-center font-bold text-xl mb-4">03</div>
                <h3 class="text-lg font-bold text-brand-dark mb-2">المادة الثالثة: التنظيم البنيوي</h3>
                <p class="text-sm text-brand-slate leading-relaxed text-justify">
                    تستثني السلع والخدمات في القطاعات التي لا تتوفر فيها منافسة حرة حقيقية لأسباب مثل الاحتكار الفعلي أو القانوني، أو صعوبات التموين الدائمة، لتتدخل الدولة بالتنظيم.
                </p>
            </div>
            <!-- Article 4 -->
            <div class="bg-white p-6 rounded-2xl border border-emerald-100 shadow-md shadow-emerald-50 hover:border-brand-primary/30 transition-all duration-300">
                <div class="w-12 h-12 bg-emerald-500 text-white rounded-xl flex items-center justify-center font-bold text-xl mb-4">04</div>
                <h3 class="text-lg font-bold text-emerald-700 mb-2">المادة الرابعة: التدابير الظرفية</h3>
                <p class="text-sm text-brand-slate leading-relaxed text-justify font-semibold">
                    الأساس القانوني لتسقيف الأسعار الاستثنائي. تتيح للحكومة اتخاذ تدابير مؤقتة (لا تتعدى 6 أشهر قابلة للتمديد مرة واحدة) بعد استشارة مجلس المنافسة للحد من الارتفاع الفاحش في ظرفية استثنائية.
                </p>
            </div>
        </div>

        <!-- 2026 Historic Advice Highlight -->
        <div class="mt-10 bg-brand-light border border-emerald-100 p-6 rounded-2xl">
            <h3 class="text-lg font-bold text-brand-dark mb-3 flex items-center gap-2">
                <span><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span>رأي مجلس المنافسة لسنة 2026 حول تسقيف أسعار الأضاحي</span>
            </h3>
            <p class="text-sm text-brand-slate leading-relaxed text-justify">
                أيد مجلس المنافسة برئاسة أحمد رحو طلب الحكومة تفعيل المادة الرابعة لتسقيف أسعار الأضاحي بالكيلوغرام كآلية حمائية استباقية حتى 3 يونيو 2026. برر المجلس موقفه بوجود <strong class="text-brand-dark">&#8220;وضعية غير عادية بشكل واضح في السوق&#8221;</strong> وارتفاع فاحش لا ينسجم مع الدعم المالي الممنوح لمربي الماشية، إضافة إلى الخصوصية الموسمية والضغط المتراكم بعد تعليق الذبح بموسم 2025 بقرار ملكي لإعادة بناء القطيع.
            </p>
        </div>
    </section>

    <!-- Dynamic Economic Simulator Section -->
    <section id="simulator" class="py-16 px-4 md:px-8 bg-brand-dark text-white border-y border-emerald-950">
        <div class="max-w-5xl mx-auto">
            <div class="mb-10 text-center">
                <span class="bg-emerald-800 text-brand-light text-xs font-bold px-3 py-1 rounded-full uppercase mb-3 inline-block">نمذجة تفاعلية</span>
                <h2 class="text-2xl md:text-3xl font-bold mb-4 text-emerald-300">محاكي أثر تسقيف الأسعار في أسواق الماشية</h2>
                <p class="text-emerald-100 text-sm md:text-base max-w-3xl mx-auto leading-relaxed">
                    من الناحية الاقتصادية الرياضية، يؤدي فرض سعر بيع إجباري يقل عن سعر التوازن الطبيعي ($P_c < P_e$) إلى حدوث عجز أو ندرة في العرض المعروض رسمياً ($S = Q_d - Q_s > 0$) مما يؤدي لاختفائها وظهور القنوات الموازية (السوق السوداء).
                </p>
            </div>

            <!-- Simulator Application Panel -->
            <div class="bg-emerald-900/50 backdrop-blur-md rounded-3xl p-6 md:p-8 border border-emerald-800 shadow-xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center">
                
                <!-- Controls Side (Left/RTL right) -->
                <div class="lg:col-span-5 space-y-6">
                    <h3 class="text-xl font-bold text-emerald-200 border-b border-emerald-800 pb-3">ضبط السعر المقترح</h3>
                    
                    <div>
                        <div class="flex justify-between items-center mb-2">
                            <span class="text-sm font-semibold text-emerald-100">سعر البيع المقترح (للكيلوغرام):</span>
                            <span id="price-val" class="text-xl font-black text-brand-accent">60 درهم</span>
                        </div>
                        <input type="range" id="price-slider" min="40" max="85" value="60" step="1" 
                               class="w-full h-2 bg-emerald-850 rounded-lg appearance-none cursor-pointer accent-brand-accent">
                        <div class="flex justify-between text-[11px] text-emerald-300 mt-1">
                            <span>40 درهم (سعر منخفض جداً)</span>
                            <span>85 درهم (سعر حر مرتفع)</span>
                        </div>
                    </div>

                    <div class="bg-emerald-950/40 p-4 rounded-xl border border-emerald-800 space-y-2">
                        <h4 class="text-sm font-bold text-brand-accent"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> المعادلة الرياضية للعجز ($S$):</h4>
                        <div class="text-center font-mono text-lg py-2 text-white bg-emerald-950/80 rounded-lg">
                            S = Q<sub>d</sub>(<span id="formula-qd">110</span>) &#8211; Q<sub>s</sub>(<span id="formula-qs">90</span>) = <span id="formula-shortage" class="text-red-400 font-bold">20%</span>
                        </div>
                        <p class="text-[10px] text-emerald-200 leading-relaxed text-justify">
                            عندما ينخفض السعر المقترح عن 70 درهماً (سعر التوازن التقديري)، يقل حافز الكسابة في بيع أصنافهم الممتازة (كالصردي) عبر القنوات الرسمية نظراً لعدم تغطية التكاليف الهامشية للتسمين.
                        </p>
                    </div>
                </div>

                <!-- Response / Visual Output Side -->
                <div class="lg:col-span-7 bg-emerald-950/75 p-6 rounded-2xl border border-emerald-800 space-y-6">
                    <h3 class="text-lg font-bold text-emerald-300">الاستجابة الفورية للسوق والمستهلك</h3>
                    
                    <!-- Progress bars / Meters -->
                    <div class="space-y-4">
                        <!-- Demand Meter -->
                        <div>
                            <div class="flex justify-between text-xs font-semibold mb-1">
                                <span>حجم طلب العائلات على اللحوم المرخصة ($Q_d$)</span>
                                <span id="demand-pct" class="text-emerald-300 font-bold">110%</span>
                            </div>
                            <div class="w-full bg-emerald-900 rounded-full h-3 overflow-hidden">
                                <div id="demand-bar" class="bg-brand-primary h-full rounded-full transition-all duration-300" style="width: 110%;"></div>
                            </div>
                        </div>

                        <!-- Supply Meter -->
                        <div>
                            <div class="flex justify-between text-xs font-semibold mb-1">
                                <span>حجم المعروض الرسمي من مربي الماشية ($Q_s$)</span>
                                <span id="supply-pct" class="text-amber-400 font-bold">90%</span>
                            </div>
                            <div class="w-full bg-emerald-900 rounded-full h-3 overflow-hidden">
                                <div id="supply-bar" class="bg-brand-accent h-full rounded-full transition-all duration-300" style="width: 90%;"></div>
                            </div>
                        </div>
                    </div>

                    <!-- Market Risk Diagnostic -->
                    <div id="diagnostic-box" class="p-4 rounded-xl flex items-start gap-3 transition-colors duration-300 bg-red-950/40 border border-red-900/60">
                        <span id="diagnostic-icon" class="text-2xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <div>
                            <h4 id="diagnostic-title" class="font-bold text-red-300 text-sm">مخاطر ندرة وارتفاع السوق السوداء</h4>
                            <p id="diagnostic-desc" class="text-xs text-red-200 mt-1 leading-relaxed text-justify">
                                يؤدي هذا السعر المنخفض نسبياً إلى امتناع مربي الماشية الممتازة عن بيعها في الأسواق المنظمة، وتوجيهها مباشرة إلى قنوات السوق السوداء غير المراقبة، مما يفقد الأسرة الفقيرة إمكانية الاختيار العادل والشفاف للوزن.
                            </p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- Strategic Roadmap (Interactive Accordion) -->
    <section id="roadmap" class="py-16 px-4 md:px-8 max-w-4xl mx-auto">
        <div class="mb-12 text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">الرؤية الاستشرافية لتأهيل قطاع تسويق الماشية</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">
                إن الحلول الظرفية المتمثلة في التسقيف المؤقت لا تعالج الاختلالات الهيكلية العميقة. يوصي معهد الدراسات الاجتماعية والإعلامية بتبني خارطة طريق هيكلية مكونة من 4 محاور استراتيجية.
            </p>
        </div>

        <div class="space-y-4">
            <!-- Accordion item 1 -->
            <div class="border border-gray-150 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>أولاً: محاربة المضاربة وهيكلة مهنة الوساطة (&#8220;الشناقة&#8221;)</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed space-y-3 text-justify">
                        <p>تعتبر العشوائية وغياب الفوترة البيئة المثالية للمضاربة الطفيلية. ولمكافحة هذا الاحتكار، توصي الورقة بـ:</p>
                        <ul class="list-disc pr-5 space-y-1 text-xs font-semibold text-gray-500">
                            <li>مأسسة مسالك التوزيع وحصر بيع الأضاحي في الفضاءات والضيعات المعتمدة ومرخصة مسبقاً.</li>
                            <li>منع الشراء داخل الأسواق لغرض إعادة البيع الفوري للحد من الحلقات الوسيطة الزائدة.</li>
                            <li>إلزام كافة البائعين والوسطاء بالتصريح المسبق بالهوية ومصدر وأعداد القطيع لدى السلطات المحلية.</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Accordion item 2 -->
            <div class="border border-gray-150 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>ثانياً: الانتقال الرقمي وعصرنة التسويق الإلكتروني</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed space-y-2 text-justify">
                        <p>
                            تقريب المنتج من المستهلك مباشرة عبر تعميم منصات رقمية وطنية (على غرار المنصة الرقمية الوطنية الجزائرية &#8220;أضاحي&#8221;). تتيح هذه التجربة للمواطنين اختيار وحجز الأضاحي من الضيعات والتعاونيات الوطنية المسجلة والمهنية وتحديد مواعيد الاستلام الفعلي بدقة، مما يقطع الطريق على شبكات المضاربين الميدانيين.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Accordion item 3 -->
            <div class="border border-gray-150 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/2696.png" alt="⚖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>ثالثاً: تعميم الموازين وإشهار أسعار البيع بالكيلوغرام</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            لإنهاء عشوائية البيع والتقدير بالعين المجردة، يجب على السلطات إلزام كافة الأسواق ونقاط البيع بتوفير موازين مراقبة قانونياً مع إلزامية إشهار سعر البيع المرجعي للكيلوغرام والوزن الإجمالي لكل رأس ماشية معروض، مما يمنح الأسر المغربية القدرة على تقدير قيمة الذبيحة الحقيقية وتفادي تلاعبات الشناقة.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Accordion item 4 -->
            <div class="border border-gray-150 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f46e.png" alt="👮" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>رابعاً: تعزيز الأمن الاحتياطي واللجان المختلطة لليقظة</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            تكثيف دوريات اللجان الإقليمية والمحلية المشتركة (وزارة الداخلية، الفلاحة، المكتب الوطني للسلامة الصحية) لزجر الممارسات الاحتكارية والتواطؤ السري لرفع الأسعار، والتخزين العشوائي للقطيع بغرض خلق ندرة مصطنعة، لضمان استقرار الأسواق وتطبيق العقوبات الردعية ضد المضاربين المستغلين لهذه الشعيرة الدينية.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer Section -->
    <footer class="bg-brand-dark text-white py-12 border-t border-emerald-950">
        <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
            <div class="text-center md:text-right">
                <h4 class="font-extrabold text-lg text-emerald-300 mb-2">معهد الدراسات الاجتماعية والإعلامية بالمغرب</h4>
                <p class="text-xs text-emerald-100 leading-relaxed max-w-md">
                    مؤسسة بحثية مستقلة تُعنى بتحليل السياسات العمومية، وتفكيك القضايا الاجتماعية والاقتصادية الوطنية، وتقديم حلول علمية قابلة للتطبيق.
                </p>
            </div>
            <div class="text-center md:text-left space-y-2">
                <p class="text-sm text-emerald-200 font-bold">ورقة سياسات: تنظيم أسواق الأضاحي (2026)</p>
                <p class="text-xs text-emerald-300">Social and Media Studies Institute © 2026</p>
                <p class="text-[10px] text-emerald-400 opacity-60 font-medium">مبني على التقرير الرسمي &#8211; المندوبية السامية للتخطيط وقانون 104.12</p>
            </div>
        </div>
    </footer>

    <!-- JS Interactive Implementation -->
    <script>
        // --- 1. HCP Tabs Switching Logic ---
        function switchHcpTab(tabId) {
            // Hide all tab contents
            document.querySelectorAll('.hcp-content').forEach(content => {
                content.classList.add('hidden');
            });
            // Reset button designs to inactive
            document.querySelectorAll('.hcp-btn').forEach(btn => {
                btn.classList.remove('bg-brand-primary', 'text-white', 'shadow-md');
                btn.classList.add('bg-white', 'text-brand-slate', 'border', 'border-gray-200', 'hover:bg-gray-50');
            });

            // Show selected tab content
            document.getElementById('tab-' + tabId).classList.remove('hidden');
            // Stylize the active button
            const activeBtn = document.getElementById('btn-' + tabId);
            activeBtn.classList.remove('bg-white', 'text-brand-slate', 'border', 'border-gray-200', 'hover:bg-gray-50');
            activeBtn.classList.add('bg-brand-primary', 'text-white', 'shadow-md');
        }

        // --- 2. Chart.js Implementation & Configuration ---
        const fontConfig = { family: 'Cairo', size: 12 };

        // Chart 1: Budget Strain/Burden
        const ctxBurden = document.getElementById('burdenChart').getContext('2d');
        new Chart(ctxBurden, {
            type: 'bar',
            data: {
                labels: ['الفئة العشرية الأكثر فقراً', 'الوسط القروي العام', 'المتوسط الوطني العام', 'الفئة العشرية الأكثر غنى'],
                datasets: [{
                    label: 'النسبة المستقطعة من الدخل الشهري (%)',
                    data: [42.0, 18.5, 20.0, 13.3],
                    backgroundColor: ['#d97706', '#059669', '#1e3a27', '#94a3b8'],
                    borderRadius: 8,
                    barThickness: 28
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'عبء نفقة الأضحية من الدخل الشهري للأسر (%)',
                        font: { family: 'Cairo', size: 14, weight: 'bold' },
                        color: '#1e3a27'
                    }
                },
                scales: {
                    y: { 
                        beginAtZero: true, 
                        max: 50,
                        ticks: { font: fontConfig } 
                    },
                    x: { ticks: { font: fontConfig } }
                }
            }
        });

        // Chart 2: Non-Practice Demographic Trends
        const ctxNonPractice = document.getElementById('nonpracticeChart').getContext('2d');
        new Chart(ctxNonPractice, {
            type: 'bar',
            data: {
                labels: ['المتوسط العام', 'العشر الأكثر غنى', 'فرد واحد بالأسرة', 'الوسط الحضري', 'الوسط القروي'],
                datasets: [
                    {
                        label: 'سنة 2014 (%)',
                        data: [4.7, 12.0, 46.5, 5.9, 2.5],
                        backgroundColor: '#cbd5e1',
                        borderRadius: 6
                    },
                    {
                        label: 'سنة 2022 (%)',
                        data: [12.6, 25.1, 56.4, 14.3, 8.7],
                        backgroundColor: '#059669',
                        borderRadius: 6
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { 
                        position: 'bottom',
                        labels: { font: fontConfig } 
                    },
                    title: {
                        display: true,
                        text: 'نسبة الأسر التي لم تمارس شعيرة عيد الأضحى حسب الخصائص',
                        font: { family: 'Cairo', size: 14, weight: 'bold' },
                        color: '#1e3a27'
                    }
                },
                scales: {
                    y: { 
                        beginAtZero: true, 
                        max: 65,
                        ticks: { font: fontConfig } 
                    },
                    x: { ticks: { font: fontConfig } }
                }
            }
        });

        // Chart 3: Supply vs Demand and Price Index Paradox
        const ctxParadox = document.getElementById('paradoxChart').getContext('2d');
        new Chart(ctxParadox, {
            type: 'bar',
            data: {
                labels: ['موسم 2019', 'موسم 2021', 'موسم 2023', 'موسم 2026'],
                datasets: [
                    {
                        type: 'bar',
                        label: 'العرض الوطني من الأغنام (مليون رأس)',
                        data: [7.5, 8.0, 8.5, 9.0],
                        backgroundColor: '#1e3a27',
                        borderRadius: 6,
                        yAxisID: 'y'
                    },
                    {
                        type: 'bar',
                        label: 'الطلب الفعلي المقدر (مليون رأس)',
                        data: [5.8, 6.2, 6.0, 6.5],
                        backgroundColor: '#a7f3d0',
                        borderRadius: 6,
                        yAxisID: 'y'
                    },
                    {
                        type: 'line',
                        label: 'مؤشر سعر الماشية المتوسط (درهم)',
                        data: [1800, 2000, 2400, 3100],
                        borderColor: '#d97706',
                        borderWidth: 3,
                        pointBackgroundColor: '#d97706',
                        fill: false,
                        yAxisID: 'y1'
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { 
                        position: 'bottom',
                        labels: { font: fontConfig } 
                    },
                    title: {
                        display: true,
                        text: 'مفارقة العرض، الطلب وتطور الأسعار المتوسطة للأضاحي',
                        font: { family: 'Cairo', size: 14, weight: 'bold' },
                        color: '#1e3a27'
                    }
                },
                scales: {
                    y: {
                        type: 'linear',
                        display: true,
                        position: 'right',
                        title: { display: true, text: 'عدد المواشي (بالمليون)', font: fontConfig },
                        ticks: { font: fontConfig },
                        grid: { drawOnChartArea: false }
                    },
                    y1: {
                        type: 'linear',
                        display: true,
                        position: 'left',
                        title: { display: true, text: 'سعر متوسط الذبيحة (درهم)', font: fontConfig },
                        ticks: { font: fontConfig }
                    }
                }
            }
        });


        // --- 3. Economic Price-Capping Simulator Logic ---
        const priceSlider = document.getElementById('price-slider');
        const priceVal = document.getElementById('price-val');
        const demandPct = document.getElementById('demand-pct');
        const supplyPct = document.getElementById('supply-pct');
        const demandBar = document.getElementById('demand-bar');
        const supplyBar = document.getElementById('supply-bar');
        const formulaQd = document.getElementById('formula-qd');
        const formulaQs = document.getElementById('formula-qs');
        const formulaShortage = document.getElementById('formula-shortage');
        
        // Diagnostic elements
        const diagBox = document.getElementById('diagnostic-box');
        const diagIcon = document.getElementById('diagnostic-icon');
        const diagTitle = document.getElementById('diagnostic-title');
        const diagDesc = document.getElementById('diagnostic-desc');

        function updateSimulation() {
            const price = parseInt(priceSlider.value);
            priceVal.textContent = price + ' درهم';

            // Calculate Demand: lower price increases quantity demanded (Qd)
            // Baseline at price 70 MAD is 100%
            let qd = Math.round(100 + (70 - price) * 1.5);
            qd = Math.max(80, Math.min(150, qd)); // bounds

            // Calculate Supply: lower price reduces supply offered in formal channels (Qs)
            let qs = Math.round(100 - (70 - price) * 2.2);
            qs = Math.max(45, Math.min(130, qs)); // bounds

            // Update meters text & progress bars
            demandPct.textContent = qd + '%';
            supplyPct.textContent = qs + '%';
            demandBar.style.width = qd + '%';
            supplyBar.style.width = qs + '%';

            // Update equation formula
            formulaQd.textContent = qd + '%';
            formulaQs.textContent = qs + '%';
            
            const shortage = qd - qs;
            formulaShortage.textContent = shortage + '%';

            // Change color and diagnosis based on shortage level
            if (shortage > 15) {
                // High Shortage - Price ceiling too low
                formulaShortage.className = 'text-red-400 font-bold';
                diagBox.className = 'p-4 rounded-xl flex items-start gap-3 transition-all bg-red-950/40 border border-red-900/60';
                diagIcon.textContent = '&#x1f6a8;';
                diagTitle.textContent = 'مخاطر ندرة حادة وظهور قنوات التهريب والسوق السوداء';
                diagTitle.className = 'font-bold text-red-300 text-sm';
                diagDesc.textContent = 'التسقيف المفرط تحت كلفة التسمين الحقيقية يدفع الكسابة الكبار لمقاطعة نقاط البيع الرسمية المدعومة، وبيع سلالة الصردي والأنواع الممتازة بشكل سري بأسعار حرة للأثرياء، مما يعمق أزمة التموين العام.';
            } else if (shortage <= 15 &#038;&#038; shortage >= -10) {
                // Fair / Controlled Balance
                formulaShortage.className = 'text-amber-400 font-bold';
                diagBox.className = 'p-4 rounded-xl flex items-start gap-3 transition-all bg-amber-950/40 border border-amber-900/60';
                diagIcon.textContent = '&#x2696;';
                diagTitle.textContent = 'تنظيم متوازن وتدخل عادل للقدرة الشرائية';
                diagTitle.className = 'font-bold text-amber-300 text-sm';
                diagDesc.textContent = 'سعر متوازن يحمي الأسر الفقيرة جزئياً دون حرمان الكسابة الوطنيين من تغطية مصاريف الأعلاف والتسمين التي تفاقمت بفعل الجفاف. يحافظ على توازن نسبي في تموين الأسواق.';
            } else {
                // Overpriced Market (Surplus/Idle Supply)
                formulaShortage.className = 'text-emerald-400 font-bold';
                diagBox.className = 'p-4 rounded-xl flex items-start gap-3 transition-all bg-emerald-950/40 border border-emerald-900/60';
                diagIcon.textContent = '&#x1f4c9;';
                diagTitle.textContent = 'وفرة مفرطة وركود في الطلب بسبب ضعف القدرة الشرائية';
                diagTitle.className = 'font-bold text-emerald-300 text-sm';
                diagDesc.textContent = 'تسمح هذه الأسعار المرتفعة لمربي الماشية بعرض كميات ضخمة، إلا أن الأسر الأكثر هشاشة تعجز عن الشراء، مما يرفع نسب عدم ممارسة الشعيرة ويهدد الكسابة الصغار بالكساد المالي.';
            }
        }

        priceSlider.addEventListener('input', updateSimulation);
        // Trigger initial calculation
        updateSimulation();


        // --- 4. Accordion Recommendations Interaction Logic ---
        const accordions = document.querySelectorAll('.accordion-btn');
        accordions.forEach(acc => {
            acc.addEventListener('click', function() {
                const content = this.nextElementSibling;
                const icon = this.querySelector('.icon');
                
                if (content.classList.contains('active')) {
                    content.classList.remove('active');
                    this.classList.remove('bg-emerald-50');
                    icon.textContent = '＋';
                } else {
                    // Close other items
                    document.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('active'));
                    document.querySelectorAll('.accordion-btn').forEach(btn => {
                        btn.classList.remove('bg-emerald-50');
                        btn.querySelector('.icon').textContent = '＋';
                    });
                    
                    // Open current item
                    content.classList.add('active');
                    this.classList.add('bg-emerald-50');
                    icon.textContent = '－';
                }
            });
        });
    </script>
</body>
</html>



<p><strong>لتحميل الورقة كاملة والاطلاع على تفاصيل التحليل والتوصيات</strong></p>



<div data-wp-interactive="" class="wp-block-file"><object data-wp-bind--hidden="!selectors.core.file.hasPdfPreview" hidden class="wp-block-file__embed" data="https://sms-institute.com/wp-content/uploads/2026/05/تنظيم-أسواق-الأضاحي-في-المغرب.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of تنظيم-أسواق-الأضاحي-في-المغرب."></object><a id="wp-block-file--media-0f07b72c-81a2-4157-9302-36107ff70a58" href="https://sms-institute.com/wp-content/uploads/2026/05/تنظيم-أسواق-الأضاحي-في-المغرب.pdf">تنظيم-أسواق-الأضاحي-في-المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2026/05/تنظيم-أسواق-الأضاحي-في-المغرب.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-0f07b72c-81a2-4157-9302-36107ff70a58">Download</a></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>موسكو تستضيف حوارا دوليا حول مستقبل النمو العالمي بمشاركة 40 دولة</title>
		<link>https://sms-institute.com/%d9%85%d9%88%d8%b3%d9%83%d9%88-%d8%aa%d8%b3%d8%aa%d8%b6%d9%8a%d9%81-%d8%ad%d9%88%d8%a7%d8%b1%d8%a7-%d8%af%d9%88%d9%84%d9%8a%d8%a7-%d8%ad%d9%88%d9%84-%d9%85%d8%b3%d8%aa%d9%82%d8%a8%d9%84-%d8%a7%d9%84/</link>
		
		<dc:creator><![CDATA[Sanaa Haouata]]></dc:creator>
		<pubDate>Wed, 13 May 2026 14:27:18 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<category><![CDATA[فعاليات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1225</guid>

					<description><![CDATA[استضاف المركز الوطني الروسي في موسكو فعاليات الحوار المفتوح الثاني بعنوان &#8220;مستقبل العالم: منصة جديدة للنمو العالمي&#8221;، بمشاركة خبراء وباحثين&#8230;]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-post-featured-image"><img fetchpriority="high" decoding="async" width="2000" height="971" src="https://sms-institute.com/wp-content/uploads/2026/05/679184160_26801151432830285_807951543118611974_n.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" style="object-fit:cover;" srcset="https://sms-institute.com/wp-content/uploads/2026/05/679184160_26801151432830285_807951543118611974_n.jpg 2000w, https://sms-institute.com/wp-content/uploads/2026/05/679184160_26801151432830285_807951543118611974_n-300x146.jpg 300w, https://sms-institute.com/wp-content/uploads/2026/05/679184160_26801151432830285_807951543118611974_n-1024x497.jpg 1024w, https://sms-institute.com/wp-content/uploads/2026/05/679184160_26801151432830285_807951543118611974_n-768x373.jpg 768w, https://sms-institute.com/wp-content/uploads/2026/05/679184160_26801151432830285_807951543118611974_n-1536x746.jpg 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></figure>


<p>استضاف المركز الوطني الروسي في موسكو فعاليات الحوار المفتوح الثاني بعنوان &#8220;مستقبل العالم: منصة جديدة للنمو العالمي&#8221;، بمشاركة خبراء وباحثين من أكثر من 40 دولة.</p>



<figure class="wp-block-image"><img decoding="async" src="https://mf.b37mrtl.ru/media/pics/2026.04/article/69eaf2cf4236044c3556786b.png" alt="موسكو تستضيف حوارا دوليا حول مستقبل النمو العالمي بمشاركة 40 دولة"/><figcaption class="wp-element-caption">RT</figcaption></figure>



<p>ويتضمن برنامج الحوار الذي ينعقد&nbsp;خلال الفترة من 27 إلى 29 أبريل، محاضرات لخبراء دوليين، وعرض أفكار المشاركين، إلى جانب جلسات تفاعلية لتبادل الخبرات ونقاشات موسعة حول آفاق الاقتصاد العالمي والتحولات الجارية فيه.</p>



<p>ويشارك في قائمة المتحدثين وأعضاء لجنة التحكيم الباحث المغربي يونس بنان، مدير معهد الدراسات الاجتماعية والإعلامية، الذي كان قد طرح العام الماضي فكرة إنشاء ممر عابر للقارات يربط بين آسيا وأفريقيا عبر طريق البحر الشمالي، مع حلقة وصل جنوبية عبر ميناء الداخلة الأطلسي.Play</p>



<p><img decoding="async" width="720" height="400" alt="" src="https://mf.b37mrtl.ru/media/pics/2026.04/original/69ea452a4236042af950dffc.png"></p>



<p>وبحلول عام 2026، وسع بنان نطاق مشروعه ليشمل مقترح إنشاء بورصة كربون أفريقية متكاملة، تهدف إلى تمكين الدول الأفريقية من إدارة مواردها البيئية والاقتصادية بشكل مستقل.</p>



<p>وقال بنان إن مشاركته تمثل &#8220;فرصة استراتيجية لعرض هذه الأبحاث أمام المجتمع الاحترافي، وإثبات قدرة باحثي الجنوب العالمي على تقديم حلول للتحديات الكبرى في القرن الحادي والعشرين&#8221;، مشيرا إلى أن العلاقات بين الصين وروسيا والدول الأفريقية تشهد تحولًا متسارعًا نحو نماذج تعاون أكثر استقلالية.</p>



<p>ويركز الحوار على أربعة محاور استراتيجية رئيسية تشمل: الاستثمار في الإنسان، والتكنولوجيا، والبيئة، والترابط، مع بحث قضايا مثل الذكاء الاصطناعي، والأمن السيبراني، والتجارة، والعملات الرقمية والبنية التحتية.</p>



<p>وبحسب المنظمين، تجاوز عدد الأوراق المقدمة للحوار 300 بحث من مختلف أنحاء العالم، فيما لا يزال باب التسجيل مفتوحًا للراغبين عبر الموقع الرسمي.</p>



<p>المصدر: RT</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>للسنة الثانية على التوالي، يشارك معهد الدراسات الاجتماعية والاعلامية بفعاليات منتدى الحوار الدولي المفتوح</title>
		<link>https://sms-institute.com/%d9%84%d9%84%d8%b3%d9%86%d8%a9-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a%d8%a9-%d8%b9%d9%84%d9%89-%d8%a7%d9%84%d8%aa%d9%88%d8%a7%d9%84%d9%8a%d8%8c-%d9%8a%d8%b4%d8%a7%d8%b1%d9%83-%d9%85%d8%b9%d9%87%d8%af/</link>
		
		<dc:creator><![CDATA[Sanaa Haouata]]></dc:creator>
		<pubDate>Fri, 01 May 2026 14:19:00 +0000</pubDate>
				<category><![CDATA[فعاليات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1219</guid>

					<description><![CDATA[يشارك معهد الدراسات الاجتماعية والإعلامية (SMSI) المغربي بفعالية في منتدى الحوار المفتوح الدولي في موسكو، ممثلاً بمديره الباحث يونس بنان،&#8230;]]></description>
										<content:encoded><![CDATA[
<p>يشارك <strong><a target="_blank" rel="noreferrer noopener" href="https://sms-institute.com/">معهد الدراسات الاجتماعية والإعلامية (SMSI)</a></strong> المغربي بفعالية في منتدى الحوار المفتوح الدولي في موسكو، ممثلاً بمديره الباحث <strong>يونس بنان</strong>، كخبير ومحكم دولي لمشاريع التنمية المستدامة والتعاون العابر للقارات. [<a href="https://sms-institute.com/%D9%85%D8%B9%D9%87%D8%AF-%D8%A7%D9%84%D8%AF%D8%B1%D8%A7%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%85%D9%8A%D8%A9/">1</a>, <a href="https://wakalatalanbae.ma/%D9%85%D9%88%D8%B3%D9%83%D9%88-%D8%AA%D8%AC%D9%85%D8%B9-%D8%AE%D8%A8%D8%B1%D8%A7%D8%A1-%D9%85%D9%86-40-%D8%AF%D9%88%D9%84%D8%A9-%D9%84%D8%A8%D8%AD%D8%AB-%D9%85%D8%B3%D8%AA%D9%82%D8%A8%D9%84-%D8%A7/">2</a>]</p>



<p>تفاصيل وأبعاد المشاركة</p>



<ul>
<li><strong>طبيعة الدور</strong>: يشارك المعهد كعضو في لجنة التحكيم لتقييم مشاريع التنمية الدولية، إلى جانب تقديم محاضرات وجلسات تفاعلية استراتيجية.</li>



<li><strong>الحدث</strong>: النسخة الثانية من منتدى الحوار المفتوح الدولي رفيع المستوى، المنعقد في <a target="_blank" rel="noreferrer noopener" href="https://dialog.russia.ru/en/">المركز الوطني الروسي بموسكو</a> تحت شعار <em>&#8220;مستقبل العالم: منصة جديدة للنمو العالمي&#8221;</em>.</li>



<li><strong>نطاق المشاركة</strong>: يجمع المنتدى خبراء وباحثين ومختصين من أكثر من 40 دولة لبحث نماذج النمو الاقتصادي، البيئي، والتكنولوجي الجديد. [<a href="https://sms-institute.com/%D9%85%D8%B9%D9%87%D8%AF-%D8%A7%D9%84%D8%AF%D8%B1%D8%A7%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%85%D9%8A%D8%A9/">1</a>, <a href="https://dialog.russia.ru/en/">2</a>, <a href="https://wakalatalanbae.ma/%D9%85%D9%88%D8%B3%D9%83%D9%88-%D8%AA%D8%AC%D9%85%D8%B9-%D8%AE%D8%A8%D8%B1%D8%A7%D8%A1-%D9%85%D9%86-40-%D8%AF%D9%88%D9%84%D8%A9-%D9%84%D8%A8%D8%AD%D8%AB-%D9%85%D8%B3%D8%AA%D9%82%D8%A8%D9%84-%D8%A7/">3</a>]</li>
</ul>



<p>الرؤية والمقترحات البحثية للمعهد</p>



<ul>
<li><strong>ممر آسيا &#8211; إفريقيا</strong>: يطرح المعهد رؤية بحثية متكاملة لربط القارتين الآسيوية والإفريقية عبر المغرب لتعزيز شبكات الإمداد والتنمية المشتركة.</li>



<li><strong>التنمية المستدامة</strong>: تقديم حلول عملية تعتمد على التعاون جنوب-جنوب لمواجهة التحديات الاقتصادية والسياسية الراهنة.</li>



<li><strong>مواجهة الهيمنة الجيوسياسية</strong>: مناقشة آليات تعزيز صمود الدول النامية والناشئة، ودور التكتلات الاقتصادية الجديدة (مثل البريكس+) في رسم ملامح الاقتصاد العالمي. [<a href="https://sms-institute.com/%D9%85%D8%B9%D9%87%D8%AF-%D8%A7%D9%84%D8%AF%D8%B1%D8%A7%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%85%D9%8A%D8%A9/">1</a>, <a href="https://wakalatalanbae.ma/%D9%85%D9%88%D8%B3%D9%83%D9%88-%D8%AA%D8%AC%D9%85%D8%B9-%D8%AE%D8%A8%D8%B1%D8%A7%D8%A1-%D9%85%D9%86-40-%D8%AF%D9%88%D9%84%D8%A9-%D9%84%D8%A8%D8%AD%D8%AB-%D9%85%D8%B3%D8%AA%D9%82%D8%A8%D9%84-%D8%A7/">2</a>]</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>المؤتمر الدولي الأول بالدار البيضاء: تشريح التحولات العالمية وصياغة ملامح &#8220;النظام الدولي الجديد&#8221;</title>
		<link>https://sms-institute.com/%d8%a7%d9%84%d9%85%d8%a4%d8%aa%d9%85%d8%b1-%d8%a7%d9%84%d8%af%d9%88%d9%84%d9%8a-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d8%a8%d8%a7%d9%84%d8%af%d8%a7%d8%b1-%d8%a7%d9%84%d8%a8%d9%8a%d8%b6%d8%a7%d8%a1-%d8%aa/</link>
		
		<dc:creator><![CDATA[Sanaa Haouata]]></dc:creator>
		<pubDate>Thu, 26 Mar 2026 14:35:00 +0000</pubDate>
				<category><![CDATA[فعاليات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1228</guid>

					<description><![CDATA[شهدت رحاب كلية العلوم القانونية والاقتصادية والاجتماعية بعين السبع (FSJES-AS) بالدار البيضاء، يوم الخميس 26 مارس 2026، انطلاق فعاليات المؤتمر&#8230;]]></description>
										<content:encoded><![CDATA[
<hr class="wp-block-separator has-alpha-channel-opacity"/>


<figure class="wp-block-post-featured-image"><img decoding="async" width="873" height="513" src="https://sms-institute.com/wp-content/uploads/2026/05/CaptureGFDS.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" style="object-fit:cover;" srcset="https://sms-institute.com/wp-content/uploads/2026/05/CaptureGFDS.png 873w, https://sms-institute.com/wp-content/uploads/2026/05/CaptureGFDS-300x176.png 300w, https://sms-institute.com/wp-content/uploads/2026/05/CaptureGFDS-768x451.png 768w" sizes="(max-width: 873px) 100vw, 873px" /></figure>


<figure class="wp-block-image size-large"><a href="https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER.png"><img loading="lazy" decoding="async" width="724" height="1024" src="https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER-724x1024.png" alt="" class="wp-image-1229" srcset="https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER-724x1024.png 724w, https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER-212x300.png 212w, https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER-768x1086.png 768w, https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER-1086x1536.png 1086w, https://sms-institute.com/wp-content/uploads/2026/05/COL-INTER.png 1414w" sizes="(max-width: 724px) 100vw, 724px" /></a></figure>



<p>شهدت رحاب كلية العلوم القانونية والاقتصادية والاجتماعية بعين السبع (FSJES-AS) بالدار البيضاء، يوم الخميس 26 مارس 2026، انطلاق فعاليات <strong>المؤتمر الدولي الأول حول &#8220;التحولات الدولية نحو إعادة تأسيس نظام عالمي جديد&#8221;</strong>.</p>



<p>جاء هذا الحدث العلمي البارز ثمرة تعاون استراتيجي بين ثلاثة أطراف أكاديمية وازنة: <strong>كلية العلوم القانونية والاقتصادية والاجتماعية بعين السبع</strong> (التابعة لجامعة الحسن الثاني بالدار البيضاء)، و<strong>مختبر بحوث الذكاء الاستراتيجي والتدبير القانوني</strong>، و<strong>معهد الدراسات الاجتماعية والإعلامية (SMSI)</strong>.</p>



<h2 class="wp-block-heading">سياق متوتر وبحث عن أجوبة استشرافية</h2>



<p>يأتي تنظيم هذا المؤتمر في ظل مرحلة دقيقة يمر بها العالم، تتسم بإعادة تشكيل التوازنات الجيوسياسية، وصعود أقطاب جديدة، واشتداد التنافس حول الموارد والريادة التكنولوجية. ولقد ركّز المنظمون على جعل هذا الملتقى فضاءً لتقديم قراءات علمية موضوعية تسهم في فهم موقع إفريقيا والمغرب في خضم هذه التحولات المتسارعة، وتأثير الأزمات الراهنة (كالحرب في قطاع غزة وأوكرانيا) على بنية القانون الدولي.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">المداخلات والمنصات الرئيسية: تكامل الأبعاد السياسية، الاقتصادية والقانونية</h2>



<p>تميز المؤتمر بجلسة افتتاحية تلتها نقاشات عميقة وزعت على لوحات علمية (Panels) كبرى:</p>



<h3 class="wp-block-heading">الجلسة الافتتاحية واللوحة التأطيرية</h3>



<p>بعد الكلمات الترحيبية والمؤسساتية للجهات المنظمة (عمادة الكلية، وإدارة المختبر، واللجنة التنظيمية والمعهد)، افتتح <strong>البروفيسور ميشيل روش</strong> (من جامعة كيبك في شيكوتيمي بكندا) النقاش الساخن بورقة تمحورت حول <em>&#8220;أزمة النظام الدولي: الأسباب والتداعيات&#8221;</em>، ممهداً الطريق لقراءة أعمق لجذور الخلل في النظام العالمي الأحادي والتحول نحو التعددية القطبية.</p>



<h3 class="wp-block-heading">اللوحة الأولى: التنافس الجيوسياسي وتحديات السيادة المعاصرة</h3>



<p>أدارت هذه اللوحة البروفيسورات كريمة رقوبة وعزيزة مأهيل، وشهدت مداخلات غنية قاربت الموضوع من زوايا متعددة:</p>



<ul>
<li><strong>الأمن والحكامة:</strong> تمت مناقشة صمود النظام الليبرالي أمام التنافس الجيوسياسي (البروفيسور فايزة قبي).</li>



<li><strong>تدبير الموارد البشرية:</strong> طُرحت رؤية حول تدويل نماذج حكامة الموارد البشرية نحو نموذج عابر للقارات أكثر مرونة (البروفيسور بشرى بالموفق).</li>



<li><strong>أزمة القانون الدولي:</strong> جرى تفكيك أزمة القوانين الدولية في ظل الصراعات المعاصرة بالشرق الأوسط وأوكرانيا (البروفيسور المختار تبي تبي والبروفيسور أمين مستقيم).</li>



<li><strong>السيادة وإنتاج المعرفة:</strong> تناول <strong>البروفيسور يونس بنان</strong> (رئيس معهد الدراسات الاجتماعية والإعلامية) مفهوم <em>&#8220;السيادة المتعددة في مواجهة النظام العالمي الجديد&#8221;</em>، بينما ناقش <strong>البروفيسور إبراهيم مدب</strong> تحديات تدويل الجامعات ونقل المعرفة عبر الحدود.</li>
</ul>



<h3 class="wp-block-heading">اللوحة الثانية: الاقتصاد الرقمي والاستدامة الطاقية</h3>



<p>ركزت هذه الجلسة (بإدارة الأساتذة طارق كسباوي وعبد الواحد حيدودي) على أثر التحول الرقمي والطاقي على نماذج الأعمال:</p>



<ul>
<li>جرى تحليل واقع وآفاق الاقتصاد المغربي في مواجهة الاضطرابات العالمية (البروفيسور أنس الطاسولي).</li>



<li>نوقشت نماذج التسويق المستدام والتجارة الرقمية في ظل الانتقال الطاقي (البروفيسور سلوى لادراع، والبروفيسور السعيد عمار، والبروفيسور عزيزة مأهيل).</li>



<li>تم تسليط الضوء على حماية المستهلك وحقوق الشغل في عصر الذكاء الاصطناعي (البروفيسور كريمة رقوبة والبروفيسور ابتسام بلحداد).</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">مشتل الباحثين الشباب: ورشات دكتوراه موازية</h2>



<p>لم يغفل المؤتمر الجانب الأكاديمي التكويني، حيث خصص 4 ورشات دكتوراه متوازية، قدم خلالها الباحثون الشباب أوراقاً بحثية هامة تلامس إشكالات معاصرة:</p>



<ol start="1">
<li><strong>الحوكمة الرقمية والقانون:</strong> ناقشت أوراق الطلاب التحول الرقمي لعلاقات الشغل، والعملات المشفرة وسلطة النقد، والذكاء الاصطناعي وحقوق الملكية الفكرية.</li>



<li><strong>العقود الذكية والـ Blockchain:</strong> ركزت الورشة الثانية على البعد القانوني لعقود الخوارزميات والمسؤولية القانونية للشركات الرقمية.</li>



<li><strong>الموارد الاستراتيجية والبيئة:</strong> تمحورت الأبحاث حول &#8220;جيوسياسية الماء&#8221; وأزمة المناخ، ودور الذكاء الاصطناعي والشركات التكنولوجية الناشئة (Unicorns) في النظام الجديد.</li>



<li><strong>التدبير والمنظمات:</strong> عولجت قضايا حديثة مثل &#8220;المالية السلوكية&#8221;، وجذب وتدبير مواهب &#8220;الجيل Z&#8221;، والعدالة الاجتماعية والتكوين داخل المؤسسات السجنية لإعادة الإدماج.</li>
</ol>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">خلاصة وتوصيات</h2>



<p>اختتم المؤتمر أعماله بالتأكيد على أن صياغة ملامح &#8220;النظام العالمي الجديد&#8221; لا يجب أن تنفرد بها القوى التقليدية، بل إن للجامعات ومراكز البحث في دول الجنوب، ولا سيما في المغرب وإفريقيا، دوراً جسيماً في إنتاج المعرفة الاستراتيجية واقتراح نماذج حكامة مرنة ومستدامة. وقد خرج المؤتمر بتوصيات دعت إلى تعزيز السيادة الرقمية، ودعم الابتكار والذكاء الاصطناعي في البحث العلمي، ووضع حماية البيئة والأمن المائي كأولويات قصوى في السياسات العامة المستقبلية للبلاد.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>معهد الدراسات الاجتماعية و الاعلامية يصدر تقريره عن تداعيات ازمة الطاقة العالمية بعد غلق مضيق هرمز على المغرب</title>
		<link>https://sms-institute.com/%d9%85%d8%b9%d9%87%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d8%a7%d8%aa-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a%d8%a9-%d9%88-%d8%a7%d9%84%d8%a7%d8%b9%d9%84%d8%a7%d9%85%d9%8a%d8%a9/</link>
		
		<dc:creator><![CDATA[يونس بنان]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 22:33:45 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1201</guid>

					<description><![CDATA[زلزال &#8220;هرمز&#8221; الطاقي: كيف يواجه المغرب صدمة المحروقات في عام 2026؟ أثر أزمة مضيق هرمز الجيوسياسية لعام 2026 على سوق&#8230;]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">زلزال &#8220;هرمز&#8221; الطاقي: كيف يواجه المغرب صدمة المحروقات في عام 2026؟</h1>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="2816" height="1536" src="https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" style="object-fit:cover;" srcset="https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj.png 2816w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-300x164.png 300w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-1024x559.png 1024w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-768x419.png 768w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-1536x838.png 1536w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-2048x1117.png 2048w" sizes="(max-width: 2816px) 100vw, 2816px" /></figure>


<p id="p-rc_cfc27929a4a8fc22-322"></p>



<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>أثر أزمة مضيق هرمز الجيوسياسية لعام 2026 على سوق المحروقات المغربي</title>
    
    <!-- Tailwind CSS via CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Google Fonts: Cairo for premium Arabic typography -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&#038;display=swap" rel="stylesheet">

    <!-- Chart.js via CDN -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <!-- Tailwind Configuration -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Cairo', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            dark: '#0f172a', // Deep Slate Blue/Dark Gray for high-tech energetic theme
                            primary: '#ea580c', // Energetic Orange representing oil, energy, and warning signs
                            light: '#fff7ed', // Soft orange/peach bg
                            accent: '#2563eb', // Trustworthy Blue for statistics and governmental data
                            slate: '#475569', // Slate Gray for readable body text
                            bg: '#f8fafc' // Premium slate-tinted off-white background
                        }
                    }
                }
            }
        }
    </script>

    <style>
        body {
            background-color: #f8fafc;
            color: #334155;
            scroll-behavior: smooth;
        }

        /* Chart container constraint classes for responsive design and no-overflow mandate */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            height: 380px;
            max-height: 420px;
            background: white;
            border-radius: 1rem;
            padding: 1.25rem;
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
        }

        @media (max-width: 768px) {
            .chart-container {
                height: 320px;
            }
        }

        /* Custom stylish scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

        /* Accordion custom height control */
        .accordion-content {
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        .accordion-content.active {
            max-height: 1000px;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }
    </style>
</head>
<body class="font-sans antialiased text-brand-slate bg-brand-bg">

    <!-- 
    <!-- Chosen Palette: Energetic Fire & Slate (Deep Slate Dark, Petrol/Warning Orange, Corporate Blue for institutional data, warm off-white background) -->
    <!-- Application Structure Plan: 
         - **Header / Nav**: Clean and authoritative brand presentation of SMS Institute.
         - **Hero Section**: Direct framing of the 2026 geopolitical crisis in the Strait of Hormuz and its immediate impact on Morocco due to 94% energy dependency.
         - **Executive Brief**: Fast metrics dashboard (94% Import dependency, 120 Billion MAD energy bill, 12.5% EV market share in 2025).
         - **Interactive Survey vs Geopolitics Dashboard**: Tabbed interface comparing global Brent scenarios, 2023 survey demographics, and 2026 impact on commodity prices (transport vs food).
         - **Fuel Price Structure Simulator**: An interactive pricing simulator showing the break-down of petrol and diesel prices in Morocco (Buying price, Taxes: TIC & TVA, and distributor margins).
         - **Strategic Recommendations (Accordion)**: Practical, actionable policy goals (Samir refinery rehabilitation, strategic reserve infrastructure, green transport subsidies).
    -->
    <!-- Visualization & Content Choices: 
         - **Goal: Geopolitical Price Scenarios** -> *Viz: Dynamic Bar/Line Combo (Chart.js)* -> Shows Brent Crude price expectations based on Strait of Hormuz blockage duration.
         - **Goal: Change in Purchasing Power (Survey 2023)** -> *Viz: Doughnut Chart (Chart.js)* -> Illustrates how 93.3% of Moroccans surveyed saw energy costs affect food/rent basics.
         - **Goal: Spillover Inflation (March 2026)** -> *Viz: Grouped Horizontal Bar (Chart.js)* -> Illustrates the immediate 2026 price hikes across logistics-dependent foods (fish, fruits, vegetables).
         - **Goal: Price Structure Breakdown** -> *Viz: Dynamic JS Calculations & Visual Stack* -> Real-time feedback calculating the actual cost, tax, and profit margins on a fuel liter based on global raw prices.
         - **Goal: Present Roadmap** -> *Viz: Interactive Accordion* -> Organized structure outlining tactical immediate fixes versus long-term energy sovereignty.
    -->
    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
    &#8211;>

    <!-- Top Navigation Bar -->
    <nav class="fixed w-full z-50 top-0 start-0 border-b border-gray-150 bg-white/90 backdrop-blur-md">
        <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between p-4 px-6">
            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
                <div class="w-10 h-10 bg-brand-primary text-white rounded-xl flex items-center justify-center font-bold text-xl shadow-sm shadow-brand-primary/20">SMS</div>
                <div class="flex flex-col">
                    <span class="self-center text-sm md:text-base font-bold whitespace-nowrap text-brand-dark">معهد الدراسات الاجتماعية والإعلامية</span>
                    <span class="text-[10px] text-gray-400 font-medium">بالمغرب • تقرير سياسات الطاقة لعام 2026</span>
                </div>
            </a>
            <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
                <a href="#simulator" class="text-xs md:text-sm text-white bg-brand-primary hover:bg-orange-700 focus:ring-4 focus:outline-none focus:ring-orange-250 font-bold rounded-xl px-5 py-2.5 text-center transition shadow-md shadow-brand-primary/10">مفكك بنية الأسعار</a>
            </div>
            <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
                <ul class="flex flex-col p-4 md:p-0 mt-4 font-semibold border border-gray-100 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0">
                    <li><a href="#geopolitics" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">الأبعاد الجيوسياسية</a></li>
                    <li><a href="#dashboard" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">مرصد استطلاع الرأي</a></li>
                    <li><a href="#simulator" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">بنية الأسعار الوطنية</a></li>
                    <li><a href="#recommendations" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">التوصيات الطاقية</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Header Section -->
    <section class="pt-32 pb-16 px-4 md:px-8 bg-gradient-to-b from-orange-50 to-brand-bg border-b border-orange-100">
        <div class="max-w-5xl mx-auto text-center">
            <span class="bg-brand-primary/10 text-brand-primary text-xs font-extrabold px-4 py-1.5 rounded-full uppercase tracking-wider mb-5 inline-block">أزمة مضيق هرمز لعام 2026</span>
            <h1 class="text-3xl md:text-5xl font-extrabold text-brand-dark leading-tight mb-6">
                أثر أزمة مضيق هرمز الجيوسياسية:<br>
                <span class="text-brand-primary">تداعيات سوق المحروقات العالمي على القدرة الشرائية بالمغرب</span>
            </h1>
            <p class="text-base md:text-lg text-brand-slate mb-8 max-w-3xl mx-auto leading-relaxed">
                دراسة تحليلية مقارنة بين نتائج الاستقصاء الوطني لـ <strong class="text-brand-dark">معهد الدراسات الاجتماعية والإعلامية</strong> والسيناريوهات الماكرو-اقتصادية الحرجة التي يواجهها المغرب في ظل غياب سيادة التكرير الوطني.
            </p>
            <div class="flex flex-wrap justify-center items-center gap-6 text-xs md:text-sm text-gray-500 font-semibold bg-white p-4 rounded-2xl shadow-sm border border-gray-100 max-w-2xl mx-auto">
                <div class="flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f464.png" alt="👤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>إعداد المعهد برئاسة:</span>
                    <span class="text-brand-dark font-bold">يونس بنان</span>
                </div>
                <span class="text-gray-300">|</span>
                <div class="flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>تاريخ الإصدار: ربيع 2026</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Strategic Global Indicators -->
    <section class="py-12 px-4 md:px-8 max-w-7xl mx-auto">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <!-- Box 1 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-brand-primary text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/26f4.png" alt="⛴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">94%</h4>
                    <p class="text-xs text-gray-500 font-medium">نسبة التبعية الطاقية للمملكة للمنتجات المستوردة من الخارج، نتيجة استمرار إغلاق مصفاة &#8220;سامير&#8221;.</p>
                </div>
            </div>
            <!-- Box 2 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-red-500 text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-red-500 mb-1">120 مليار</h4>
                    <p class="text-xs text-gray-500 font-medium">درهم التكلفة السنوية الإجمالية المتوقعة لفاتورة استيراد المواد البترولية المكررة لعام 2026.</p>
                </div>
            </div>
            <!-- Box 3 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-brand-accent text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">12.5%</h4>
                    <p class="text-xs text-gray-500 font-medium">الحصة السوقية للسيارات الهجينة والكهربائية بالمغرب في 2025، لتجاوز أزمات الديزل التقليدي.</p>
                </div>
            </div>
            <!-- Box 4 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-emerald-600 text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f69b.png" alt="🚛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">20 مارس</h4>
                    <p class="text-xs text-gray-500 font-medium">تاريخ إطلاق منصة &#8220;مواكبة&#8221; للدعم الاستثنائي لمهنيي النقل لامتصاص لهيب الأسعار.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Geopolitical and Strategic Section -->
    <section id="geopolitics" class="py-16 px-4 md:px-8 bg-slate-900 text-white border-y border-brand-dark">
        <div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
                <span class="bg-brand-primary/20 text-brand-primary text-xs font-bold px-3 py-1.5 rounded-full uppercase mb-4 inline-block">سيناريوهات مضيق هرمز لعام 2026</span>
                <h2 class="text-2xl md:text-3xl font-bold mb-4 leading-relaxed text-orange-200">صدمة عرض عالمية غير مسبوقة منذ السبعينيات</h2>
                <p class="text-slate-300 text-sm md:text-base leading-relaxed text-justify mb-6">
                    مع دخول الربع الأول من عام 2026، تسبب النزاع المباشر في الشرق الأوسط في إغلاق جزئي وشبه كامل لمضيق هرمز، مما عطل تدفق <strong class="text-white">20 مليون برميل يومياً</strong> من النفط الخام والمواد المكررة. وضع هذا الانسداد الاقتصاد المغربي أمام اختبار حقيقي نظراً لتأثر أسعار الشحن والتأمين البحري مباشرة.
                </p>
                <div class="space-y-4">
                    <div class="bg-slate-800/80 p-4 rounded-xl border border-slate-700">
                        <h4 class="font-bold text-white mb-1 flex items-center gap-2">
                            <span class="text-brand-primary">●</span> سيناريو الإغلاق (3 أشهر) &#8211; وكالة فيتش:
                        </h4>
                        <p class="text-xs text-slate-300">يتوقع وصول الأسعار إلى ما بين 100 و 130 دولاراً للبرميل، مما يفرض ضغوطاً خانقة على الموازنة العامة للدول المستوردة كالمغرب.</p>
                    </div>
                    <div class="bg-slate-800/80 p-4 rounded-xl border border-slate-700">
                        <h4 class="font-bold text-white mb-1 flex items-center gap-2">
                            <span class="text-brand-primary">●</span> السيناريو الكارثي (تعطل دائم):
                        </h4>
                        <p class="text-xs text-slate-300">وصول الأسعار لعتبة 200 دولار فما فوق، مما يهدد بركود تضخمي عالمي وفقدان كلي للسيطرة السعرية للمحروقات محلياً.</p>
                    </div>
                </div>
            </div>
            <div class="chart-container !bg-slate-800 border border-slate-700">
                <canvas id="brentChart"></canvas>
            </div>
        </div>
    </section>

    <!-- Data Dashboard Section: Combining 2023 Survey and 2026 realities -->
    <section id="dashboard" class="py-16 px-4 md:px-8 bg-slate-50 border-y border-gray-150">
        <div class="max-w-7xl mx-auto">
            <div class="mb-12 text-center">
                <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">المرصد المقارن: استطلاع الرأي (2023) مقابل أزمة (2026)</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">
                    يكشف هذا المرصد عن سلوك المستهلك المغربي واستجابته للموجات التضخمية. نقارن هنا بين نتائج الاستطلاع التاريخي للمعهد (عينة من 762 شخصاً) والارتدادات التضخمية الفورية لأزمة مارس 2026.
                </p>
            </div>

            <!-- Dashboard Controls -->
            <div class="flex flex-wrap justify-center gap-3 mb-10">
                <button onclick="switchTab('impact')" id="btn-impact" class="db-btn px-6 py-3 rounded-xl font-bold bg-brand-primary text-white shadow-md transition-all duration-200">أثر أسعار الطاقة على الأساسيات</button>
                <button onclick="switchTab('inflation')" id="btn-inflation" class="db-btn px-6 py-3 rounded-xl font-bold bg-white text-brand-slate border border-gray-200 hover:bg-gray-50 transition-all duration-200">الارتفاعات التضخمية للمواد الغذائية (2026)</button>
                <button onclick="switchTab('demographics')" id="btn-demographics" class="db-btn px-6 py-3 rounded-xl font-bold bg-white text-brand-slate border border-gray-200 hover:bg-gray-50 transition-all duration-200">بنية وهيكلية العينة (2023)</button>
            </div>

            <!-- Tab Content 1: Impact on Essentials (Survey 2023) -->
            <div id="tab-impact" class="db-content grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1 space-y-4">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark">93.3% من المستجوبين أكدوا تأثر أساسياتهم المعيشية</h3>
                    <p class="text-gray-600 leading-relaxed text-justify">
                        قبل انفجار صدمة 2026، كان المستهلك المغربي قد وصل بالفعل لأقصى طاقته الاستيعابية للأزمات. فقد كشفت عينة المعهد لسنة 2023 أن جل المواطنين اضطروا لتقليص نفقات التموين الأساسي (الغذاء والصحة والتعليم) بسبب لهيب أسعار البنزين والديزل.
                    </p>
                    <div class="grid grid-cols-2 gap-4">
                        <div class="bg-white p-4 rounded-xl border border-gray-150">
                            <span class="block text-2xl font-bold text-brand-primary">95.4%</span>
                            <span class="text-xs text-gray-500 font-semibold">اضطروا لتقليص نفقاتهم غير الأساسية كالسفر والترفيه.</span>
                        </div>
                        <div class="bg-white p-4 rounded-xl border border-gray-150">
                            <span class="block text-2xl font-bold text-brand-accent">85.4%</span>
                            <span class="text-xs text-gray-500 font-semibold">بدأوا في تغيير سلوك القيادة والسفر توفيراً للوقود.</span>
                        </div>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="impactChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab Content 2: Food Inflation March 2026 -->
            <div id="tab-inflation" class="db-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1 space-y-4">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark">التضخم الغذائي &#8220;العدوى الاقتصادية&#8221; للمحروقات</h3>
                    <p class="text-gray-600 leading-relaxed text-justify">
                        انتقلت شرارة ارتفاع أسعار الطاقة فوراً إلى أسعار السلع والمواد الاستهلاكية اليومية خلال شهري فبراير ومارس 2026. يرجع ذلك إلى الاعتماد البنيوي لعمليات التوريد الداخلي للمواد الغذائية على اللوجستيات وشاحنات النقل الطرقي وقوارب الصيد البحري.
                    </p>
                    <div class="bg-orange-50 border border-orange-100 p-4 rounded-xl">
                        <p class="text-orange-800 text-sm font-semibold">
                            <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> تضخم اللوجستيك: سجلت مدينتا طنجة ووجدة أعلى نسبة تضخم غذائي محلي بأزيد من +1.4% في غضون شهر واحد نتيجة تراكم كلفة التنقل والوسطاء.
                        </p>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="inflationChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab Content 3: Demographics -->
            <div id="tab-demographics" class="db-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1 space-y-4">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark">بنية عينة المستطلعين حول المحروقات</h3>
                    <p class="text-gray-600 leading-relaxed text-justify">
                        توزعت العينة المستهدفة في استطلاع المعهد على مستوى جهات المملكة الاثني عشر بمستوى ثقة 95%. وتجلى دور الموظفين كشريحة متضررة مباشرة وحيوية قادرة على إبراز تفاصيل المعاناة المعيشية والمالية.
                    </p>
                    <ul class="space-y-2 text-sm text-brand-slate font-semibold">
                        <li class="flex items-center gap-2"><span class="text-brand-primary">■</span> نسبة الذكور: 90.4% مقابل 9.6% إناث (ارتباطاً بقطاع النقل والقيادة المهنية).</li>
                        <li class="flex items-center gap-2"><span class="text-brand-accent">■</span> الفئة العمرية المهيمنة: 40-49 سنة بنسبة 39.6% (أرباب الأسر النشطين).</li>
                        <li class="flex items-center gap-2"><span class="text-emerald-600">■</span> المستوى الجامعي: 84% من العينة يحملون شواهد عليا.</li>
                    </ul>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="demoChart"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Fuel Price Structure Simulator Section -->
    <section id="simulator" class="py-16 px-4 md:px-8 bg-brand-dark text-white border-y border-orange-950">
        <div class="max-w-6xl mx-auto">
            <div class="mb-10 text-center">
                <span class="bg-orange-800 text-brand-light text-xs font-bold px-3 py-1 rounded-full uppercase mb-3 inline-block">محاكاة تفاعلية لبنية الأسعار</span>
                <h2 class="text-2xl md:text-3xl font-bold mb-4 text-orange-400">مفكك بنية أسعار المحروقات في المغرب لعام 2026</h2>
                <p class="text-orange-100 text-sm md:text-base max-w-3xl mx-auto leading-relaxed">
                    يتكون سعر لتر المحروقات بمحطات الوقود المغربية من ثمن الشراء الدولي مكرراً، مضافاً إليه الضرائب الثابتة والمتغيرة وهوامش ربح الموزعين. استخدم المحاكي التفاعلي أدناه لفهم تداعيات ارتفاع السعر الدولي على السعر النهائي للمواطن.
                </p>
            </div>

            <!-- Simulator Panel -->
            <div class="bg-slate-850 backdrop-blur-md rounded-3xl p-6 md:p-8 border border-slate-700 shadow-xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center">
                
                <!-- Controls (Left/RTL right) -->
                <div class="lg:col-span-5 space-y-6">
                    <h3 class="text-xl font-bold text-orange-200 border-b border-slate-700 pb-3">تعديل مدخلات السعر الدولي</h3>
                    
                    <div>
                        <div class="flex justify-between items-center mb-2">
                            <span class="text-sm font-semibold text-slate-200">ثمن اللتر المستورد مكرراً (موانئ المغرب):</span>
                            <span id="import-val" class="text-xl font-black text-brand-primary">7.50 درهم</span>
                        </div>
                        <input type="range" id="import-slider" min="4.50" max="11.00" value="7.50" step="0.10" 
                               class="w-full h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer accent-brand-primary">
                        <div class="flex justify-between text-[11px] text-slate-400 mt-1">
                            <span>4.50 درهم (استقرار عالمي)</span>
                            <span>11.00 درهم (أزمة هرمز حادة)</span>
                        </div>
                    </div>

                    <!-- Toggle fuel type -->
                    <div class="space-y-2">
                        <span class="text-sm font-semibold text-slate-200">نوع الوقود:</span>
                        <div class="flex gap-2">
                            <button onclick="setFuelType('diesel')" id="btn-diesel" class="flex-1 py-2.5 rounded-xl text-sm font-bold bg-brand-primary text-white border border-transparent transition-all">غازوال (ديزل)</button>
                            <button onclick="setFuelType('gasoline')" id="btn-gasoline" class="flex-1 py-2.5 rounded-xl text-sm font-bold bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-750 transition-all">بنزين ممتاز</button>
                        </div>
                    </div>

                    <!-- Static Info box -->
                    <div class="bg-slate-900/40 p-4 rounded-xl border border-slate-800 text-xs text-slate-300 leading-relaxed text-justify">
                        <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> يتأثر المغرب مباشرة بالتغيرات الطارئة على كلفة التكرير العالمية لغياب تكرير وطني بمصفاة &#8220;سامير&#8221;، مما يجعله مستورداً لمنتجات جاهزة (أكثر كلفة) بدلاً من النفط الخام الخفيف.
                    </div>
                </div>

                <!-- Simulation Output Display -->
                <div class="lg:col-span-7 bg-slate-900/60 p-6 rounded-2xl border border-slate-700 space-y-6">
                    <h3 class="text-lg font-bold text-orange-300 border-b border-slate-800 pb-2">مكونات ثمن اللتر عند محطة الوقود</h3>
                    
                    <div class="space-y-4 text-sm">
                        <!-- Cost 1: Purchase price -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">السعر الدولي للشراء والتوصيل (المكرر):</span>
                            <span id="stat-import" class="font-bold text-white">7.50 درهم</span>
                        </div>

                        <!-- Cost 2: TIC -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">الضريبة الداخلية على الاستهلاك (TIC) الثابتة:</span>
                            <span id="stat-tic" class="font-bold text-white">3.76 درهم</span>
                        </div>

                        <!-- Cost 3: TVA -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">الضريبة على القيمة المضافة (TVA 10%):</span>
                            <span id="stat-tva" class="font-bold text-white">1.13 درهم</span>
                        </div>

                        <!-- Cost 4: Distributors Margins -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">هامش ربح شركات التوزيع والتقسيط:</span>
                            <span id="stat-margin" class="font-bold text-white">0.90 درهم</span>
                        </div>

                        <!-- TOTAL -->
                        <div class="flex justify-between items-center py-3 bg-slate-900 px-4 rounded-xl">
                            <span class="text-orange-300 font-bold text-base">السعر النهائي للبيع بالتقسيط:</span>
                            <span id="stat-total" class="font-black text-2xl text-brand-primary">13.29 درهم</span>
                        </div>
                    </div>

                    <!-- Custom warning logic -->
                    <div id="price-alert" class="p-3 bg-red-950/40 border border-red-900/50 rounded-xl flex items-center gap-3 text-red-200 text-xs hidden">
                        <span><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>لقد تجاوز السعر عتبة 15 درهماً! وهو ما يشكل بداية ركود تضخمي ويفوق القدرة الشرائية لأزيد من 93% من المواطنين المغاربة.</span>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- Strategic Roadmap (Interactive Accordion) -->
    <section id="recommendations" class="py-16 px-4 md:px-8 max-w-4xl mx-auto">
        <div class="mb-12 text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">خارطة الطريق لتحقيق السيادة والأمن الطاقي</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">
                إن مواجهة الصدمات الجيوسياسية المستقبلية تتطلب الخروج من منطق حلول الأزمات اللحظية قصيرة الأمد نحو بناء سيادة اقتصادية وحصانة وطنية متكاملة.
            </p>
        </div>

        <div class="space-y-4">
            <!-- Accordion item 1 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f6e0.png" alt="🛠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>أولاً: حسم ملف مصفاة &#8220;سامير&#8221; وإعادة تشغيل التكرير الوطني</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed space-y-3 text-justify">
                        <p>تعتبر حماية الأمن الطاقي للمملكة رهينة بوجود طاقة تكريرية وطنية قوية بدلاً من التبعية لاستيراد المنتجات المكررة الجاهزة. وتوصي الورقة بـ:</p>
                        <ul class="list-disc pr-5 space-y-1 text-xs font-semibold text-slate-500">
                            <li>الحسم الفوري في تفويت أو تأميم المصفاة لتجاوز التعثرات القانونية والقضائية.</li>
                            <li>تأهيل البنية الفنية للتكرير بالمصفاة لتغطية ما يصل إلى 65% من الاحتياجات المحلية للغازوال والبنزين.</li>
                            <li>استغلال صهاريج التخزين الضخمة بالمصفاة لرفع الاحتياطي الاستراتيجي الوطني من الهيدروكربونات.</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Accordion item 2 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>ثانياً: تفعيل &#8220;الضريبة المرنة&#8221; كآلية لحماية القدرة الشرائية</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            نقترح إدراج آلية &#8220;الضريبة المرنة&#8221; (Taxes Flottantes) عن طريق خفض جزئي ومؤقت للضريبة الداخلية على الاستهلاك (TIC) والضريبة على القيمة المضافة (TVA) فور تجاوز سعر البرميل حاجز الـ 85 دولاراً دولياً، لضمان استقرار الأسعار بالتقسيط دون المساس بجاذبية الاستثمار أو التوزيع ومصالح الشركات الوطنية.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Accordion item 3 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f50c.png" alt="🔌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>ثالثاً: تسريع الانتقال نحو حلول النقل البديل والهجين</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            مواكبة الدينامية الحالية التي رفعت حصة النقل النظيف والهجين إلى 12.5% في 2025 عن طريق تقديم تحفيزات مالية وإعفاءات جمركية إضافية للسيارات الكهربائية متوسطة التكلفة، ودعم تطوير البنية التحتية لمحطات الشحن السريع في جل مدن ومحاور الطرق السيارة للمملكة لتقليص الطلب العام على المحروقات التقليدية.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Accordion item 4 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f3d7.png" alt="🏗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>رابعاً: تسريع تجهيز ميناء &#8220;الناظور غرب المتوسط&#8221;</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            تأهيل البنية اللوجستية وتوسيع طاقات التخزين إلى أزيد من 25 مليون طن بحلول نهاية 2026 في ميناء الناظور غرب المتوسط. يضم الميناء أول محطة مخصصة لاستيراد الغاز الطبيعي المسال وسعات حيوية للهيدروكربونات، لتعزيز خطوط الإمداد من مناطق إنتاج بديلة ومستقرة جغرافياً بعيداً عن الممرات الجيوسياسية المضطربة.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer Section -->
    <footer class="bg-slate-900 text-white py-12 border-t border-slate-950">
        <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
            <div class="text-center md:text-right">
                <h4 class="font-extrabold text-lg text-orange-400 mb-2">معهد الدراسات الاجتماعية والإعلامية بالمغرب</h4>
                <p class="text-xs text-slate-400 leading-relaxed max-w-md mx-auto md:mx-0">
                    مؤسسة فكرية وأكاديمية مستقلة متخصصة في تحليل السياسات التنموية، ورصد المؤشرات السوسيو-اقتصادية ومواكبة تطلعات الرأي العام الوطني.
                </p>
            </div>
            <div class="text-center md:text-left space-y-2">
                <p class="text-sm text-orange-200 font-bold">تقرير السياسات: أثر أزمة مضيق هرمز على المحروقات (2026)</p>
                <p class="text-xs text-slate-500">Social and Media Studies Institute © 2026</p>
                <p class="text-[10px] text-slate-600 opacity-60 font-medium">مبني على التقرير الرسمي المشترك وبيانات استطلاع الرأي الوطني لـ SMSI</p>
            </div>
        </div>
    </footer>

    <!-- JS Logic Implementation -->
    <script>
        // --- 1. Tab Switching Logic ---
        function switchTab(tabId) {
            // Hide all tab contents
            document.querySelectorAll('.db-content').forEach(content => {
                content.classList.add('hidden');
            });
            // Reset button designs
            document.querySelectorAll('.db-btn').forEach(btn => {
                btn.classList.remove('bg-brand-primary', 'text-white', 'shadow-md');
                btn.classList.add('bg-white', 'text-brand-slate', 'border', 'border-gray-200', 'hover:bg-gray-50');
            });

            // Show target content
            document.getElementById('tab-' + tabId).classList.remove('hidden');
            // Style active button
            const activeBtn = document.getElementById('btn-' + tabId);
            activeBtn.classList.remove('bg-white', 'text-brand-slate', 'border', 'border-gray-200', 'hover:bg-gray-50');
            activeBtn.classList.add('bg-brand-primary', 'text-white', 'shadow-md');
        }

        // --- 2. Chart.js Implementation ---
        const fontConfig = { family: 'Cairo', size: 11 };

        // Chart 1: Global Brent Crude Scenarios vs Strait Blockage (Dark Theme)
        const ctxBrent = document.getElementById('brentChart').getContext('2d');
        new Chart(ctxBrent, {
            type: 'bar',
            data: {
                labels: ['إغلاق شهر واحد', 'إغلاق 3 أشهر (منخفض)', 'إغلاق 3 أشهر (كارثي)', 'إغلاق 6 أشهر', 'التعطل الدائم'],
                datasets: [
                    {
                        label: 'سعر خام برنت المتوقع ($/برميل)',
                        data: [105, 100, 164, 170, 200],
                        backgroundColor: '#ea580c',
                        borderRadius: 8,
                        barThickness: 26
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'توقع السعر العالمي للنفط في سيناريوهات إغلاق مضيق هرمز',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#ffedd5'
                    }
                },
                scales: {
                    y: {
                        beginAtZero: true,
                        max: 220,
                        grid: { color: '#334155' },
                        ticks: { font: fontConfig, color: '#94a3b8' }
                    },
                    x: {
                        grid: { display: false },
                        ticks: { font: fontConfig, color: '#94a3b8' }
                    }
                }
            }
        });

        // Chart 2: Impact of fuel costs on Essentials (Doughnut)
        const ctxImpact = document.getElementById('impactChart').getContext('2d');
        new Chart(ctxImpact, {
            type: 'doughnut',
            data: {
                labels: ['متأثر مباشرة بالأساسيات', 'قلص نفقات السفر غير الأساسية', 'غير متأثر'],
                datasets: [{
                    data: [93.3, 95.4, 4.6],
                    backgroundColor: ['#ea580c', '#2563eb', '#cbd5e1'],
                    hoverOffset: 6
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: {
                        position: 'bottom',
                        labels: { font: fontConfig }
                    },
                    title: {
                        display: true,
                        text: 'أثر كلفة الوقود على توفير الأساسيات (طعام، إيجار، ترفيه)',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#0f172a'
                    }
                }
            }
        });

        // Chart 3: Food Price Inflation Spillover (March 2026)
        const ctxInflation = document.getElementById('inflationChart').getContext('2d');
        new Chart(ctxInflation, {
            type: 'bar',
            indexAxis: 'y', // Horizontal bars
            data: {
                labels: ['السمك وفواكه البحر (+5.4%)', 'الخضر: البصل والطماطم (+4.0%)', 'الفواكه (+2.1%)', 'تضخم النقل واللوجستيك العام (+4.0%)'],
                datasets: [{
                    label: 'نسبة الزيادة التضخمية الفورية',
                    data: [5.4, 4.0, 2.1, 4.0],
                    backgroundColor: ['#ef4444', '#f97316', '#3b82f6', '#10b981'],
                    borderRadius: 6,
                    barThickness: 20
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'التأثير التضخمي الفوري للأزمة على سلة الغذاء (مارس 2026)',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#0f172a'
                    }
                },
                scales: {
                    x: {
                        beginAtZero: true,
                        max: 7,
                        ticks: { font: fontConfig }
                    },
                    y: {
                        ticks: { font: { family: 'Cairo', size: 10, weight: 'bold' } }
                    }
                }
            }
        });

        // Chart 4: Demographics Age breakdown (2023)
        const ctxDemo = document.getElementById('demoChart').getContext('2d');
        new Chart(ctxDemo, {
            type: 'bar',
            data: {
                labels: ['من 18 إلى 29 سنة', 'من 30 إلى 39 سنة', 'من 40 إلى 49 سنة', 'فوق 50 سنة'],
                datasets: [{
                    label: 'النسبة من العينة المستجوبة (%)',
                    data: [15.2, 31.4, 39.6, 13.8],
                    backgroundColor: '#2563eb',
                    borderRadius: 6,
                    barThickness: 28
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'توزيع العينة المستجوبة حسب الفئات العمرية',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#0f172a'
                    }
                },
                scales: {
                    y: { beginAtZero: true, max: 50, ticks: { font: fontConfig } },
                    x: { ticks: { font: fontConfig } }
                }
            }
        });

        // --- 3. Dynamic Fuel Price Structure Simulator Logic ---
        let currentFuelType = 'diesel'; // 'diesel' or 'gasoline'

        // Constants of Moroccan Taxes structure
        const taxTIC = {
            diesel: 3.76,     // TIC fixed in MAD per Liter
            gasoline: 4.76    // Gasoline has higher TIC
        };
        const distributorMargin = 0.90; // Average distributor + retailer margin

        const importSlider = document.getElementById('import-slider');
        const importValText = document.getElementById('import-val');
        
        // Output Stats Elements
        const statImport = document.getElementById('stat-import');
        const statTic = document.getElementById('stat-tic');
        const statTva = document.getElementById('stat-tva');
        const statMargin = document.getElementById('stat-margin');
        const statTotal = document.getElementById('stat-total');
        const priceAlert = document.getElementById('price-alert');

        function setFuelType(type) {
            currentFuelType = type;
            
            // Highlight active button
            const btnDiesel = document.getElementById('btn-diesel');
            const btnGasoline = document.getElementById('btn-gasoline');

            if (type === 'diesel') {
                btnDiesel.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-brand-primary text-white border border-transparent transition-all';
                btnGasoline.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-750 transition-all';
            } else {
                btnGasoline.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-brand-primary text-white border border-transparent transition-all';
                btnDiesel.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-750 transition-all';
            }
            updatePricing();
        }

        function updatePricing() {
            const importPrice = parseFloat(importSlider.value);
            importValText.textContent = importPrice.toFixed(2) + ' درهم';

            // Get standard TIC
            const tic = taxTIC[currentFuelType];
            
            // Margin remains flat roughly
            const margin = distributorMargin;

            // Base price before TVA = Import + TIC + Margin
            const baseBeforeTva = importPrice + tic + margin;

            // TVA is 10% in fuel sector
            const tva = baseBeforeTva * 0.10;

            const finalPrice = baseBeforeTva + tva;

            // Update DOM
            statImport.textContent = importPrice.toFixed(2) + ' درهم';
            statTic.textContent = tic.toFixed(2) + ' درهم';
            statTva.textContent = tva.toFixed(2) + ' درهم';
            statMargin.textContent = margin.toFixed(2) + ' درهم';
            statTotal.textContent = finalPrice.toFixed(2) + ' درهم';

            // Alert control if price gets too high
            if (finalPrice >= 15.00) {
                priceAlert.classList.remove('hidden');
            } else {
                priceAlert.classList.add('hidden');
            }
        }

        importSlider.addEventListener('input', updatePricing);
        // Initial Trigger
        updatePricing();


        // --- 4. Accordion Recommendations Interaction Logic ---
        const accordions = document.querySelectorAll('.accordion-btn');
        accordions.forEach(acc => {
            acc.addEventListener('click', function() {
                const content = this.nextElementSibling;
                const icon = this.querySelector('.icon');
                
                if (content.classList.contains('active')) {
                    content.classList.remove('active');
                    this.classList.remove('bg-orange-50');
                    icon.textContent = '＋';
                } else {
                    // Close other items
                    document.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('active'));
                    document.querySelectorAll('.accordion-btn').forEach(btn => {
                        btn.classList.remove('bg-orange-50');
                        btn.querySelector('.icon').textContent = '＋';
                    });
                    
                    // Open current item
                    content.classList.add('active');
                    this.classList.add('bg-orange-50');
                    icon.textContent = '－';
                }
            });
        });
    </script>
</body>
</html>



<div data-wp-interactive="" class="wp-block-file"><object data-wp-bind--hidden="!selectors.core.file.hasPdfPreview" hidden class="wp-block-file__embed" data="https://sms-institute.com/wp-content/uploads/2026/03/تقرير-تأثير-أسعار-المحروقات-في_-المغرب.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of تقرير-تأثير-أسعار-المحروقات-في_-المغرب."></object><a id="wp-block-file--media-eed0c2cd-2b99-462a-8fd9-d5416bbf30fd" href="https://sms-institute.com/wp-content/uploads/2026/03/تقرير-تأثير-أسعار-المحروقات-في_-المغرب.pdf">تقرير-تأثير-أسعار-المحروقات-في_-المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2026/03/تقرير-تأثير-أسعار-المحروقات-في_-المغرب.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-eed0c2cd-2b99-462a-8fd9-d5416bbf30fd">Download</a></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>رؤية لإصلاح المنظومة الانتخابية بالمغرب</title>
		<link>https://sms-institute.com/%d8%b1%d8%a4%d9%8a%d8%a9-%d9%84%d8%a5%d8%b5%d9%84%d8%a7%d8%ad-%d8%a7%d9%84%d9%85%d9%86%d8%b8%d9%88%d9%85%d8%a9-%d8%a7%d9%84%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8%d9%8a%d8%a9-%d8%a8%d8%a7%d9%84%d9%85/</link>
		
		<dc:creator><![CDATA[يونس بنان]]></dc:creator>
		<pubDate>Sun, 14 Sep 2025 01:30:35 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1176</guid>

					<description><![CDATA[رؤية لإصلاح المنظومة الانتخابية بالمغرب رؤية لإصلاح المنظومة الانتخابية بالمغرب مذكرة من معهد الدراسات الاجتماعية والإعلامية بالمغرب تحديات راهنة تستدعي&#8230;]]></description>
										<content:encoded><![CDATA[
<!-- Chosen Palette: Professional Crimson & Azure -->
<!-- Application Structure Plan: The SPA is designed as a narrative infographic, guiding the user from the problem to the solution. It starts with an overview of the current challenges (voter apathy), then delves into the core of the report: the five main pillars of the proposed reform, presented in a clear grid layout. Each pillar uses a distinct visualization (charts, diagrams) for clarity. The application concludes with a practical roadmap for implementation, structured as a timeline. This thematic, top-down structure was chosen over mirroring the report's linear format to make the complex information immediately accessible and digestible for policymakers and the public. -->
<!-- Visualization & Content Choices: 
- Voter Apathy: Report Info -> Low participation rates. Goal -> Inform. Viz -> Doughnut Chart. Interaction -> Hover for details. Justification -> Instantly shows part-to-whole relationship. Library -> Chart.js.
- Governance Reform: Report Info -> Shift from government oversight to an independent body. Goal -> Show Change. Viz -> Simple before/after flow diagram. Interaction -> Static visual. Justification -> Clearly illustrates the structural change. Method -> HTML/CSS.
- Electoral Register: Report Info -> Need for a more accurate register. Goal -> Compare. Viz -> Bar Chart (Current vs. Proposed on key metrics). Interaction -> Hover. Justification -> Effective for direct comparison of systems. Library -> Chart.js.
- Youth Engagement: Report Info -> Multi-faceted strategy to boost youth participation. Goal -> Organize. Viz -> Radar Chart. Interaction -> Hover. Justification -> Ideal for showing performance across multiple categories/pillars of a single strategy. Library -> Chart.js.
- Electoral System Mix: Report Info -> Proposal for a mixed electoral system. Goal -> Inform. Viz -> Pie Chart. Interaction -> Hover. Justification -> Simple and clear for showing composition. Library -> Chart.js.
- Roadmap: Report Info -> Phased implementation plan. Goal -> Show Change over time. Viz -> Vertical Timeline. Interaction -> Static visual. Justification -> Intuitive for showing a sequence of events. Method -> HTML/CSS.
-->
<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>رؤية لإصلاح المنظومة الانتخابية بالمغرب</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&#038;display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Cairo', sans-serif;
            background-color: #F2F2F2;
        }
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 300px;
            max-height: 400px;
        }
        @media (min-width: 768px) {
            .chart-container {
                height: 350px;
            }
        }
        .rtl-grid {
            direction: rtl;
        }
        .flow-arrow::after {
            content: '←';
            font-size: 2rem;
            color: #E74C3C;
            line-height: 1;
            margin: 0 1rem;
        }
        .flow-item {
            text-align: center;
            padding: 1rem;
            border: 2px solid #3498DB;
            border-radius: 0.5rem;
            background-color: #ffffff;
            flex: 1;
            min-width: 150px;
        }
        .timeline-item {
            position: relative;
            padding-bottom: 2.5rem;
            padding-right: 2.5rem;
            border-right: 3px solid #3498DB;
        }
        .timeline-item:last-child {
            border-right: none;
        }
        .timeline-dot {
            position: absolute;
            right: -11px;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #E74C3C;
            border: 3px solid #F2F2F2;
        }
    </style>
</head>
<body class="bg-gray-100 text-[#2C3E50]">

    <div class="container mx-auto p-4 md:p-8">

        <header class="text-center mb-12">
            <h1 class="text-4xl md:text-5xl font-extrabold text-[#E74C3C] mb-2">رؤية لإصلاح المنظومة الانتخابية بالمغرب</h1>
            <p class="text-xl text-gray-700">مذكرة من معهد الدراسات الاجتماعية والإعلامية بالمغرب</p>
        </header>

        <main>
            <section id="challenges" class="mb-16">
                <div class="text-center mb-8">
                    <h2 class="text-3xl font-bold mb-2">تحديات راهنة تستدعي الإصلاح</h2>
                    <p class="max-w-3xl mx-auto text-gray-600">
                        تواجه المنظومة الانتخابية الحالية تحديات تحد من فعاليتها وتؤثر على ثقة المواطنين، مما يجعل الإصلاح ضرورة ملحة لتعزيز الديمقراطية التشاركية.
                    </p>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center rtl-grid">
                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">عزوف الناخبين المسجلين</h3>
                         <div class="chart-container">
                            <canvas id="voterApathyChart"></canvas>
                        </div>
                        <p class="text-center mt-4 text-gray-600">نسبة كبيرة من المواطنين المسجلين لا يشاركون في التصويت، مما يطرح تساؤلات حول الثقة والتمثيلية. معدل المشاركة في الانتخابات التشريعية بالمغرب خلال العشرين سنة الأخيرة هو تقريبًا 46٪ من المسجلين.
</p>
                    </div>
                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">أبرز المعيقات</h3>
                        <ul class="space-y-4 text-lg">
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4c9.png" alt="📉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> ضعف الثقة في العملية السياسية والمؤسسات المنتخبة.</li>
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f5c2.png" alt="🗂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> تعقيدات مرتبطة باللوائح الانتخابية وصعوبة تحيينها.</li>
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> تفاوت الفرص بسبب تأثير المال على الحملات الانتخابية.</li>
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f937.png" alt="🤷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> محدودية انخراط الشباب في الحياة السياسية والعملية الانتخابية.</li>
                        </ul>
                    </div>
                </div>
            </section>
            
            <section id="pillars" class="mb-16">
                <div class="text-center mb-12">
                    <h2 class="text-3xl font-bold mb-2">ركائز الإصلاح الشامل</h2>
                    <p class="max-w-3xl mx-auto text-gray-600">
                        يقترح المعهد رؤية متكاملة للإصلاح ترتكز على محاور أساسية تهدف إلى بناء منظومة انتخابية نزيهة، فعالة، وشاملة.
                    </p>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 rtl-grid">

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col">
                        <h3 class="text-xl font-bold text-center mb-4">1. حوكمة شفافة: نحو هيئة وطنية مستقلة للانتخابات</h3>
                        <p class="text-gray-600 mb-6 text-center">الانتقال من الإشراف الحكومي إلى هيئة مستقلة تماماً لضمان أقصى درجات النزاهة والحياد في جميع مراحل العملية الانتخابية.</p>
                        <div class="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 w-full mt-auto">
                            <div class="flow-item">
                                <h4 class="font-bold">الوضع الحالي</h4>
                                <p>إشراف حكومي</p>
                            </div>
                            <div class="flow-arrow hidden md:block"></div>
                            <div class="transform rotate-90 md:hidden text-4xl text-[#E74C3C]">↓</div>
                            <div class="flow-item">
                                <h4 class="font-bold">النظام المقترح</h4>
                                <p>هيئة مستقلة</p>
                            </div>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">2. سجل انتخابي دقيق ومُحدَّث</h3>
                        <p class="text-gray-600 mb-4 text-center">تطوير السجل الانتخابي الحالي من خلال ربطه بالسجل الوطني للسكان لضمان الدقة والشمولية وتقليل الأخطاء.</p>
                        <div class="chart-container">
                            <canvas id="registerReformChart"></canvas>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">3. تمويل عادل وشفاف للحملات</h3>
                        <p class="text-gray-600 mb-6 text-center">إرساء قواعد صارمة لمراقبة الإنفاق الانتخابي وتوضيح مصادر التمويل لضمان تكافؤ الفرص بين جميع المرشحين.</p>
                         <div class="grid grid-cols-3 gap-4 text-center">
                            <div>
                                <span class="text-5xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4b8.png" alt="💸" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                                <h4 class="font-bold mt-2">سقف للإنفاق</h4>
                            </div>
                            <div>
                                <span class="text-5xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                                <h4 class="font-bold mt-2">شفافية المصادر</h4>
                            </div>
                            <div>
                                <span class="text-5xl"><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/2696.png" alt="⚖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                                <h4 class="font-bold mt-2">تكافؤ الفرص</h4>
                            </div>
                        </div>
                    </div>
                    
                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">4. تعزيز المشاركة السياسية للشباب</h3>
                        <p class="text-gray-600 mb-4 text-center">اعتماد استراتيجية متعددة الأبعاد لإعادة بناء ثقة الشباب في السياسة وتشجيعهم على الانخراط الفعال.</p>
                        <div class="chart-container">
                            <canvas id="youthEngagementChart"></canvas>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 md:col-span-2">
                        <h3 class="text-xl font-bold text-center mb-4">5. نظام انتخابي أكثر فعالية وعدالة</h3>
                        <p class="text-gray-600 mb-6 text-center">يهدف التعديل المقترح إلى تحقيق توازن بين ضمان تمثيلية واسعة وتشكيل حكومات مستقرة وفعالة، عبر الجمع بين مزايا النظامين النسبي والأغلبي.</p>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
                             <div>
                                <h4 class="text-lg font-bold text-center mb-2">مقترحات أساسية</h4>
                                <ul class="list-disc list-inside space-y-2">
                                    <li>احتساب العتبة الانتخابية بناءً على عدد المصوتين الفعليين.</li>
                                    <li>إقرار عتبة وطنية موحدة (3% مقترحة) لتقوية المشهد الحزبي.</li>
                                    <li>اعتماد نمط اقتراع مختلط يجمع بين التمثيل النسبي والأغلبي.</li>
                                </ul>
                            </div>
                             <div class="chart-container h-64 md:h-80">
                                <canvas id="electoralSystemChart"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section id="roadmap">
                <div class="text-center mb-12">
                    <h2 class="text-3xl font-bold mb-2">خارطة الطريق: نحو إصلاح تشاركي</h2>
                    <p class="max-w-3xl mx-auto text-gray-600">
                        لا يمكن تحقيق إصلاح حقيقي إلا من خلال حوار وطني واسع وشامل يضم جميع الفاعلين السياسيين والمدنيين.
                    </p>
                </div>
                <div class="max-w-4xl mx-auto">
                    <div class="relative">
                        <div class="timeline-item">
                            <div class="timeline-dot"></div>
                            <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الأولى: إطلاق المنتدى الوطني</h4>
                            <p class="text-gray-600">تأسيس &#8220;المنتدى الوطني لإصلاح المنظومة الانتخابية&#8221; بشراكة بين الأحزاب، المجتمع المدني، والمؤسسات الوطنية.</p>
                        </div>
                        <div class="timeline-item">
                            <div class="timeline-dot"></div>
                            <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الثانية: مشاورات جهوية موسعة</h4>
                            <p class="text-gray-600">تنظيم لقاءات في مختلف جهات المملكة لجمع تصورات وانتظارات المواطنين والمواطنات.</p>
                        </div>
                        <div class="timeline-item">
                            <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الثالثة: بلورة المقترحات القانونية</h4>
                            <div class="timeline-dot"></div>
                            <p class="text-gray-600">تحويل خلاصات المنتدى والمشاورات إلى مقترحات قانونية توافقية وعملية.</p>
                        </div>
                         <div class="timeline-item">
                             <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الرابعة: المصادقة والنقاش العمومي</h4>
                            <div class="timeline-dot"></div>
                            <p class="text-gray-600">إحالة المقترحات إلى البرلمان وفتحها للنقاش العمومي لضمان أوسع إجماع وطني ممكن.</p>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <footer class="text-center mt-16 pt-8 border-t">
            <p class="text-gray-600">&copy; سبتمبر 2025 &#8211; معهد الدراسات الاجتماعية والإعلامية بالمغرب</p>
        </footer>

    </div>

    <script>
        const processLabel = (label) => {
            const maxLength = 16;
            if (typeof label === 'string' && label.length > maxLength) {
                const words = label.split(' ');
                const lines = [];
                let currentLine = '';
                for (const word of words) {
                    if ((currentLine + ' ' + word).trim().length > maxLength) {
                        lines.push(currentLine.trim());
                        currentLine = word;
                    } else {
                        currentLine = (currentLine + ' ' + word).trim();
                    }
                }
                if (currentLine) {
                    lines.push(currentLine.trim());
                }
                return lines;
            }
            return label;
        };
        
        const tooltipTitleCallback = (tooltipItems) => {
            const item = tooltipItems[0];
            let label = item.chart.data.labels[item.dataIndex];
            if (Array.isArray(label)) {
                return label.join(' ');
            }
            return label;
        };
        
        const chartColors = {
            blue: '#3498DB',
            green: '#2ECC71',
            yellow: '#F1C40F',
            purple: '#9B59B6',
            red: '#E74C3C',
            turquoise: '#1ABC9C',
            lightGray: '#ECF0F1'
        };

        const defaultChartOptions = {
            maintainAspectRatio: false,
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom',
                    labels: {
                        font: {
                            family: "'Cairo', sans-serif"
                        }
                    }
                },
                tooltip: {
                    callbacks: {
                        title: tooltipTitleCallback
                    },
                    bodyFont: {
                        family: "'Cairo', sans-serif"
                    },
                    titleFont: {
                        family: "'Cairo', sans-serif"
                    }
                }
            },
            scales: {
                y: {
                    ticks: {
                        font: { family: "'Cairo', sans-serif" }
                    }
                },
                x: {
                    ticks: {
                        font: { family: "'Cairo', sans-serif" }
                    }
                }
            }
        };

        new Chart(document.getElementById('voterApathyChart'), {
            type: 'doughnut',
            data: {
                labels: ['لم يصوتوا', 'صوتوا'],
                datasets: [{
                    label: 'نسبة المشاركة',
                    data: [53, 47],
                    backgroundColor: [chartColors.red, chartColors.green],
                    borderColor: '#ffffff',
                    borderWidth: 2
                }]
            },
            options: { ...defaultChartOptions }
        });

        new Chart(document.getElementById('registerReformChart'), {
            type: 'bar',
            data: {
                labels: ['الدقة', 'الولوجية', 'الثقة'],
                datasets: [
                    {
                        label: 'النظام الحالي',
                        data: [4, 6, 3],
                        backgroundColor: chartColors.red,
                        borderColor: chartColors.red,
                        borderWidth: 1
                    },
                    {
                        label: 'النظام المقترح',
                        data: [9, 8, 8],
                        backgroundColor: chartColors.green,
                        borderColor: chartColors.green,
                        borderWidth: 1
                    }
                ]
            },
            options: {
                ...defaultChartOptions,
                scales: {
                     y: {
                        beginAtZero: true,
                        max: 10,
                        ticks: { font: { family: "'Cairo', sans-serif" } }
                    },
                    x: {
                        ticks: { font: { family: "'Cairo', sans-serif" } }
                    }
                }
            }
        });

        const youthLabels = [
            'برنامج وطني للتربية السياسية',
            'آليات لضمان تمثيلية الشباب',
            'تمويل خاص للشابات المرشحات',
            'استخدام وسائط إبداعية وتواصلية'
        ].map(processLabel);
        
        new Chart(document.getElementById('youthEngagementChart'), {
            type: 'radar',
            data: {
                labels: youthLabels,
                datasets: [{
                    label: 'محاور استراتيجية إشراك الشباب',
                    data: [8, 9, 7, 8],
                    fill: true,
                    backgroundColor: 'rgba(52, 152, 219, 0.2)',
                    borderColor: chartColors.blue,
                    pointBackgroundColor: chartColors.blue,
                    pointBorderColor: '#fff',
                    pointHoverBackgroundColor: '#fff',
                    pointHoverBorderColor: chartColors.blue
                }]
            },
            options: {
                ...defaultChartOptions,
                 scales: {
                    r: {
                        angleLines: { color: 'rgba(0, 0, 0, 0.1)' },
                        grid: { color: 'rgba(0, 0, 0, 0.1)' },
                        pointLabels: { font: { size: 10, family: "'Cairo', sans-serif" } },
                        ticks: {
                            backdropColor: 'transparent',
                            font: { family: "'Cairo', sans-serif" }
                        }
                    }
                }
            }
        });
        
        new Chart(document.getElementById('electoralSystemChart'), {
            type: 'pie',
            data: {
                labels: ['التمثيل النسبي', 'النظام الأغلبي'],
                datasets: [{
                    data: [60, 40],
                    backgroundColor: [chartColors.turquoise, chartColors.purple],
                    hoverOffset: 4
                }]
            },
            options: {
                ...defaultChartOptions,
                plugins: {
                     ...defaultChartOptions.plugins,
                     title: {
                        display: true,
                        text: 'تكوين النظام الانتخابي المختلط المقترح',
                        font: { family: "'Cairo', sans-serif", size: 14 }
                     }
                }
            }
        });

    </script>
</body>
</html>



<div class="wp-block-file"><a id="wp-block-file--media-b61f3c26-6a3f-42e5-9e1c-96ecb971cb45" href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.docx">تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.docx" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-b61f3c26-6a3f-42e5-9e1c-96ecb971cb45">Download</a></div>



<div data-wp-interactive="" class="wp-block-file"><object data-wp-bind--hidden="!selectors.core.file.hasPdfPreview" hidden class="wp-block-file__embed" data="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of تقرير حول إصلاح المنظومة الانتخابية في المغرب."></object><a id="wp-block-file--media-0807db24-368d-4b42-bb24-b9ba5878a3d2" href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.pdf">تقرير حول إصلاح المنظومة الانتخابية في المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-0807db24-368d-4b42-bb24-b9ba5878a3d2">Download</a></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>مذكرة استراتيجية: تصور لنموذج سياسي مغربي، من الدولة الراعية الى الدولة القائدة للتنمية</title>
		<link>https://sms-institute.com/%d9%85%d8%b0%d9%83%d8%b1%d8%a9-%d8%a7%d8%b3%d8%aa%d8%b1%d8%a7%d8%aa%d9%8a%d8%ac%d9%8a%d8%a9-%d8%aa%d8%b5%d9%88%d8%b1-%d9%84%d9%84%d9%86%d9%85%d9%88%d8%af%d8%ac-%d8%b3%d9%8a%d8%a7%d8%b3%d9%8a-%d9%85/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 07 Aug 2025 15:08:04 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1159</guid>

					<description><![CDATA[الدار البيضاء، غشت 2025 يعلن معهد الدراسات الاجتماعية والإعلامية عن إصدار مذكرة استراتيجية جديدة تحت عنوان: «تصور لنموذج سياسي مغربي&#8230;]]></description>
										<content:encoded><![CDATA[
<p>الدار البيضاء، غشت 2025</p>



<p>يعلن معهد الدراسات الاجتماعية والإعلامية عن إصدار مذكرة استراتيجية جديدة تحت عنوان: «تصور لنموذج سياسي مغربي الجديد: من الدولة الراعية إلى الدولة القائدة للتنمية»، من تأليف الباحث يونس بنان.تأتي هذه المذكرة في سياق التحولات السياسية والاجتماعية التي يعيشها المغرب، مستندة إلى دراسات ميدانية واستطلاعات رأي موسعة أجراها المعهد ما بين سنوات 2021 و 2023، بالإضافة إلى تحليل عميق للخطب الملكية الممتدة بين سنتي 2014 و2024.</p>



<p>تهدف المذكرة إلى تشخيص أبرز أعطاب النموذج السياسي القائم، خاصة أزمة الثقة في المؤسسات، وضعف المشاركة السياسية للشباب، وتنامي الإحساس بالتهميش الاقتصادي والاجتماعي. وتقترح إطارًا جديدًا قائمًا على ثلاث ركائز أساسية:الملكية المواطِنة: كقيادة استراتيجية تعكس القرب والاستجابة لتطلعات المجتمع.الدولة القائدة للتنمية: كفاعل استراتيجي يضمن العدالة المجالية والاجتماعية.الديمقراطية التشاركية–الرقمية: كآلية لزيادة الفعالية وإعادة بناء الثقة بين الدولة والمواطن.</p>



<p>ويؤكد المعهد أن هذه المذكرة مطروحة للنقاش العمومي والتشاركي مع جميع الفاعلين السياسيين والمجتمع المدني، من أجل بلورة نموذج سياسي يعكس التوازن المؤسساتي والتوافق الوطني.للمزيد من المعلومات أو للاطلاع على المذكرة الكاملة.</p>



<div data-wp-interactive="" class="wp-block-file"><object data-wp-bind--hidden="!selectors.core.file.hasPdfPreview" hidden class="wp-block-file__embed" data="https://sms-institute.com/wp-content/uploads/2025/08/تصور-للنموذج-السياسي-المغربي-الجديد-من-الدولة-الراعية-إلى-الدولة-القائدة-للتنمية-1.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of تصور-للنموذج-السياسي-المغربي-الجديد-من-الدولة-الراعية-إلى-الدولة-القائدة-للتنمية-1."></object><a id="wp-block-file--media-9f61a1b3-54b1-45b1-be7c-54f4653ddccb" href="https://sms-institute.com/wp-content/uploads/2025/08/تصور-للنموذج-السياسي-المغربي-الجديد-من-الدولة-الراعية-إلى-الدولة-القائدة-للتنمية-1.pdf">تصور-للنموذج-السياسي-المغربي-الجديد-من-الدولة-الراعية-إلى-الدولة-القائدة-للتنمية-1</a><a href="https://sms-institute.com/wp-content/uploads/2025/08/تصور-للنموذج-السياسي-المغربي-الجديد-من-الدولة-الراعية-إلى-الدولة-القائدة-للتنمية-1.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-9f61a1b3-54b1-45b1-be7c-54f4653ddccb">Download</a></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>بلاغ صحفي- COMMUNIQUÉ DE PRESSE- PRESS RELEASE-</title>
		<link>https://sms-institute.com/%d8%a8%d9%84%d8%a7%d8%ba-%d8%b5%d8%ad%d9%81%d9%8a-communique-de-presse-press-release/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Apr 2025 23:50:50 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1153</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-file"><a id="wp-block-file--media-826ea94d-7903-4d5a-8da1-a59e1035187d" href="https://sms-institute.com/wp-content/uploads/2025/04/COMMUNIQUE-DE-PRESSE-بلاغ-صحفي-للتعمبم-و-النشر.docx">COMMUNIQUE-DE-PRESSE-بلاغ-صحفي-للتعمبم-و-النشر</a><a href="https://sms-institute.com/wp-content/uploads/2025/04/COMMUNIQUE-DE-PRESSE-بلاغ-صحفي-للتعمبم-و-النشر.docx" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-826ea94d-7903-4d5a-8da1-a59e1035187d">Download</a></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>معهد الدراسات الاجتماعية والإعلامية يُمثل المملكة في &#8220;الحوار المفتوح&#8221; بموسكو من خلال مساهمتين علميتين بارزتين</title>
		<link>https://sms-institute.com/%d9%85%d8%b9%d9%87%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d8%a7%d8%aa-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85%d9%8a%d8%a9/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 07 Apr 2025 23:46:55 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1151</guid>

					<description><![CDATA[الدار البيضاء، 6 أبريل 2025 – يشارك معهد الدراسات الاجتماعية والإعلامية (SMSI) في فعاليات &#8220;الحوار المفتوح&#8220; الدولي رفيع المستوى، المنعقد&#8230;]]></description>
										<content:encoded><![CDATA[
<p><strong>الدار البيضاء، 6 أبريل 2025</strong> – يشارك <strong>معهد الدراسات الاجتماعية والإعلامية</strong><strong> (SMSI)</strong> في فعاليات <strong>&#8220;</strong><strong>الحوار المفتوح</strong><strong>&#8220;</strong> الدولي رفيع المستوى، المنعقد تحت شعار:</p>



<p><strong>&#8220;</strong><strong>مستقبل العالم: منصة جديدة للنمو العالمي</strong><strong>&#8220;</strong>، وذلك من <strong>28 </strong><strong>إلى 30 أبريل 2025</strong> بالمركز الوطني في موسكو – روسيا.</p>



<p>ويجمع هذا المنتدى نخبة من <strong>الخبراء والباحثين وصناع القرار من مختلف دول العالم</strong>، لمناقشة التحديات الجيوسياسية والاقتصادية والتكنولوجية والبيئية، واقتراح حلول مبتكرة وشاملة تدعم مسارات التنمية العالمية المستدامة.</p>



<p><strong>أولاً: مساهمتان علميتان مغربيتان نوعيتان</strong><strong></strong></p>



<p>سيقدم معهد للدراسات الاجتماعية والإعلامية خلال هذا الحدث العلمي الدولي مساهمتين استراتيجيتين، تُجسد <strong>صوت المغرب في النقاشات العالمية حول إعادة تشكيل التوازنات الجيوسياسية والاقتصادية</strong>.</p>



<p><strong>أ</strong><strong>. &#8220;</strong><strong>طريق الشمال البحري والممر العابر للقارات: رؤية استراتيجية لربط الصين وروسيا وإفريقيا عبر ميناء الداخلة الأطلسي</strong><strong>&#8220;</strong></p>



<p><strong>من إعداد: يونس بنان وسناء حواتا</strong></p>



<p>تتناول هذه المداخلة أهمية <strong>ميناء الداخلة الأطلسي</strong> كمحور لوجستي إفريقي مرتبط بـ <strong>طريق الشمال البحري</strong>، وتهدف إلى:</p>



<ul>
<li>تقليص الاعتماد على الممرات البحرية التقليدية من خلال تقديم مسار جديد آمن وتنافسي؛</li>



<li>تموقع المغرب كمحور لوجستي يربط بين آسيا وروسيا وإفريقيا؛</li>



<li>تعزيز التعاون الاقتصادي ضمن إطار <strong>تحالف البريكس</strong><strong>+</strong>؛</li>



<li>مواجهة التحديات المناخية والتكنولوجية عبر مقاربة جيواستراتيجية متكاملة.</li>
</ul>



<p><strong>ب</strong><strong>. &#8220;</strong><strong>الدولة – المقاطعة: نموذج جديد في العلاقات الدولية في ظل الهيمنة غير المتكافئة</strong><strong>&#8220;</strong></p>



<p><strong>من إعداد: يونس بنان وسناء حواتا</strong></p>



<p>تسلّط هذه الورقة الضوء على ظاهرة ناشئة في العلاقات الدولية تتمثل في <strong>تحوّل بعض الدول إلى &#8220;دول-مقاطعات</strong><strong>&#8220;</strong> تحت تأثير القوى العالمية الكبرى، من خلال:</p>



<ul>
<li>تحليل آليات التبعية السياسية والاقتصادية؛</li>



<li>دراسة آثار السياسات الحمائية والتحالفات العسكرية والعقوبات الدولية؛</li>



<li>مناقشة دور <strong>تحالف البريكس</strong><strong>+</strong> في تعزيز صمود الدول النامية أمام الهيمنة الجيوسياسية.</li>
</ul>



<p><strong>ثانياً: منتدى استراتيجي لرسم ملامح المستقبل العالمي</strong><strong></strong></p>



<p>ينظم منتدى &#8220;الحوار المفتوح&#8221; من قبل <strong>المركز الوطني الروسي</strong>، ويرتكز على أربعة محاور استثمارية رئيسية:</p>



<ol>
<li><strong>رأس المال البشري</strong>: الابتكار، الذكاء الاصطناعي، التعليم العادل، مهارات المستقبل؛</li>



<li><strong>التكنولوجيا</strong>: الأمن السيبراني، السيادة الغذائية، المدن الذكية؛</li>



<li><strong>البيئة</strong>: التكيف المناخي، الاستدامة، إدارة الموارد الطبيعية؛</li>



<li><strong>الاتصال واللوجستيك</strong>: البنية التحتية الرقمية، العملات الإلكترونية، الممرات التجارية.</li>
</ol>



<p>وسيُتوّج المنتدى بإصدار <strong>تقرير استراتيجي شامل</strong> يدعم صياغة سياسات دولية تنموية جديدة.</p>



<p><strong>ثالثاً: المغرب فاعل استراتيجي في التحولات العالمية</strong><strong></strong></p>



<p>من خلال هذه المشاركة، يُؤكد <strong>معهد الدراسات الاجتماعية والإعلامية</strong> على <strong>الدور الريادي المتنامي للمملكة المغربية</strong> في النقاشات المرتبطة بالحكامة العالمية، ونشوء نماذج جيوسياسية جديدة، وفتح بدائل للتجارة والدبلوماسية الدولية.</p>



<p>كما يعكس انخراط المعهد والتزامه بدعم <strong>رؤية مغرب إفريقي متصل، مبتكر وذو سيادة</strong>، يواكب التحولات الكبرى في القرن الحادي والعشرين.</p>



<p><strong>رابعاً: نبذة عن الباحثين</strong><strong></strong></p>



<p><strong>الدكتور يونس بنان</strong></p>



<p>رئيس <strong>معهد الد</strong>راسات الاجتماعية والإعلامية (SMSI) وباحث رئيسي داخله. وهو <strong>باحث نشط في مختبر</strong><strong> CAISEN – </strong><strong>مركز تحليل الابتكار ودعم المقاولات</strong> التابع لـ <strong>جامعة كيبيك بشيكوتيمي</strong><strong> (UQAC)</strong>، حيث يُجري أبحاثاً حول <strong>أداء المؤسسات السياحية بمنطقة ساغني – لاك سان جان</strong><strong> (SLSJ)</strong> بكندا. يشغل كذلك منصب <strong>مدير نشر مجلة القانون و المجتمع</strong> المتخصصة في الدراسات القانونية والسياسية والاجتماعية.</p>



<p><strong>الدكتورة سناء حواتا</strong><br>أستاذة بكلية العلوم القانونية والاقتصادية والاجتماعية – عين السبع، جامعة الحسن الثاني بالدار البيضاء. عضو في <strong>مجلس إدارة معهد الدراسات الاجتماعية والإعلامية</strong><strong> (SMSI)</strong>، ومديرة المنصة التكوينية الافتراضية <strong>SMSI Training</strong>، وعضو في مختبر <strong>CAISEN</strong>. تشغل كذلك منصب <strong>مديرة نشر مجلة &#8220;الاقتصاد والمجتمع</strong><strong>&#8220;</strong> المتخصصة في الأبحاث الاقتصادية والاجتماعية.</p>



<p><strong>معلومات التواصل الإعلامي</strong><strong> :</strong><strong>معهد</strong> الدراسات الاجتماعية والإعلامية – الدار البيضاء<br><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4e7.png" alt="📧" class="wp-smiley" style="height: 1em; max-height: 1em;" /> contact@sms-institute.com<br><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f4de.png" alt="📞" class="wp-smiley" style="height: 1em; max-height: 1em;" /> +212 660 485 424<br><img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> مزيد من المعلومات حول المنتدى: <a href="https://russia.ru">https://russia.ru</a></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
