/* MisahaTech - أزرار الإجراء (تحميل · مشاهدة · رابط) */
.mt-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.6em 0; align-items: stretch; }
.mt-actions--start { justify-content: flex-start; }
.mt-actions--center { justify-content: center; }
.mt-actions--end { justify-content: flex-end; }
.mt-actions--inline { display: inline-flex; margin: 6px 0 6px 10px; vertical-align: middle; }

.mt-actions .mt-act,
.mt-actions a.mt-act,
.article-body .mt-actions a.mt-act,
.entry-content .mt-actions a.mt-act {
    position: relative;
    display: inline-flex; align-items: center; gap: 12px;
    padding: 10px 20px 10px 12px !important;
    border-radius: 16px !important;
    border-width: 1.5px !important;
    border-style: solid !important;
    border-color: transparent;
    text-decoration: none !important;
    font-family: inherit; line-height: 1.3; text-align: start;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.mt-actions .mt-act:hover, .mt-actions a.mt-act:hover,
.article-body .mt-actions a.mt-act:hover,
.entry-content .mt-actions a.mt-act:hover {
    padding: 10px 20px 10px 12px !important;
    border-radius: 16px !important;
    transform: translateY(-2px);
    text-decoration: none !important;
}
.mt-actions a.mt-act:active { transform: translateY(0); }
.mt-actions a.mt-act:focus-visible { outline: 3px solid rgba(var(--clr-primary-rgb, 0, 221, 162), .45); outline-offset: 3px; }

.mt-act__ic { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; transition: transform .25s ease, background .2s ease; }
.mt-act__ic svg { display: block; width: 22px; height: 22px; }
.mt-act:hover .mt-act__ic { transform: scale(1.06); }
.mt-act--i-download:hover .mt-act__ic svg { animation: mtActDown .7s ease infinite; }
.mt-act--i-play:hover .mt-act__ic svg, .mt-act--i-video:hover .mt-act__ic svg { transform: scale(1.12); }
@keyframes mtActDown { 0%, 100% { transform: translateY(-1px); } 50% { transform: translateY(2px); } }

.mt-act__tx { display: flex; flex-direction: column; min-width: 0; }
.mt-act__tx b { font-size: 15px; font-weight: 800; line-height: 1.35; }
.mt-act__tx b, .mt-act__tx small { unicode-bidi: plaintext; }
.mt-act__tx small { font-size: 12px; font-weight: 500; opacity: .82; line-height: 1.4; margin-top: 1px; }

/* ممتلئ */
.mt-actions .mt-act.mt-act--solid { background: linear-gradient(135deg, var(--clr-primary, #00DDA2), var(--clr-primary-2, var(--clr-primary, #00DDA2))); color: var(--clr-on-primary, #fff) !important; border-color: transparent !important; box-shadow: 0 10px 22px -12px rgba(var(--clr-primary-rgb, 0, 221, 162), .85); }
.mt-actions .mt-act.mt-act--solid:hover { color: var(--clr-on-primary, #fff) !important; border-color: transparent !important; box-shadow: 0 16px 28px -12px rgba(var(--clr-primary-rgb, 0, 221, 162), .9); filter: brightness(1.04); }
.mt-act--solid .mt-act__ic { background: rgba(255, 255, 255, .22); }
/* ناعم */
.mt-actions .mt-act.mt-act--soft { background: rgba(var(--clr-primary-rgb, 0, 221, 162), .12); border-color: rgba(var(--clr-primary-rgb, 0, 221, 162), .32) !important; color: var(--clr-primary-dk, #007a62) !important; }
.mt-actions .mt-act.mt-act--soft:hover { background: rgba(var(--clr-primary-rgb, 0, 221, 162), .2); border-color: rgba(var(--clr-primary-rgb, 0, 221, 162), .5) !important; color: var(--clr-primary-dk, #007a62) !important; box-shadow: 0 12px 24px -14px rgba(var(--clr-primary-rgb, 0, 221, 162), .7); }
.mt-act--soft .mt-act__ic { background: rgba(var(--clr-primary-rgb, 0, 221, 162), .2); }
/* بإطار */
.mt-actions .mt-act.mt-act--outline { background: transparent; border-color: var(--clr-primary, #00DDA2) !important; color: var(--clr-primary-dk, #007a62) !important; }
.mt-actions .mt-act.mt-act--outline:hover { background: var(--clr-primary, #00DDA2); border-color: var(--clr-primary, #00DDA2) !important; color: var(--clr-on-primary, #fff) !important; box-shadow: 0 12px 24px -14px rgba(var(--clr-primary-rgb, 0, 221, 162), .8); }
.mt-act--outline .mt-act__ic { background: rgba(var(--clr-primary-rgb, 0, 221, 162), .14); }
.mt-act--outline:hover .mt-act__ic { background: rgba(255, 255, 255, .22); }
/* داكن (ثابت: لا يتأثر بألوان التصميم) */
.mt-actions .mt-act.mt-act--dark { background: #1c2030; border-color: rgba(255, 255, 255, .08) !important; color: #fff !important; box-shadow: 0 10px 22px -14px rgba(0, 0, 0, .7); }
.mt-actions .mt-act.mt-act--dark:hover { color: #fff !important; border-color: rgba(255, 255, 255, .16) !important; box-shadow: 0 16px 28px -14px rgba(0, 0, 0, .8); }
.mt-act--dark .mt-act__ic { background: rgba(255, 255, 255, .1); color: var(--clr-primary, #00DDA2); }

/* الأحجام والتخطيط */
.mt-actions--lg .mt-act, .mt-actions--lg a.mt-act, .article-body .mt-actions--lg a.mt-act, .mt-actions--lg a.mt-act:hover { padding: 14px 26px 14px 16px !important; border-radius: 18px !important; gap: 14px; }
.mt-actions--lg .mt-act__ic { width: 48px; height: 48px; border-radius: 14px; }
.mt-actions--lg .mt-act__ic svg { width: 26px; height: 26px; }
.mt-actions--lg .mt-act__tx b { font-size: 17px; }
.mt-actions--lg .mt-act__tx small { font-size: 13px; }
.mt-actions--full .mt-act { flex: 1 1 240px; }
@media (max-width: 520px) { .mt-actions:not(.mt-actions--inline) .mt-act { flex: 1 1 100%; } }

/* الوضع الداكن */
[data-theme=dark] .mt-actions .mt-act.mt-act--soft, [data-theme=dark] .mt-actions .mt-act.mt-act--outline { color: var(--clr-primary, #00DDA2) !important; }
[data-theme=dark] .mt-actions .mt-act.mt-act--soft:hover { color: var(--clr-primary, #00DDA2) !important; }
[data-theme=dark] .mt-actions .mt-act.mt-act--outline:hover { color: var(--clr-on-primary, #111) !important; }
[data-theme=dark] .mt-actions .mt-act.mt-act--dark { background: #262b3f; border-color: rgba(255, 255, 255, .1) !important; }
@media (prefers-reduced-motion: reduce) { .mt-act, .mt-act__ic, .mt-act svg { transition: none !important; animation: none !important; } }

/* المحرر */
.editor-styles-wrapper .mt-act__tx b, .editor-styles-wrapper .mt-act__tx small { display: block; margin: 0; min-width: 40px; }
.editor-styles-wrapper .mt-actions .mt-act { cursor: text; }
