@font-face {
    font-family: 'Bnazanin';
    src: url('../css/fonts/BNAZANB.TTF') format('truetype');
}

@font-face {
    font-family: 'BYekan';
    src: url('../css/fonts/Yekan.ttf') format('truetype');
}

div, h1, h2, h3, h4, h5, h6,
button, a, input, label, textarea {
    font-family: BYekan, sans-serif !important;
}

/* جلوگیری از اسکرول افقی */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* تصاویر ریسپانسیو */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* App Alert */
#appAlert {
    direction: rtl;
    text-align: right;
}

    #appAlert .header,
    #appAlert .actions {
        text-align: center;
    }

    #appAlert .content {
        text-align: right;
    }

/* مودال در موبایل */
@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95% !important;
        margin: 1rem auto !important;
        max-height: 90vh !important;
        top: auto !important;
    }

        .ui.modal .content {
            overflow-y: auto !important;
            max-height: calc(90vh - 120px);
            -webkit-overflow-scrolling: touch;
        }
}

/* ------------------------------
        RTL MAIN CONTROLS
   ------------------------------ */

/* فرم‌ها و ورودی‌ها */
.ui.form {
    direction: rtl;
}

    .ui.form input,
    .ui.form textarea,
    .ui.form select {
        direction: rtl;
        text-align: right;
    }

        /* placeholder RTL */
        .ui.form input::placeholder,
        .ui.form textarea::placeholder {
            text-align: right;
        }

    /* لیبل‌ها */
    .ui.form .field > label {
        text-align: right;
        float: right;
    }

/* ------------------------------
        INPUT WITH ICON
   ------------------------------ */

/* آیکن input سمت چپ */
.ui.left.icon.input > i.icon {
    left: 1rem;
    right: auto;
}

/* فاصله متن از آیکن سمت چپ */
.ui.left.icon.input > input {
    padding-left: 2.5rem !important;
    padding-right: 1rem !important;
}

/* ------------------------------
            DROPDOWN RTL
   ------------------------------ */

.rtl-dropdown {
    direction: rtl !important;
    text-align: right !important;
}

    /* آیکن dropdown سمت چپ */
    .rtl-dropdown > i.dropdown.icon {
        left: 1rem !important;
        right: auto !important;
    }

    /* متن انتخاب‌شده */
    .rtl-dropdown .text {
        margin-left: 1.8rem !important;
        margin-right: 0 !important;
        text-align: right !important;
    }

    /* آیتم‌های منوی dropdown */
    .rtl-dropdown .menu .item {
        text-align: right !important;
        direction: rtl;
    }

/* باکس رنگ */
.ui.selection.dropdown .menu > .item .label {
    margin-left: 6px;
    margin-right: 0;
}

/* دکمه‌ها */
.ui.button {
    direction: rtl;
}

    .ui.button > i.icon {
        margin-left: 0.5em;
        margin-right: 0;
    }

/* segment و card */
.ui.segment,
.ui.card,
.ui.list {
    direction: rtl;
}

/* checkbox */
.ui.checkbox label {
    text-align: right;
}

/* modal */
.ui.modal {
    direction: rtl;
    text-align: right;
}