@font-face {
    font-family: 'Hurme Geometric Sans 1';
    src: local('Hurme Geometric Sans 1'), url('/fonts/HurmeGeometricSans1.TTF') format('truetype');
}

@font-face {
    font-family: 'Hurme Geometric Sans 1 Bold';
    src: local('Hurme Geometric Sans 1 - Bold'), url('/fonts/HurmeGeometricSans1Bold.TTF') format('truetype');
}

@font-face {
    font-family: 'Hurme Geometric Sans 1 SemiBold';
    src: local('Hurme Geometric Sans 1 - SemiBold'), url('/fonts/HurmeGeometricSans1SemiBold.TTF') format('truetype');
}

@font-face {
    font-family: 'Century Gothic Pro';
    src: local('GOTHICB'), url('/fonts/GOTHICB.TTF') format('truetype');
}

@font-face {
    font-family: 'Century Gothic';
    src: local('GOTHIC'), url('/fonts/GOTHIC.TTF') format('truetype');
}

/*
.mud-input {
    & input {
        padding-block: 13px !important;
    }
    & fieldset {
        border-radius: 99px !important;
    }
}

.mud-select {
    & .mud-input-slot {
        padding-block: 13px !important;
    }
}
*/

.mud-toolbar-gutters {
    padding-left: 1rem;
    padding-right: 1rem;
}

.mud-nav-link .mud-nav-link-text {
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nav-menu {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
}

.nav-menu .mud-nav-link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 40px;
    padding: 6px 12px;
    border-radius: 0.75rem;
    transition: padding 0.2s ease;
}

.nav-menu__link {
    font-size: 0.875rem;
}

.nav-menu__link .mud-icon-root {
    font-size: 1.25rem;
}

.nav-menu__text {
    font-size: 0.875rem;
}

@media (max-width: 960px) {
    .nav-menu {
        padding: 0.5rem 0.5rem;
    }

    .nav-menu .mud-nav-link {
        gap: 0.5rem;
        padding: 5px 10px;
    }

    .nav-menu__link {
        font-size: 0.8125rem;
    }

    .nav-menu__link .mud-icon-root {
        font-size: 1.15rem;
    }

    .nav-menu__text {
        font-size: 0.8125rem;
    }
}

@media (max-width: 600px) {
    .nav-menu {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0.5rem;
    }

    .nav-menu .mud-nav-link {
        flex: 1 1 48%;
        justify-content: center;
        flex-direction: column;
        gap: 0.35rem;
        padding: 10px 6px;
    }

    .nav-menu__link {
        font-size: 0.75rem;
        text-align: center;
    }

    .nav-menu__link .mud-icon-root {
        font-size: 1.05rem;
    }

    .nav-menu__text {
        font-size: 0.75rem;
    }
}

@media (max-width: 420px) {
    .nav-menu .mud-nav-link {
        flex: 1 1 100%;
        align-items: flex-start;
        padding: 12px 8px;
    }

    .nav-menu__link {
        font-size: 0.75rem;
    }

    .nav-menu__text {
        text-align: left;
    }
}

.mud-button-root:not(.mud-icon-button) {
    --sm-padding: 9px 16px;
    --md-padding: 11px 20px;
    --lg-padding: 12px 22px;
    padding: var(--md-padding);
    border-radius: 999px;
    box-shadow: none;

    &:hover {
        box-shadow: none;
    }

    &.mud-button-filled-size-small {
        padding: var(--sm-padding);
    }

    &.mud-button-filled-size-large {
        padding: var(--lg-padding);
    }

    &.mud-button-outlined {

        &:hover,
        &:disabled {
            border-color: transparent;
        }

        &-outlined-size-small {
            padding: var(--sm-padding);
        }

        &.mud-button-outlined-size-large {
            padding: var(--lg-padding);
        }
    }

    &.mud-button-text-size-small {
        padding: var(--sm-padding);
    }

    &.mud-button-text-size-large {
        padding: var(--lg-padding);
    }
}

.mud-chip-content {
    font-weight: 600;
}

.mud-input-control.mud-input-required>.mud-input-control-input-container>.mud-input-label {
    &::after {
        content: ' *';
    }

    &:not(.mud-disabled)::after {
        color: var(--mud-palette-error);
    }
}

.mud-table-root .mud-table-head .mud-table-cell {
    font-weight: 600;
}