/* גורם ללייבלים להיות בצד ימין עם כיוון עברית */
.entity-form .field-label,
.cell .field-label,
.table-info .field-label {
  float: right !important;
  /* מעביר את הלייבל לימין */
}

/* כותרות של שלבים/Legend מיושרות לימין */
legend.section-title,
legend.section-title h3 {
  direction: rtl;
  /* כיוון טקסט מימין לשמאל */
  text-align: right;
  /* יישור לימין */
}



/*  הפיכת לוקאפ /דייט פיקר לימין לשמאל*/
.entity-form .input-group {
  display: flex !important;
  align-items: stretch;
}

/* ה־input מוצג מימין (order:1), טקסט מימין, בלי קו כפול */
.entity-form .input-group>.form-control {
  /*order: 1;*/
  flex: 1 1 auto;
  text-align: right;
  border-left: 0 !important;
}

/* הכפתורים/האדאון בשמאל (order:0) */
.entity-form .input-group>.btn,
.entity-form .input-group>.input-group-addon {
  order: 0;
}

/* ===== דריסת חוקים של Bootstrap שמבוססים על first/last-child ===== */
/* ה-input הוא ה-first-child בדום, אבל אנחנו רוצים לו פינות מעוגלות בימין בלבד */
.entity-form .input-group>.form-control:first-child {
  border-top-left-radius: 0 !important;
  /* פנימי (שמאל) = 0 */
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  /* חיצוני (ימין) = עגול */
  border-bottom-right-radius: 4px !important;
}

/* הכפתור הקיצוני בשמאל (האחרון בדום מבין הכפתורים) צריך עיגול בשמאל */
.entity-form .input-group>.btn:last-child,
.entity-form .input-group>.input-group-addon:last-child,
.entity-form .input-group>.launchentitylookup {
  border-top-right-radius: 0 !important;
  /* פנימי (ימין) = 0 */
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 4px !important;
  /* חיצוני (שמאל) = עגול */
  border-bottom-left-radius: 4px !important;
}

/* אם יש גם clearlookupfield (לפעמים hidden), תני גם לו את אותו עיגול לשמאל */
.entity-form .input-group>.clearlookupfield {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

/* הסימון — שהיה משמאל – להעביר לימין */
.entity-form .input-group>.text-muted[aria-hidden="true"] {
  right: 6px;
  left: auto !important;
}

/* שדות טקסט רגילים – כיוון RTL ויישור לימין */
.entity-form .form-control[type="text"],
.entity-form .form-control[type="email"],
.entity-form .form-control[type="tel"],
.entity-form textarea.form-control {
  direction: rtl;
  text-align: right;
}

/* ===== Validation Summary – RTL Fix ===== */

.validation-summary.alert {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'Heebo', 'Segoe UI', sans-serif !important;
}

/* כותרת השגיאה */
.validation-summary .validation-header {
  direction: rtl !important;
  text-align: right !important;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}

/* הרשימה של השגיאות */
.validation-summary ul {
  direction: rtl !important;
  text-align: right !important;
  padding-right: 24px !important;
}

.validation-summary ul li {
  margin-bottom: 6px;
}

/* קישורים בתוך השגיאות */
.validation-summary ul li a {
  direction: rtl !important;
  text-align: right !important;
  font-size: 16px;
}

/* ה-select המקורי למגדר – מוסתר רק אחרי שה-JS מוסיף את הקלאס */
select.iec-gender-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}


td.cell.iec-gender-cell {
  text-align: right !important;
}

/* ה־wrapper הכולל של שדה המגדר – שיתפוס את כל רוחב התא */
.iec-gender-wrapper {
  display: block;
  width: 100%;
}

td.cell.iec-gender-cell {
  direction: rtl !important;
  text-align: right !important;
}

/* הקונטיינר של האופציות – כל הקבוצה נדחפת לימין */
.iec-gender-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  /*justify-content: flex-end; */
  direction: rtl !important;
}

/* כל אופציה ("זכר" / "נקבה") */
.iec-gender-option {
  position: relative;
  display: flex;
  /*flex-direction: row-reverse;   */
  justify-content: flex-end;
  align-items: center;
  padding: 0 8px 0 16px;
  gap: 4px;

  min-width: 72px;
  height: 40px;

  background: transparent;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;

  font-family: 'Heebo', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* מצב לא מסומן – Regular */
  font-size: 18px;
  line-height: 28px;
  color: #282828;
  text-align: right;
}

/* העיגול של ה"רדיו" – מצב בסיסי */
.iec-gender-option::before {
  content: "";
  display: block;

  width: 20px;
  height: 20px;
  border-radius: 10px;

  background: #FFFFFF;
  border: 1px solid #9A9A9A;

  margin-left: 4px;
  /* רווח קטן בין העיגול לטקסט */
}

/* מצב מסומן – רקע כחול בהיר + טקסט מודגש + צבע טקסט */
.iec-gender-option.iec-gender-selected {
  background: #E8F3FD;
  font-weight: 500;
  /* Medium */
  color: #31405D;
}

/* מצב מסומן – עיגול פנימי כחול */
.iec-gender-option.iec-gender-selected::before {
  border-color: #2262B8;
  background:
    radial-gradient(circle, #2262B8 0 7px, #FFFFFF 7px 100%);
}

.children-card .children-value.children-gender-value,
.spouse-card .children-value.children-gender-value {
  display: block !important;
  text-align: right !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  /*height: auto !important;*/
}

.children-card .children-value.children-gender-value .iec-gender-option.iec-gender-selected::before,
.spouse-card .children-value.children-gender-value .iec-gender-option.iec-gender-selected::before {
  background:
    radial-gradient(circle at center, #CDCDCD 0 7px, #F2F2F2 7px 100%) !important;
  border: 1px solid #CDCDCD !important;
  border-radius: 10px !important;
}

.children-gender-value .iec-gender-container-readonly {
  /*justify-content: flex-end;*/
  direction: rtl;
  width: 100%;
}

.iec-gender-container.iec-gender-container-readonly .iec-gender-option {
  pointer-events: none;
  cursor: default;
}

/* רק כשהקונטיינר readonly */
.iec-gender-container.iec-gender-container-readonly .iec-gender-option.iec-gender-selected::before {

  background:
    radial-gradient(circle at center,
      #CDCDCD 0 7px,
      #F2F2F2 7px 100%) !important;

  border: 1px solid #CDCDCD !important;
  border-radius: 10px !important;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.crmEntityFormView .actions {
  border-top: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0px;
  margin: 0px !important;}

/* =========================
   Lookup Modal (Multi-select lookup dialog)
   Figma: 480x688, radius 24, shadow, RTL friendly
   ========================= */

/* רק למודלים שיש בהם entity-grid של lookup */
/*.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) {
  max-width: 480px !important;
  width: 480px !important;
  margin: 0 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}*/
/* centering קבוע – עוד לפני show */
.modal .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) {
  max-width: 480px !important;
  width: 480px !important;
  margin: 0 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}


.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-content {
  width: 480px !important;
  height: 688px !important;
  border-radius: 24px !important;
  border: 0 !important;
  box-shadow: 0px 8px 16px rgba(13, 71, 161, 0.33) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Header */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-header {
  padding: 32px 32px 16px !important;
  border-bottom: 1px solid #E6E6E6 !important;
  align-items: flex-start !important;
  position: relative !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-title {
  font-family: "Heebo", sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 28px !important;
  color: #282828 !important;
  text-align: right !important;
  width: 100% !important;
}

/* Close button – left top like figma */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-header .form-close {
  position: absolute !important;
  left: 16px !important;
  top: 16px !important;
  right: auto !important;
  width: 30px !important;
  height: 30px !important;
  padding: 6px 0 !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Body */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-body {
  padding: 0 32px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  /* נגלול את הגריד עצמו */
}

/* Toolbar / Search */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-toolbar {
  margin: 0 !important;
  padding: 24px 0 0 !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search {
  width: 416px !important;
  max-width: 100% !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search input.query {
  height: 48px !important;
  border-radius: 8px 0 0 8px !important;
  /* border: 1px solid #E6E6E6 !important;*/
  font-family: "Heebo", sans-serif !important;
  font-size: 14px !important;
  color: #282828 !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search .input-group-btn .btn {
  height: 48px !important;
  width: 60px !important;
  border-radius: 8px !important;
  border: 1px solid #E6E6E6 !important;
  background: #FFFFFF !important;
  position: relative !important;
}

/* hide FA icon */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search .fa.fa-search {
  display: none !important;
}

/* show magnifier svg */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search .input-group-btn .btn::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  margin: 0 auto !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M20%2020L16.2226%2016.216M18.3158%2011.1579C18.3158%2015.1111%2015.1111%2018.3158%2011.1579%2018.3158C7.2047%2018.3158%204%2015.1111%204%2011.1579C4%207.2047%207.2047%204%2011.1579%204C15.1111%204%2018.3158%207.2047%2018.3158%2011.1579Z%22%20stroke%3D%22%230D47A1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
}

/* Grid area scroll */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-grid {
  flex: 1 1 auto !important;
  overflow: auto !important;
  margin-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Table rows like “list options” */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table {
  margin: 0 !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table>tbody>tr>td {
  padding: 12px !important;
  font-family: "Heebo", sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #282828 !important;
  vertical-align: middle !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table>tbody>tr:hover {
  background: #F2F9FF !important;
}

/* Footer */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer {
  padding: 24px !important;
  border-top: 1px solid #E6E6E6 !important;
  gap: 24px !important;
  justify-content: flex-end !important;
}

/* Primary button */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer .btn.primary.btn-primary {
  height: 48px !important;
  border-radius: 8px !important;
  background: #2262B8 !important;
  border: 0 !important;
  font-family: "Heebo", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 16px 0 20px !important;
}

@media (min-width: 521px) {
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer .btn.primary.btn-primary {
    margin-left: 12px !important;
  }
}


/* add V icon */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer .btn.primary.btn-primary::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%2012L10%2017L19%207%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

/* Cancel button */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer .btn.cancel.btn-default {
  height: 48px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 0 !important;
  font-family: "Heebo", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #0D47A1 !important;
}

/* Hide "Remove value" if not in figma */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer .remove-value {
  display: none !important;
}

/* Responsive: במסכים קטנים להיצמד לרוחב */
@media (max-width: 520px) {
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-content {
    width: 100% !important;
  }
}

/* =========================
   Lookup Modal RTL
   ========================= */

/* כיוון כללי */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-content,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-header,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-body,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entity-grid {
  direction: rtl !important;
}

/* Header: כותרת לימין */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-title {
  text-align: right !important;
}

/* Search: input מימין, כפתור זכוכית מגדלת משמאל */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search .input-group {
  direction: ltr !important;
  /* כדי שהמבנה של input+button יהיה טבעי */
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search input.query {
  direction: rtl !important;
  text-align: right !important;
  border-radius: 0 8px 8px 0 !important;
  /* ב-RTL הצד הימני “ראש” */
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .entitylist-search .input-group-btn .btn {
  border-radius: 8px 0 0 8px !important;
}

/* Grid: טבלה RTL + יישור טקסט לימין */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table {
  direction: rtl !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table th,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table td {
  text-align: right !important;
}

/* עמודת ה-Select (checkbox) – שתישאר בצד שמאל כמו בפיגמה */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table th:first-child,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table td:first-child {
  text-align: left !important;
  width: 44px !important;
  white-space: nowrap !important;
}

/* ה-checkbox עצמו */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) table.table td:first-child .fa[role="checkbox"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Pagination: ליישר לימין (RTL) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .pagination {
  justify-content: flex-end !important;
}

/* Footer: כפתורים מיושרים לימין (Select ואז Cancel) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer {
  direction: rtl !important;
  justify-content: flex-end !important;
}

/* שה-V (אייקון) יהיה “אחרי הטקסט” מבחינת RTL (נראה נכון) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-footer .btn.primary.btn-primary {
  flex-direction: row !important;
}

.modal.show .modal-dialog.modal-lg .view-grid>span:not(.fa) {
  display: none !important;
}

/* Footer buttons order: Cancel (right) | Select (left) */
.modal.show .modal-dialog.modal-lg .modal-footer {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row-reverse !important;
}

/* Select button – left */
.modal.show .modal-dialog.modal-lg .modal-footer .btn.primary.btn-primary {
  margin-left: auto !important;
}

/* Cancel button – right */
.modal.show .modal-dialog.modal-lg .modal-footer .btn.cancel.btn-default {
  margin-right: auto !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-empty.message .alert.alert-warning {
  direction: rtl !important;
  text-align: right !important;
  font-family: "Heebo", sans-serif !important;
}

/* =========================
   Lookup pagination: always show 6 pages + prev/next
   ========================= */

/* בסיס: מסתירים הכל */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item {
  display: none;
}

/* תמיד להראות חיצים */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(.entity-pager-prev-link),
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(.entity-pager-next-link) {
  display: block;
}

/* תמיד להראות את העמוד הפעיל */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item.active {
  display: block;
}

/* --- מצב רגיל: 2 לפני + active + 3 אחרי = 6 --- */

/* 3 אחרי */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item.active+li.page-item,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item.active+li.page-item+li.page-item,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item.active+li.page-item+li.page-item+li.page-item {
  display: block;
}

/* 2 לפני (עם :has) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(+ li.page-item.active),
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(+ li.page-item + li.page-item.active) {
  display: block;
}

/* --- התחלה: אם active הוא 1/2 -> תציג 6 מההתחלה --- */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:nth-child(2):has(> a[data-page="1"]),
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination:has(> li.page-item:nth-child(2).active)>li.page-item:nth-child(n+2):nth-child(-n+7) {
  display: block;
}

/* אם active הוא העמוד השני מספרית (בד"כ child 3 בגלל prev) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination:has(> li.page-item:nth-child(3).active)>li.page-item:nth-child(n+2):nth-child(-n+7) {
  display: block;
}

/* --- סוף: אם active קרוב לסוף -> תציג 6 מהסוף --- */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination:has(> li.page-item:nth-last-child(2).active)>li.page-item:nth-last-child(n+2):nth-last-child(-n+7) {
  display: block;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination:has(> li.page-item:nth-last-child(3).active)>li.page-item:nth-last-child(n+2):nth-last-child(-n+7) {
  display: block;
}

/* =========================
   Lookup Modal Pagination (Figma)
   ========================= */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination {
  width: 416px !important;
  max-width: 100% !important;
  padding-top: 40px !important;
  margin: 0 !important;
}

/* UL layout */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;

  /* מונע שבירה לשורות במידה ויש הרבה עמודים */
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}

/* Items: no extra margins */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .page-item {
  margin: 0 !important;
}

/* Links: page box 32x32 */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .page-link {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;

  font-family: "Heebo", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0D47A1 !important;

  text-decoration: none !important;
  box-shadow: none !important;
}

/* Active page */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .page-item.active .page-link {
  background: #2262B8 !important;
  color: #FFFFFF !important;
}

/* Disabled (prev/.. when disabled) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .page-item.disabled .page-link {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

/* Chevrons (prev/next) as 24x24 */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .entity-pager-prev-link,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .entity-pager-next-link {
  width: 24px !important;
  height: 24px !important;

  /* עדיין נשמור center */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* החיצים עצמם אצלך הם טקסט < ו- > */
  font-size: 18px !important;
  line-height: 24px !important;
  color: #0D47A1 !important;

  background: transparent !important;
}

/* אל תיתן ל-prev/next להיראות כמו "ריבוע של עמוד" */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .entity-pager-prev-link.page-link,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .entity-pager-next-link.page-link {
  width: 24px !important;
  height: 24px !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Hover (optional but usually matches) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .page-item:not(.active):not(.disabled) .page-link:hover {
  background: #F2F9FF !important;
}

/* =========================
   Lookup pager arrows – replace < > text with SVG icons (Figma)
   ========================= */

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .entity-pager-prev-link,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .entity-pager-next-link {
  /* מוודאים שטקסט לא "יקפוץ" */
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;

  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination a.entity-pager-prev-link,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination a.entity-pager-next-link {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;

  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination a.entity-pager-prev-link::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  background: no-repeat center/24px 24px url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8%204L16%2012L8%2020%22%20stroke%3D%22%230D47A1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") !important;

}

.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination a.entity-pager-next-link::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  background: no-repeat center/24px 24px url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16%204L8%2012L16%2020%22%20stroke%3D%22%230D47A1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") !important;

}


.modal.show .modal-dialog.modal-lg .entity-grid table thead {
  display: none !important;
}

/* Lookup modal – Close button like Figma */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-header .form-close {
  position: absolute !important;
  left: 16px !important;
  top: 16px !important;
  right: auto !important;

  width: 30px !important;
  height: 30px !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;

  padding: 6px 0 !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 1 !important;
  z-index: 1 !important;

  /* nice to have */
  cursor: pointer;
  line-height: 0;
}

/* hide the default "×" and the hidden text stays for accessibility */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-header .form-close>span[aria-hidden="true"] {
  display: none !important;
}

/* ensure svg size equals 16x16 (as in Figma) */
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .modal-header .form-close svg {
  width: 16px !important;
  height: 16px !important;
  flex: none !important;
  order: 0 !important;
  display: block !important;
}

/* Make toolbar/search take full width of modal body */
/*.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"])
  .view-toolbar,
.modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"])
  .entitylist-search{
  width: 100% !important;
  max-width: 100% !important;
}*/

/* ---------- ) PAGINATION: show only 3 page numbers on small screens ---------- */

/* Default: keep your existing 6-page logic for normal screens */
@media (max-width: 420px) {

  /* hide all page items by default */
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item {
    display: none !important;
  }

  /* always show prev/next */
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(.entity-pager-prev-link),
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(.entity-pager-next-link) {
    display: block !important;
  }

  /* always show active */
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item.active {
    display: block !important;
  }

  /* show 1 before active + 1 after active = total 3 numbers */
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item:has(+ li.page-item.active) {
    display: block !important;
    /* previous */
  }

  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination>li.page-item.active+li.page-item {
    display: block !important;
    /* next */
  }

  /* Make pagination fit narrow width (no overflow) */
  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination {
    justify-content: space-between !important;
    gap: 6px !important;
  }

  .modal.show .modal-dialog.modal-lg:has(.entity-grid[data-get-url*="entity-lookup-grid-data.json"]) .view-pagination .pagination .page-link {
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
  }
}


/* Neutralize browser autofill background highlight */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {

  transition: background-color 9999s ease-out 0s !important;
}

/* hide footer completely on mobile (no height, no spacing, no layout impact) */
@media (max-width: 768px) {
  footer.footer,
  footer.footer .footer-bottom,
  footer.footer .container,
  footer.footer .row {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}