.filter-label {
    font-size: 14px;
    white-space: nowrap;
    padding-right: 8px;
    color: #000;
}

/* ====== تنسيق السلكت ====== */
.custom-select-style {
    font-size: 16px;
    border: none;
    background: transparent;
    background-repeat: no-repeat;
    padding-inline-start: 32px; /* Space for the arrow on the left */
    padding-inline-end: 32px; /* Space for the arrow on the right */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #6c737f;
    width: 100%;
    cursor: pointer;
    position: relative; /* To ensure the arrow is positioned correctly */
}

/* LTR Mode */
html[dir="ltr"] .custom-select-style {
    background-position: left 8px center; /* Arrow aligned to the left */
    padding-inline-start: 32px; /* Padding for the arrow */
    padding-inline-end: 32px; /* Padding for the right side */
}

/* RTL Mode */
html[dir="rtl"] .custom-select-style {
    background-position: right 8px center; /* Arrow aligned to the right */
    padding-inline-start: 32px; /* Padding for the arrow */
    padding-inline-end: 32px; /* Padding for the right side */
}


/* ====== حاوية Dropdown Checkbox عام ====== */
.dropdown-checkbox {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-checkbox-button {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: var(--radius-md);
    background-color: #fff;
    cursor: pointer;
    text-align: right;
}

.dropdown-checkbox-content {
    display: none;
    position: absolute;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    width: 100%;
    z-index: 100;
    border-radius: var(--radius-md);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

    .dropdown-checkbox-content.show {
        display: block;
    }

    .dropdown-checkbox-content label {
        display: block;
        padding: 6px 12px;
        cursor: pointer;
    }

        .dropdown-checkbox-content label:hover {
            background-color: #1B8354;
            color: white;
        }

.dropdown-checkbox-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}
.js-form-type-checkbox {
    position: relative;
    margin-bottom: 8px;
}

    /* إخفاء الـ checkbox الأصلي (يبقى قابل للنقر/للوصول) */
    .js-form-type-checkbox input[type="checkbox"] {
        position: absolute !important;
        opacity: 0 !important;
        inline-size: 1px;
        block-size: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
        cursor: pointer;
    }

        /* نص الخيار + مساحة للمربع حسب الاتجاه */
        .js-form-type-checkbox input[type="checkbox"] + .option {
            color: #384250;
            font-size: 14px;
            font-family: "IBMPlexSans-Medium", sans-serif;
            display: inline-block;
            position: relative;
            /* RTL: يمين | LTR: يسار */
            padding-inline-start: 36px;
            cursor: pointer;
            user-select: none;
            text-align: start;
        }

            /* مربع الـ checkbox (المخصص) */
            .js-form-type-checkbox input[type="checkbox"] + .option::before {
                content: "";
                background: #fff;
                border-radius: 2px;
                border: 1px solid #bfbfbf;
                width: 20px;
                height: 20px;
                position: absolute;
                /* RTL: يمين | LTR: يسار */
                inset-inline-start: 0;
                top: 50%;
                transform: translateY(-50%);
                transition: all 250ms ease;
            }

        /* حالة checked */
        .js-form-type-checkbox input[type="checkbox"]:checked + .option::before {
            background-color: #1B8354;
            border-color: #1B8354;
            background-image: url('/platformscod/img/icons/checkmark.svg');
            background-position: center;
            background-repeat: no-repeat;
        }

        /* Focus واضح */
        .js-form-type-checkbox input[type="checkbox"]:focus-visible + .option::before {
            outline: 2px solid rgba(27, 131, 84, 0.35);
            outline-offset: 2px;
            border-color: #1B8354;
        }

        /* Disabled */
        .js-form-type-checkbox input[type="checkbox"]:disabled + .option {
            opacity: 0.6;
            cursor: not-allowed;
        }

            .js-form-type-checkbox input[type="checkbox"]:disabled + .option::before {
                border-color: #bfbfbf;
                background: #bfbfbf;
            }

        /* لو الخيار بدون نص */
        .js-form-type-checkbox input[type="checkbox"] + .option:empty::before {
            margin: 0;
        }

.js-form-type-radio input[type=radio] {
    position: absolute;
    opacity: 0;
}

    .js-form-type-radio input[type=radio] + .option {
        color: #1F2A37;
        font-size: 14px;
        font-family: "IBMPlexSans-Medium";
        cursor: pointer; /* لتغيير المؤشر لليد عند المرور */
        line-height: 18px; /* ارتفاع السطر متناسق مع حجم الدائرة */
        display: inline-flex; /* لجعل النص والدائرة في نفس السطر */
        align-items: center; /* لمحاذاة رأسية متوسطة */
        gap: 8px; /* مسافة بين الدائرة والنص */
        margin-bottom: 8px; /* إضافة مسافة عمودية بين الخيارات */
    }

        .js-form-type-radio input[type=radio] + .option:before {
            content: "";
            background: #fff;
            border-radius: 100%;
            border: 1px solid rgb(191, 191, 191);
            display: inline-block;
            width: 18px;
            height: 18px;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }

    .js-form-type-radio input[type=radio]:checked + .option:before {
        background-color: #1B8354;
        border-color: #1B8354;
        box-shadow: inset 0 0 0 4px #fff;
    }

    .js-form-type-radio input[type=radio]:focus + .option:before {
        outline: none;
        border-color: #1B8354;
    }

    .js-form-type-radio input[type=radio]:disabled + .option:before {
        box-shadow: inset 0 0 0 4px #fff;
        border-color: rgb(191, 191, 191);
        background: rgb(191, 191, 191);
    }

    .js-form-type-radio input[type=radio] + .option:empty:before {
        margin-left: 0;
    }

/* تنسيق للاتجاه LTR */
[dir=ltr] .js-form-type-radio input[type=radio] + .option:before {
    margin-left: 0;
    margin-right: 0; /* حذفت 16px عشان gap يغطي المسافة */
}

[dir=ltr] .js-form-type-radio input[type=radio] + .option {
    margin-right: 0; /* حذفت 16px عشان gap يغطي المسافة */
}

.filter-tag-container {
    margin-top: 16px;
}

    .filter-tag-container h6 {
        font-size: 18px;
        color: #1F2A37;
    }

    .filter-tag-container .filter-tag-box {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: center;
    }

        .filter-tag-container .filter-tag-box .nds-primary-btn {
            margin-right: auto;
            order: 1;
        }

        .filter-tag-container .filter-tag-box .filter-tag {
            font-size: 18px;
            padding: 2px 12px;
          /*  background-color: #ecfdf3;*/
            border: 1px solid #abefc6;
            border-radius: 100px;
            width: -moz-max-content;
            width: max-content;
            display: flex;
            gap: 4px;
            color: #14573a;
            cursor: pointer;
        }

            .filter-tag-container .filter-tag-box .filter-tag span {
                color: #25935F;
            }

            .filter-tag-container .filter-tag-box .filter-tag img {
                cursor: pointer;
            }

[dir=ltr] .filter-tag-container .filter-tag-box .nds-primary-btn {
    margin-left: auto;
    margin-right: 0px;
}

.filter-tag .cancel-btn {

    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

    .filter-tag .cancel-btn:hover {
        opacity: 1;
    }



.dga-paginations {
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

    .dga-paginations .dga-pagination .pagination-bar ul {
        margin: 0;
        padding: 0;
        display: flex;
        gap: 16px;
        list-style-type: none;
    }

        .dga-paginations .dga-pagination .pagination-bar ul li.previous a {
            padding: 4px 6px;
        }

            .dga-paginations .dga-pagination .pagination-bar ul li.previous a span {
                display: none;
            }

            .dga-paginations .dga-pagination .pagination-bar ul li.previous a img {
                vertical-align: middle;
            }

        .dga-paginations .dga-pagination .pagination-bar ul li.next a {
            padding: 4px 6px;
        }

            .dga-paginations .dga-pagination .pagination-bar ul li.next a span {
                display: none;
            }

            .dga-paginations .dga-pagination .pagination-bar ul li.next a img {
                vertical-align: middle;
           
            }

  

        .dga-paginations .dga-pagination .pagination-bar ul li .btn-page-num {
            padding: 4px 6px;
            position: relative;
            font-size: 16px;
            color: #161616;
            text-decoration: none;
        }

            .dga-paginations .dga-pagination .pagination-bar ul li .btn-page-num.active::before {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0px;
                width: 100%;
                height: 3px;
                border-radius: 3px;
                background: #1B8354;
            }

            .dga-paginations .dga-pagination .pagination-bar ul li .btn-page-num:hover {
                background: #F9FAFB;
                border-radius: 4px;
            }

    .dga-paginations .dga-total-page-container .dga-total-page {
        font-size: 14px;
        font-family: "mediumFont";
        color: #6C737F;
    }

    /* الوضع الافتراضي: RTL (عربي) */
    .dga-paginations .pagination-bar li.previous img {
        transform: rotate(0deg); /* ➡️ */
    }

    .dga-paginations .pagination-bar li.next img {
        transform: rotate(180deg); /* ⬅️ */
    }

/* LTR (إنجليزي) */
[dir="ltr"] .dga-paginations .pagination-bar li.previous img {
    transform: rotate(180deg); /* ⬅️ */
}

[dir="ltr"] .dga-paginations .pagination-bar li.next img {
    transform: rotate(0deg); /* ➡️ */
}