/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2025 | 23:49:42 */
<style type="text/css">
/*
==================================================================
  انفوجرافيك ابر مونجارو (Mounjaro) - نسخة محصنة ومحسنة
  - تم تحصين هذا الكود ضد مشاكل المسافات التي تحدث بسبب قوالب ووردبريس.
  - تم استخدام خاصية !important لإجبار المتصفح على تطبيق المسافات الصحيحة.
  - تم وضع جميع التعليقات بصيغة CSS الصحيحة داخل هذا الوسم.
==================================================================
*/

/* 1. الأنماط العامة للتوافق مع ووردبريس */
.container-mounjaro, .container-mounjaro p, .container-mounjaro li {
    font-family: 'Tahoma', 'Helvetica', sans-serif;
    line-height: 1.8;
    color: #333;
    direction: rtl;
    text-align: right;
}
.container-mounjaro {
    max-width: 900px !important;
    margin: 20px auto !important;
    padding: 20px !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

/* 2. أنماط الخطوط والعناوين */
.container-mounjaro h1, .container-mounjaro h2, .container-mounjaro h3 {
    font-weight: 700;
    color: #003366;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 3px solid #0056b3;
}
.container-mounjaro h1 {
    font-size: 2.2em;
    text-align: center;
    border-bottom: 4px solid #0056b3;
}
.container-mounjaro h2 {
    font-size: 1.8em;
}
.container-mounjaro h3 {
    font-size: 1.4em;
    color: #0056b3;
    border-bottom: 2px solid #e0e0e0;
}
.container-mounjaro p {
    font-size: 1.1em;
    margin-bottom: 15px !important;
}
.container-mounjaro a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}
.container-mounjaro a:hover {
    text-decoration: underline;
}
.container-mounjaro strong {
    color: #d9534f;
}
.container-mounjaro ul, .container-mounjaro ol {
    padding-right: 20px !important;
    margin-right: 10px !important;
}
.container-mounjaro li {
    margin-bottom: 10px !important;
}

/* 3. أنماط الأقسام والصناديق */
.container-mounjaro .section-block {
    padding: 25px !important;
    margin: 30px 0 !important;
    border-radius: 10px;
    border-right: 5px solid #0056b3;
    background-color: #f0f8ff;
}

/* 4. صناديق الإحصائيات */
.container-mounjaro .stats-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0 !important;
    text-align: center;
}
.container-mounjaro .stat-box {
    background-color: #e7f5ff;
    border: 2px solid #007bff;
    border-radius: 10px;
    padding: 20px !important;
    flex-grow: 1;
    flex-basis: 200px;
    max-width: 280px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.container-mounjaro .stat-box .number {
    font-size: 2.5em;
    font-weight: bold;
    color: #0056b3;
    display: block;
}
.container-mounjaro .stat-box .label {
    font-size: 1em;
    color: #333;
    margin-top: 10px !important;
}

/* 5. الجداول */
.container-mounjaro .mounjaro-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px dashed #ddd;
    padding: 5px !important;
    margin: 25px 0 !important;
}
.container-mounjaro .mounjaro-table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.container-mounjaro .mounjaro-table th, .container-mounjaro .mounjaro-table td {
    border: 1px solid #ddd;
    padding: 12px !important;
    text-align: center;
    min-width: 110px;
}
.container-mounjaro .mounjaro-table th {
    background-color: #003366;
    color: white;
    font-size: 1.1em;
}
.container-mounjaro .mounjaro-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.container-mounjaro .mounjaro-table tr:hover {
    background-color: #e7f5ff;
}

/* 6. صناديق التنبيه والمعلومات */
.container-mounjaro .warning-box, .container-mounjaro .info-box, .container-mounjaro .quick-summary-box {
    padding: 20px !important;
    margin: 20px 0 !important;
    border-radius: 8px;
    position: relative;
    border-right: 5px solid;
}
.container-mounjaro .warning-box {
    background-color: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}
.container-mounjaro .warning-box strong {
    color: #d9534f;
}
.container-mounjaro .info-box {
    background-color: #d1ecf1;
    border-color: #0dcaf0;
    color: #0c5460;
}
.container-mounjaro .quick-summary-box {
    background-color: #eef7ff;
    border-color: #007bff;
}
.container-mounjaro .quick-summary-box h3 {
    margin-top: 0 !important;
    padding-bottom: 5px !important;
    font-size: 1.3em;
    color: #003366;
    border-bottom: 2px solid #bde0fe;
}
.container-mounjaro .quick-summary-box ul {
    list-style-type: none;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}
.container-mounjaro .quick-summary-box li {
    font-size: 1.1em;
    margin-bottom: 8px !important;
}
.container-mounjaro .quick-summary-box li strong {
    color: #0056b3;
    margin-left: 8px;
}

/* 7. خطوات الاستخدام والأيقونات */
.container-mounjaro .how-to-use-step {
    display: flex;
    align-items: center;
    margin-bottom: 20px !important;
}
.container-mounjaro .how-to-use-step .icon {
    width: 50px;
    height: 50px;
    margin-left: 20px !important;
    fill: #0056b3;
    flex-shrink: 0;
}
.container-mounjaro .how-to-use-step .text {
    flex: 1;
}
    
/* 8. الأسئلة الشائعة (Accordion) */
.container-mounjaro details {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 10px !important;
    padding: 10px 15px !important;
}
.container-mounjaro summary {
    font-weight: bold;
    font-size: 1.2em;
    color: #003366;
    cursor: pointer;
}
</style>