.mpt-box {
    /* حذفنا اللون الثابت وتركنا المهمة للشورتكود أو القالب */
    padding: 12px 18px;
    width: 100%;
    max-width: 400px;
    background: rgba(255,255,255,0.5) !important;
    border-radius: 6px;
    box-shadow: none !important;
    font-family: inherit; 
    margin: 10px auto;
    box-sizing: border-box;
}

.mpt-title {
    text-align: center;
    font-weight: bold;
    color: inherit; /* لون العنوان يتبع القالب أو الشورتكود */
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 6px;
    font-size: 20px;
    font-family: inherit; /* 🎯 وراثة الخط من القالب */
}

.mpt-list {
    list-style-type: disc;
    margin: 0;
    padding-right: 22px;
    
    /* 🎯 تثبيت الارتفاع الأقصى */
    max-height: 150px; 
    
    /* 🎯 إخفاء أي شيء يتجاوز الارتفاع (بدون شريط تمرير) */
    overflow: hidden; 
}

.mpt-item { 
    margin-bottom: 8px; 
    font-size: 15px; 
    color: inherit; 
    font-family: inherit;
}

.mpt-link { 
    text-decoration: none; 
    color: inherit; 
    line-height: 1.7; 
    font-family: inherit;
}

.mpt-link:hover { 
    text-decoration: underline; 
}

.mpt-more { 
    display: block; 
    margin-top: 12px; 
    text-align: right; 
    font-weight: bold; 
    text-decoration: none; 
    color: inherit; 
    font-family: inherit;
}

.mpt-more:hover { 
    text-decoration: underline; 
}

/* --------------------------------------------------
   إصلاح عرض العناصر في بعض المتصفحات (Opera / Edge)
-------------------------------------------------- */
/* ملاحظة: كود add_action يوضع في ملف PHP، تم وضعه هنا كتعليق أو للمرجعية */
/* .mpt-box {
    image-rendering: optimizeQuality;
    backface-visibility: hidden; 
    transform: translateZ(0); 
}
*/