html {
    font-size: 14px;
    direction: rtl;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin-bottom: 60px;
    direction: rtl !important;
    text-align: right !important;
}

/* מראה עבור פוקוס */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* טקסט חותך */
.truncate-text {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* קונטיינר עם ריווח */
.priority-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* תא טבלה עם גלילה */
.table td.instruction-preview-cell-scroll {
    max-height: 100px;
    overflow-y: auto;
    padding: 8px 10px;
    vertical-align: top;
    text-align: right;
}

/* תא טבלה רגיל עם גזירת טקסט */
.table td.instruction-preview-cell {
    max-height: 100px;
    min-height: 100px;
    overflow: hidden;
    padding: 8px 10px;
    vertical-align: top;
    position: relative;
    text-align: right;
    max-width: 350px;
}

/* עטיפת תוכן עם קיצור שורות */
.instruction-content-wrapper {
    max-height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
}

/* עיצוב תמונות בתאים */
.table td.instruction-preview-cell img {
    max-width: 100%;
    max-height: 80px;
    display: block;
    margin: 5px auto;
    object-fit: contain;
}

/* תוכן בתוך מודאלים */
/*.modal-body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}*/

    /* טקסט בתוך המודאל */
    /*.modal-body p,
    .modal-body div,
    .modal-body span,
    .modal-body li {
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: pre-wrap;
        hyphens: auto;
    }*/

    /* תמונות במודאל */
    /*.modal-body img {
        max-width: 100%;
        height: auto;
    }*/

    /* טבלאות במודאל */
    /*.modal-body table {
        display: block;
        overflow-x: auto;
        max-width: 100%;
        border-collapse: collapse;
    }

        .modal-body table th,
        .modal-body table td {
            white-space: normal;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }*/