/* ============================================
   Plugin Scope
   ============================================
   מבודדים ספריות צד ג' (מבטל צורך בדריסות גסות)
   אם פלאגין מגיע עם סלקטורים אגרסיביים
   ============================================ */

@layer overrides {
  /* ===== צור כיתה עוטפת לספריה - גרסה "רכה" ===== */
  /* חלופה "רכה" לפני all: initial - משאירה טיפוגרפיה וצבעים */
  .plugin-scope {
    all: unset;
    box-sizing: border-box;
    font: inherit;
    color: inherit;
    contain: layout paint;
  }
  
  .plugin-scope * {
    box-sizing: inherit;
  }
  
  /* ===== גרסה "קשיחה" - רק אם צריך בידוד מלא ===== */
  .plugin-scope-hard {
    all: initial;
    contain: layout paint;
  }
  
  .plugin-scope-hard * {
    all: unset;
    display: revert;
    box-sizing: border-box;
  }
  
  /* ===== ואז סגנון מחדש רק מה שאתה צריך שם ===== */
  .plugin-scope .btn {
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: all var(--transition-base);
  }
  
  /* ===== כל חוקי הפלאגין נטענים תחת .plugin-scope ===== */
  .plugin-scope :where(.select2) {
    /* Select2 styles */
  }
  
  .plugin-scope :where(.dataTables_wrapper) {
    /* DataTables styles */
  }
  
  .plugin-scope :where(.dhtmlx) {
    /* DHTMLX styles */
  }
  
  /* ===== או פשוט scoping רך ===== */
  .plugin-scope :where(.select2-container) {
    /* Select2 container styles */
  }
  
  .plugin-scope :where(.dataTables_wrapper .dataTables_filter) {
    /* DataTables filter styles */
  }
  
  /* ===== כך לא תכריח !important בכל האתר כדי לנצח ספריה אחת ===== */
}