/*
 * The exact Motofit admin toolbar partial is shared by home and inner pages.
 * Do not override generic utility classes (.text-xs, .leading-7, etc.):
 * doing so changes the original Motofit button dimensions.
 */
.tg-admin-toolbar {
    font-family: "main-font", "IRANSansXFaNum", "IRANSansX", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    direction: rtl;
}

/* Protect only the Quick Create trigger from homepage's global button/font reset.
 * These values mirror the utility classes used by Motofit's original button:
 * rounded-lg, gap-2, px-2.5, leading-7, text-xs, font-medium, bg-white/10.
 * This selector applies on EVERY page, so the same component looks identical.
 */
.tg-admin-toolbar .tg-admin-quick-trigger {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 1.75rem;
    padding: 0 .625rem;
    border: 0;
    border-radius: .5rem;
    background-color: rgb(255 255 255 / 10%);
    color: #fff;
    font-family: inherit;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: normal;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s ease;
}

.tg-admin-toolbar .tg-admin-quick-trigger:hover {
    background-color: rgb(255 255 255 / 15%);
}

.tg-admin-toolbar .tg-admin-quick-trigger > svg {
    width: .875rem;
    height: .875rem;
    flex-shrink: 0;
}