.form-loading {
    background: url(/images/loading.gif) no-repeat center 100px;
    min-height: 150px;
}

.mbd-search-default {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

    .mbd-search-default .sd-fields {
        position: relative;
    }

        .mbd-search-default .sd-fields .sd-field {
            margin-bottom: 25px;
            min-height: 60px;
        }

            .mbd-search-default .sd-fields .sd-field .sd-field-text {
                display: inline-block;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 8px;
            }

            .mbd-search-default .sd-fields .sd-field .sd-field-required {
                font-weight: 700;
                color: red;
            }
.rayeshmand-search-container{
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    margin-bottom: 20px;
    overflow: visible;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    border: 1px solid #fff;
    box-shadow: 0 2px 9px 0 rgba(0,0,0,.05);
    margin-top: 15px;
}
.rayeshmand-search-container .group-name {
    font-size: 18px;
    font-weight: 900;
    padding: 15px 25px;
    border-bottom:1px solid #eff1f6
}
/* Rayeshmand26: the search as one wide bar above the list (/places, /کتابخانه) */
.rpl-search { scroll-margin-top: 90px; margin: 0 0 22px; }
.rpl-search .rayeshmand-search-container { margin-top: 0; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 14px; box-shadow: var(--rm-shadow); }
.rpl-search .rayeshmand-search-container .group-name { padding: 14px 22px; color: var(--rm-ink, #16205b); font-size: 1.1rem; }
.rpl-search .sd-fields { padding: 14px 10px 0; }
.rpl-search .mbd-search-default .sd-fields .sd-field { margin-bottom: 14px; min-height: 0; }
.rpl-search .mbd-search-default .sd-fields .sd-field .sd-field-text { font-size: .9rem; margin-bottom: 4px; }
.rpl-search input, .rpl-search select { inline-size: 100%; min-height: 42px; border-radius: 10px; }
/* no Bootstrap in the skin: the fields flow as one row that wraps */
.rpl-search .rayeshmand-search-container > div { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 14px; padding: 0 18px 4px; }
.rpl-search .rayeshmand-search-container .group-name { flex: 0 0 100%; margin: 0 -18px 14px; }
.rpl-search .sd-field { flex: 1 1 170px; max-width: none; padding: 0; }
.rpl-search .sd-field:first-of-type { flex-basis: 240px; }
.rpl-search .sd-field button, .rpl-search .sd-field .btn { min-height: 42px; padding: 0 26px; border: 0; border-radius: 10px; background: var(--rm-ink, #16205b); color: #fff; font-weight: 700; cursor: pointer; }
.rpl-search .chosen-container { inline-size: 100% !important; }
.rpl-search .chosen-container-single .chosen-single span { margin-inline-end: 26px; }

/* ---- search fields, Rayeshmand26 look (chosen dropdowns and text boxes) ---- */
.rpl-search .rayeshmand-search-container { background: linear-gradient(180deg, #fff 0%, #fff 60%, var(--rm-paper, #fbfaf6) 100%); }
.rpl-search .rayeshmand-search-container .group-name { position: relative; padding-inline-start: 50px; border-bottom: 1px solid var(--rm-rule, #e6e3da); }
.rpl-search .rayeshmand-search-container .group-name::before { content: ""; position: absolute; inset-inline-start: 20px; top: 50%; width: 20px; height: 20px; margin-top: -10px;
  background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5583f' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); }
.rpl-search .mbd-search-default .sd-fields .sd-field .sd-field-text { color: var(--rm-muted, #5d6475); font-weight: 700; font-size: .85rem; }
.rpl-search .ui.input input, .rpl-search input[type=text] { block-size: 46px; padding: 0 14px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 12px; background: var(--rm-soft, #f3f1ea);
  font: inherit; font-size: .95rem; color: var(--rm-text, #2f3445); outline: none; transition: border-color .15s, box-shadow .15s, background .15s; box-shadow: none; }
.rpl-search .ui.input input:focus, .rpl-search input[type=text]:focus { background: #fff; border-color: var(--rm-link, #005eb9); box-shadow: 0 0 0 3px rgba(0, 94, 185, .15); }
.rpl-search .chosen-container-single .chosen-single { display: flex; align-items: center; block-size: 46px; padding: 0 14px; border: 1px solid var(--rm-rule, #e6e3da) !important; border-radius: 12px !important;
  background: var(--rm-soft, #f3f1ea) !important; box-shadow: none !important; color: var(--rm-text, #2f3445); font-size: .95rem; line-height: 46px; }
.rpl-search .chosen-container-single .chosen-single span { margin-inline-end: 34px; }
.rpl-search .chosen-container-single .chosen-default { color: #8a8f9c; }
.rpl-search .chosen-container-single .chosen-single div { inset-inline-end: 10px; inset-inline-start: auto; width: 16px; }
.rpl-search .chosen-container-single .chosen-single div b { background: no-repeat center / 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6475' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; }
.rpl-search .chosen-container-single .chosen-single abbr { inset-inline-end: 30px; inset-inline-start: auto; top: 50%; margin-top: -6px; }
.rpl-search .chosen-container-active .chosen-single, .rpl-search .chosen-container-active.chosen-with-drop .chosen-single { background: #fff !important; border-color: var(--rm-link, #005eb9) !important; box-shadow: 0 0 0 3px rgba(0, 94, 185, .15) !important; }
.rpl-search .chosen-container .chosen-drop { margin-top: 6px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 12px; box-shadow: var(--rm-shadow); overflow: hidden; }
.rpl-search .chosen-container .chosen-search input { block-size: 38px; border-radius: 8px; border: 1px solid var(--rm-rule, #e6e3da); background: var(--rm-soft, #f3f1ea); }
.rpl-search .chosen-container .chosen-results li { padding: 8px 12px; line-height: 1.6; }
.rpl-search .chosen-container .chosen-results li.highlighted { background: var(--rm-ink, #16205b); color: #fff; }
.rpl-search .sd-field button, .rpl-search .sd-field .btn, .rpl-search .sd-field .ui.button { block-size: 46px; min-inline-size: 140px; border-radius: 12px; background: var(--rm-coral, #e5583f) !important; color: #fff !important; font-size: 1rem; box-shadow: 0 6px 16px rgba(229, 88, 63, .25); }
.rpl-search .sd-field button:hover, .rpl-search .sd-field .btn:hover { background: #c9452e !important; }
.rpl-search .chosen-container.form-control { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; block-size: auto !important; }
.rpl-search .chosen-container-single.chosen-container .chosen-single abbr { inset-inline-end: 34px; } .rpl-search .chosen-container-single .chosen-single span { margin-inline-end: 58px; }

/* phones: the fields as chips (places-filters.js) that open a bottom sheet; the form itself stays for wide screens */
.rpl-chips { display: none; }
.rpl-sheet[hidden] { display: none; }
.rpl-sheet { position: fixed; inset: 0; z-index: 90; }
.rpl-sheet-shade { position: absolute; inset: 0; background: rgba(22, 32, 91, .4); animation: rpl-fade .2s; }
.rpl-sheet-panel { position: absolute; inset-inline: 0; inset-block-end: 0; display: flex; flex-direction: column; max-block-size: 78vh; border-radius: 18px 18px 0 0;
  background: var(--rm-card, #fff); box-shadow: 0 -10px 40px rgba(22, 32, 91, .2); animation: rpl-up .22s ease-out; padding-bottom: env(safe-area-inset-bottom); }
.rpl-sheet-head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 18px 18px 12px; border-bottom: 1px solid var(--rm-rule, #e6e3da); }
.rpl-sheet-grip { position: absolute; inset-block-start: 7px; inset-inline-start: 50%; width: 40px; height: 4px; margin-inline-start: -20px; border-radius: 2px; background: #d6d9e3; }
.rpl-sheet-head strong { color: var(--rm-ink, #16205b); font-size: 1rem; }
.rpl-sheet-close { width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--rm-soft, #f3f1ea); color: var(--rm-ink, #16205b); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.rpl-sheet-body { overflow-y: auto; padding: 10px 14px 18px; overscroll-behavior: contain; }
.rpl-sheet-find, .rpl-sheet-text input { inline-size: 100%; min-height: 44px; margin: 0 0 8px; padding: 0 14px; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 12px; font: inherit; }
.rpl-sheet-text { display: flex; gap: 8px; }
.rpl-sheet-text input { flex: 1; margin: 0; }
.rpl-sheet-text button { flex: none; padding: 0 18px; border: 0; border-radius: 12px; background: var(--rm-coral, #e5583f); color: #fff; font: inherit; font-weight: 700; }
.rpl-sheet-list { margin: 0; padding: 0; list-style: none; }
.rpl-sheet-list button { display: block; inline-size: 100%; padding: 12px 6px; border: 0; border-bottom: 1px solid var(--rm-rule, #e6e3da); background: none; color: var(--rm-text, #2f3445); font: inherit; text-align: start; cursor: pointer; }
.rpl-sheet-list button.is-on { color: var(--rm-link, #005eb9); font-weight: 700; }
.rpl-sheet-list button.is-on::after { content: " ✓"; }
.rpl-sheet-empty { padding: 14px 6px; color: var(--rm-muted, #5d6475); }
.rpl-sheet-open, .rpl-sheet-open body { overflow: hidden; }
@keyframes rpl-up { from { transform: translateY(100%); } }
@keyframes rpl-fade { from { opacity: 0; } }
@media (max-width: 760px) {
  .rpl-chips { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px 14px; padding: 2px 16px 6px; scrollbar-width: none; }
  .rpl-chips::-webkit-scrollbar { display: none; }
  .rpl-search .mbd-search-default { display: none; }
  .rpl-search .rayeshmand-search-container { border: 0; box-shadow: none; background: none; }
  .rpl-search .rayeshmand-search-container .group-name { display: none; }
  .rpl-chip { flex: none; display: inline-flex; align-items: center; border: 1px solid var(--rm-rule, #e6e3da); border-radius: 999px; background: var(--rm-card, #fff); }
  .rpl-chip button { border: 0; background: none; font: inherit; cursor: pointer; }
  .rpl-chip-open { padding: 8px 14px; color: var(--rm-ink, #16205b); font-size: .88rem; white-space: nowrap; }
  .rpl-chip-open::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-inline-start: 8px; border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: translateY(-2px) rotate(45deg); opacity: .6; }
  .rpl-chip.is-active { border-color: var(--rm-link, #005eb9); background: #eef5fd; }
  .rpl-chip.is-active .rpl-chip-open { padding-inline-end: 4px; color: var(--rm-link, #005eb9); }
  .rpl-chip.is-active .rpl-chip-open::after { display: none; }
  .rpl-chip-x { width: 30px; height: 30px; margin-inline-end: 4px; border-radius: 50%; color: var(--rm-link, #005eb9); font-size: 1.15rem; line-height: 1; }
}
@media (prefers-reduced-motion: reduce) { .rpl-sheet-shade, .rpl-sheet-panel { animation: none; } }

/* chosen dropdowns (owner 2026-11-03: «ضربدر روی نوشته نیفته و نوشته‌ها از راست به فیلد نچسبن»): room on the right of the
   text, the chevron and the clear × on the left, the hidden search box of chosen never over the text */
.rpl-search .chosen-container-single .chosen-single { position: relative; block-size: 46px !important; padding: 0 14px 0 56px !important; line-height: 46px !important; }
.rpl-search .chosen-container-single .chosen-single span { margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rpl-search .chosen-container-single .chosen-single div { position: absolute; top: 0; left: 12px !important; right: auto !important; width: 16px; height: 100%; }
.rpl-search .chosen-container-single .chosen-single div b { position: absolute; inset: 0; }
.rpl-search .chosen-container-single .chosen-single abbr { position: absolute; left: 34px !important; right: auto !important; top: 50% !important; margin-top: -6px; }
.rpl-search .chosen-container-single:not(.chosen-with-drop) .chosen-single .chosen-search-input { opacity: 0; pointer-events: none; inline-size: 0 !important; }
.rpl-search .mbd-field-dropdownlist { position: relative; }
.rpl-search .mbd-field-dropdownlist .mbd-chosen-clear-btn { right: auto !important; left: 32px !important; top: 50%; transform: translateY(-50%); z-index: 2; color: #8a8f9c !important; }
.rpl-search .mbd-field-dropdownlist .mbd-chosen-clear-btn:hover { color: var(--rm-coral, #e5583f) !important; }