﻿/* עיצוב שורת ה-Top Row */
.top-row {
    height: 3.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    display: flex;
    align-items: center;
}

/* עיצוב מותאם ל-Syncfusion Dropdown */
.custom-company-dropdown.e-dropdownlist {
    border-radius: 50px !important;
    border-color: #0d6efd !important;
    /* שימוש ב-padding-inline-start במקום padding-right */
    padding-inline-start: 10px !important;
    transition: all 0.2s ease;
}

/* עיצוב ה-Sidebar */
.sidebar {
    background-color: #f4f5f7;
    background-image: none;
    min-width: 250px;
    min-height: 100vh;
    border-inline-end: 1px solid #e0e0e0;
}

/* התאמות דינמיות לרכיבי Syncfusion */
[dir='rtl'] .e-dropdownbase .e-list-item {
    text-align: right !important;
    direction: rtl !important;
}

[dir='ltr'] .e-dropdownbase .e-list-item {
    text-align: left !important;
    direction: ltr !important;
}

/* קונטיינר התוויות - שיפור תמיכה בכיווניות */
.info-label-box {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #0d6efd;
    border-radius: 4px;
    padding: 6px 14px;
    box-shadow: inset 0 0 2px rgba(13, 110, 253, 0.05);
    white-space: nowrap;
    font-family: 'Segoe UI', Assistant, sans-serif;
}

.label-title {
    font-size: 0.8rem;
    color: #555555;
    /* שימוש ב-margin-inline-end במקום margin-left */
    margin-inline-end: 10px;
    font-weight: 400;
}

.label-value {
    font-size: 1rem;
    color: #000000;
    font-weight: 600;
    line-height: 1;
}

/* מפריד חכם בין ה-Dropdown לתוויות */
.border-right-separator {
    /* משתמש ב-border בנקודת ההתחלה של האלמנט (ימין ב-RTL, שמאל ב-LTR) */
    border-inline-start: 2px solid #eeeeee;
    padding-inline-start: 25px;
    margin-inline-start: 15px;
}

/* הגדרת מבנה הדף */
.page {
    display: flex;
    width: 100%;
    min-height: 100vh;
}

/* תיקון חשוב: ב-Flexbox, כשיש dir='ltr', הסדר מתהפך אוטומטית. 
   אין צורך ב-flex-direction: row כי זה ברירת המחדל, 
   אבל ה-dir גורם לסידבר להיות בצד הנכון. */

/* היפוך אייקונים במידת הצורך */
[dir='ltr'] .back-button i {
    transform: rotate(180deg);
}

/* תיקון ל-Bootstrap ms-auto ב-LTR */
[dir='ltr'] .ms-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir='rtl'] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}





/* תיקון כללי לתיבות Floating Labels ב-RTL */
[dir='rtl'] .form-floating > label {
    right: 0;
    left: auto;
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
}

/* תיקון המיקום של התווית כשהיא "צפה" למעלה או כשיש תוכן בתיבה */
[dir='rtl'] .form-floating > .form-control:focus ~ label,
[dir='rtl'] .form-floating > .form-control:not(:placeholder-shown) ~ label,
[dir='rtl'] .form-floating > .form-select ~ label {
    transform: scale(.85) translateY(-.5rem) translateX(0.5rem); /* הזזה לימין במקום לשמאל */
    right: 0;
    left: auto;
}

/* הבטחת יישור טקסט בתוך התיבה */
[dir='rtl'] .form-control {
    text-align: right;
}

/* עיגול פינות קיצוני לחלון המודאלי */
.rounded-5 {
    border-radius: 2rem !important;
}

/* עיצוב הכפתורים בתוך SweetAlert למקרה שה-CustomClass לא תפס */
.swal2-confirm, .swal2-cancel {
    border-radius: 50px !important;
    padding: 10px 25px !important;
}

/* שיפור המראה של האייקון */
.swal2-icon {
    border: none !important;
}


/* אנחנו מוודאים שזה משפיע רק על שדות שהם לא באמת disabled */
.rz-textbox:not(.rz-state-disabled),
.rz-textarea:not(.rz-state-disabled),
.rz-dropdown:not(.rz-state-disabled) {
    opacity: 1 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* הגדרת placeholder ברורה לכל האתר */
.rz-textbox::placeholder {
    color: #888 !important;
}
.rz-dialog-content {
    white-space: pre-line;
}

/* מחלקה שתכפה כיווניות מימין לשמאל על הדיאלוג */
.rtl-dialog {
    direction: rtl !important;
    text-align: right !important;
}

/* אופציונלי: תיקון כיוון כפתור האישור שיהיה בצד שמאל (כנהוג ב-RTL) */
.rtl-dialog .rz-dialog-footer {
    justify-content: flex-start !important;
}
