/* developed by web-premium.ir */

.hmyt-field-autocomplete { --ac-p: var(--hmyt-p, #0d59f1); display: flex; flex-direction: column; gap: 8px; }
.hmyt-field-autocomplete * { box-sizing: border-box; }


.hmyt-field-autocomplete .hmyt-ac-box { width: 100%; position: relative; }
.hmyt-field-autocomplete .hmyt-ac-control { width: 100%; position: relative; }
.hmyt-field-autocomplete .hmyt-ac-search {
    width: 100%;
    border: solid 1px #e2e5ec !important;
    border-radius: 6px !important;
    padding: 0 42px 0 14px !important;
    height: 48px;
    min-height: 48px;
    font-size: 14px;
    background: #fcfcfd;
    color: #1f2029;
    box-shadow: none !important;
    outline: 0 !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    direction: rtl;
    margin: 0 !important;
}
.hmyt-field-autocomplete .hmyt-ac-search::placeholder { color: #9aa0ab; }
.hmyt-field-autocomplete.is-open .hmyt-ac-search,
.hmyt-field-autocomplete .hmyt-ac-search:focus {
    border-color: var(--ac-p) !important;
    background: #fff;
}


.hmyt-field-autocomplete .hmyt-ac-control::before {
    content: '';
    position: absolute;
    right: 14px; top: 50%;
    width: 17px; height: 17px;
    transform: translateY(-50%);
    background: currentColor;
    color: #aab0bb;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19Z' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M22 22l-2-2' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19Z' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M22 22l-2-2' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
    pointer-events: none;
    transition: color .18s ease;
}
.hmyt-field-autocomplete.is-open .hmyt-ac-control::before { color: var(--ac-p); }
.hmyt-field-autocomplete .hmyt-ac-search { padding-right: 40px !important; }


.hmyt-field-autocomplete .hmyt-ac-spinner,
.hmyt-field-autocomplete .hmyt-ac-clear {
    position: absolute;
    left: 12px; top: 50%;
    transform: translateY(-50%);
}
.hmyt-field-autocomplete .hmyt-ac-spinner {
    width: 17px; height: 17px;
    border: 1px solid color-mix(in srgb, var(--ac-p) 28%, #e6e8ee);
    border-top-color: var(--ac-p);
    border-radius: 50%;
    animation: hmyt-ac-spin .7s linear infinite;
}
.hmyt-field-autocomplete .hmyt-ac-clear {
    width: 22px; height: 22px;
    color: #9aa0ab;
    border-radius: 50%;
    transition: all .15s ease;
}
.hmyt-field-autocomplete .hmyt-ac-clear:hover { color: #e5484d; background: #fbe9ea; }

.hmyt-field-autocomplete.is-loading .hmyt-ac-clear { display: none !important; }

@keyframes hmyt-ac-spin { to { transform: translateY(-50%) rotate(360deg); } }


.hmyt-field-autocomplete .hmyt-ac-panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0; left: 0;
    z-index: 9999;
    background: #fff;
    border: solid 1px #e9ebf0;
    border-radius: 8px;
    box-shadow: 0 16px 44px rgba(20, 26, 46, .14);
    overflow: hidden;
    animation: hmyt-ac-pop .14s ease;
}
@keyframes hmyt-ac-pop { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.hmyt-field-autocomplete .hmyt-ac-results { max-height: 290px; overflow-y: auto; padding: 6px; }
.hmyt-field-autocomplete .hmyt-ac-results::-webkit-scrollbar { width: 9px; }
.hmyt-field-autocomplete .hmyt-ac-results::-webkit-scrollbar-thumb { background: #dfe2e9; border-radius: 9px; border: 2px solid #fff; }


.hmyt-field-autocomplete .hmyt-ac-hint {
    padding: 22px 16px;
    text-align: center;
    font-size: 12.5px;
    color: #8a909c;
    line-height: 2;
}
.hmyt-field-autocomplete .hmyt-ac-hint.is-empty { color: #aa8; color: #b58a4e; }
.hmyt-field-autocomplete .hmyt-ac-loading { padding: 16px; font-size: 13px; color: #8a909c; justify-content: center; }
.hmyt-field-autocomplete .hmyt-ac-spin {
    width: 16px; height: 16px;
    border: 1px solid #e6e8ee;
    border-top-color: var(--ac-p);
    border-radius: 50%;
    display: inline-block;
    animation: hmyt-ac-spin2 .7s linear infinite;
}
@keyframes hmyt-ac-spin2 { to { transform: rotate(360deg); } }


.hmyt-field-autocomplete .hmyt-ac-item {
    padding: 9px 12px;
    border-radius: 7px;
    cursor: pointer;
    transition: background .13s ease;
}
.hmyt-field-autocomplete .hmyt-ac-item:hover { background: #f4f6fb; }
.hmyt-field-autocomplete .hmyt-ac-item.is-selected { background: color-mix(in srgb, var(--ac-p) 8%, #fff); }

.hmyt-field-autocomplete .hmyt-ac-thumb {
    width: 40px; height: 40px;
    flex: 0 0 40px;
    border-radius: 7px;
    overflow: hidden;
    background: #f1f3f7;
    border: solid 1px #ececf1;
    display: flex; align-items: center; justify-content: center;
}
.hmyt-field-autocomplete .hmyt-ac-thumb.is-round { border-radius: 50%; }
.hmyt-field-autocomplete .hmyt-ac-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }

.hmyt-field-autocomplete .hmyt-ac-item-body { min-width: 0; gap: 2px; }

.hmyt-field-autocomplete .hmyt-ac-item-text {
    font-size: 13.5px; font-weight: 600; color: #2b2d36;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    direction: rtl; text-align: right;
}
.hmyt-field-autocomplete .hmyt-ac-item-meta { font-size: 11.5px; color: #9aa0ab; direction: rtl; text-align: right; }

.hmyt-field-autocomplete .hmyt-ac-item-check {
    width: 24px; height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    color: #fff;
    background: var(--ac-p);
    opacity: 0;
    transform: scale(.5);
    transition: all .15s ease;
}
.hmyt-field-autocomplete .hmyt-ac-item.is-selected .hmyt-ac-item-check { opacity: 1; transform: scale(1); }
.hmyt-field-autocomplete .hmyt-ac-check { width: 15px; height: 15px; }


.hmyt-field-autocomplete .hmyt-ac-chips { gap: 8px; margin-top: 2px; }
.hmyt-field-autocomplete .hmyt-ac-chips:empty { display: none; }
.hmyt-field-autocomplete .hmyt-ac-chip {
    background: #fff;
    border: solid 1px #e3e6ee;
    border-radius: 7px;
    padding: 7px 12px 7px 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #2f3340;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.hmyt-field-autocomplete .hmyt-ac-chip:hover {
    opacity: .85;
}
.hmyt-field-autocomplete .hmyt-ac-chip-thumb {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 7px;
    overflow: hidden;
}
.hmyt-field-autocomplete .hmyt-ac-chip-thumb.is-round { border-radius: 50%; }
.hmyt-field-autocomplete .hmyt-ac-chip-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }
.hmyt-field-autocomplete .hmyt-ac-chip-text { line-height: 1.7; }
.hmyt-field-autocomplete .hmyt-ac-chip-x {
    width: 19px;
    height: 19px;
    border-radius: 5px;
    color: #9aa0ab;
    background: #edeff3;
    transition: all .15s ease;
}
.hmyt-field-autocomplete .hmyt-ac-chip-x:hover {opacity: .85;}


.required { color: #e5484d; font-weight: 700; }