/*
  Milaro CRM - Summary FontAwesome Toggle Icons
  هدف: حذف arrowهای متنی/pseudo مثل ⌄ و جایگزینی با <i class="fa-solid fa-angle-down"></i>
*/

details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

/* خاموش کردن arrowهای pseudo قبلی */
.nav-group summary::after,
.nav-group summary:after,
.sidebar details summary::after,
.sidebar details summary:after,
.menu-group summary::after,
.menu-group summary:after,
.reception-collapse summary::after,
.reception-collapse summary:after,
.quick-service-details summary::after,
.quick-service-details summary:after,
details summary.has-fa-summary-icon::after,
details summary.has-fa-summary-icon:after {
    content: none !important;
    display: none !important;
}

/* آیکن واقعی FontAwesome */
.fa-summary-toggle {
    flex: 0 0 auto;
    margin-inline-start: 8px;
    font-size: 13px;
    line-height: 1;
    opacity: .74;
    transition: transform .16s ease, opacity .16s ease;
    transform-origin: center;
}

details[open] > summary .fa-summary-toggle {
    transform: rotate(180deg);
    opacity: .95;
}

details > summary.has-fa-summary-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* وقتی summary خودش محتوای دوطرفه دارد، آیکن برود انتهای ردیف */
.nav-group > summary.has-fa-summary-icon,
.sidebar details > summary.has-fa-summary-icon,
.menu-group > summary.has-fa-summary-icon,
.reception-collapse > summary.has-fa-summary-icon,
.quick-service-details > summary.has-fa-summary-icon {
    justify-content: space-between;
}

details > summary.has-fa-summary-icon .fa-summary-label {
    min-width: 0;
}