/* ============================================================
   DPARADOX · ألوان أزرار أدوات PDF
   ------------------------------------------------------------
   نفس مزيج صفحة «صوت إلى نص» و«تعديل المقاسات»: اللون يقول وظيفة
   الزر قبل ما تُقرأ كلمته. الأزرار تُستهدف بمعرّفاتها وأصنافها
   القائمة، فما يحتاج أي تعديل على HTML أي صفحة.

   ملف واحد لأربع الصفحات — تغيير اللون هنا يسري عليها كلها.
   الاستخدام: <link rel="stylesheet" href="dparadox-pdf-buttons.css?v=1">
   ============================================================ */

.action-btn, .page-btn, .icon-btn{
  transition:background .18s, border-color .18s, color .18s, transform .12s ease;
}
.action-btn:active, .page-btn:active, .icon-btn:active{ transform:scale(.97); }
.action-btn svg, .page-btn svg{ transition:fill .18s; }

/* ---- الإجراء الأساسي: معبّأ بلون العلامة ---- */
.action-btn.primary,
#mergeBtn, #splitBtn, #buildBtn, #saveBtn{
  background:linear-gradient(135deg, var(--gold-bright), var(--gold));
  border-color:transparent; color:#fff; font-weight:700;
}
.action-btn.primary svg,
#mergeBtn svg, #splitBtn svg, #buildBtn svg, #saveBtn svg{ fill:#fff; }
.action-btn.primary:hover,
#mergeBtn:hover, #splitBtn:hover, #buildBtn:hover, #saveBtn:hover{ filter:brightness(1.08); }

/* ---- المدمّر: أحمر — الإجراء الوحيد الذي يفقد عملاً ---- */
.action-btn.danger, .page-btn.danger,
#clearBtn, #resetBtn{
  color:#D45E6E; border-color:rgba(212,94,110,.42); background:transparent;
}
.action-btn.danger svg, .page-btn.danger svg,
#clearBtn svg, #resetBtn svg{ fill:#D45E6E; }
.action-btn.danger:hover, .page-btn.danger:hover,
#clearBtn:hover, #resetBtn:hover{ background:rgba(212,94,110,.14); border-color:#D45E6E; }

/* ---- التحديد: نمط ثالث مستقل — لا محايد ولا مدمّر ----
   «تحديد الكل» سماوي (إضافة)، و«إلغاء التحديد» كهرماني (تراجع لا حذف). */
#selectAllBtn{ color:#4FC3D9; border-color:rgba(79,195,217,.42); }
#selectAllBtn svg{ fill:#4FC3D9; }
#selectAllBtn:hover{ background:rgba(79,195,217,.14); border-color:#4FC3D9; }

#clearSelBtn{ color:#D8A854; border-color:rgba(216,168,84,.42); }
#clearSelBtn svg{ fill:#D8A854; }
#clearSelBtn:hover{ background:rgba(216,168,84,.14); border-color:#D8A854; }

/* ---- التدوير: بنفسجي غامق ---- */
#rotateAllBtn{ color:#A78BE0; border-color:rgba(167,139,224,.42); }
#rotateAllBtn svg{ fill:#A78BE0; }
#rotateAllBtn:hover{ background:rgba(167,139,224,.14); border-color:#A78BE0; }

/* ---- «عرض» داخل صف الملف: أزرق داكن ---- */
.page-btn:not(.danger){ color:#7C8FE8; border-color:rgba(124,143,232,.38); }
.page-btn:not(.danger) svg{ fill:#7C8FE8; }
.page-btn:not(.danger):hover{ background:rgba(124,143,232,.14); border-color:#7C8FE8; }

/* ---- أسهم الترتيب: محايدة، تضيء بلون العلامة عند المرور ---- */
.icon-btn:not(:disabled):hover{
  color:var(--gold-bright); border-color:rgba(167,150,217,.45);
  background:rgba(167,150,217,.10);
}
.icon-btn:not(:disabled):hover svg{ fill:var(--gold-bright); }
.icon-btn:disabled{ opacity:.35; }

/* ---- أزرار مخرجات النص: كل زر بلونه، نفس مزيج صفحات الصوت ---- */
#copyBtn{ color:var(--gold-bright); border-color:rgba(167,150,217,.45); }
#copyBtn svg{ fill:var(--gold-bright); }
#copyBtn:hover{ background:rgba(167,150,217,.14); border-color:var(--gold-bright); }

#txtBtn{ color:#4FC3D9; border-color:rgba(79,195,217,.42); }
#txtBtn svg{ fill:#4FC3D9; }
#txtBtn:hover{ background:rgba(79,195,217,.14); border-color:#4FC3D9; }

#wordBtn{ color:#7C8FE8; border-color:rgba(124,143,232,.42); }
#wordBtn svg{ fill:#7C8FE8; }
#wordBtn:hover{ background:rgba(124,143,232,.14); border-color:#7C8FE8; }