.mpt-box {
    border: 2px solid #0b7a0b;
    padding: 12px 18px;
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    font-family: Tahoma, Arial, sans-serif;
    margin: 10px auto;
    box-sizing: border-box;
}
.mpt-title {
    text-align: center;
    font-weight: bold;
    color: #0b7a0b;
    margin-bottom: 12px;
    border-bottom: 1px solid #d8ecd8;
    padding-bottom: 6px;
    font-size: 20px;
}
.mpt-list {
    list-style-type: disc;
    margin: 0;
    padding-right: 22px;
}
.mpt-item { margin-bottom: 8px; font-size: 15px; color: #333; }
.mpt-link { text-decoration: none; color: #333; line-height: 1.7; }
.mpt-link:hover { text-decoration: underline; color: #0b7a0b; }
.mpt-more { display: block; margin-top: 12px; text-align: right; font-weight: bold; text-decoration: none; color: #0b7a0b; }
.mpt-more:hover { text-decoration: underline; }
/* --------------------------------------------------
   إصلاح الخطوط الخضراء في بعض المتصفحات (Opera / Edge)
-------------------------------------------------- */
add_action('wp_head', function() {
    echo '<style>
        .mpt-box {
            border: 2px solid #0b7a0b;
            padding: 12px 18px;
            width: 100%;
            max-width: 400px;
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.08); /* ✅ ظل ناعم آمن */
            font-family: Tahoma, Arial, sans-serif;
            margin: 10px auto;
            box-sizing: border-box;
            image-rendering: optimizeQuality;
            backface-visibility: hidden; /* ✅ يمنع ظهور خطوط غريبة */
            transform: translateZ(0); /* ✅ يجبر المتصفح على تسريع GPU */
        }

        /* لو تم تغيير اللون من الشورتكود، نحافظ على نفس التأثير */
        .mpt-box[style*="border"] {
            box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
            backface-visibility: hidden;
            transform: translateZ(0);
        }
    </style>';
});