@layer utilities {
    .no-spinner::-webkit-inner-spin-button,
    .no-spinner::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px var(--akom-color-light-green) inset !important;
        box-shadow: 0 0 0px 1000px var(--akom-color-light-green) inset !important;
    }

    .fi-input-wrp-suffix {
        background-color: var(--akom-color-light-green) !important;
    }

    .fi-icon-btn {
        color: var(--akom-color-green) !important;
    }

    .fi-btn:hover {
        background-color: var(--akom-color-hover-green) !important;
    }

    .fi-input-wrp {
        border-radius: 40px !important;
        --tw-ring-color: none !important;
        border: none !important;
    }

    .fi-input-wrp:focus-within {
        --tw-ring-color: var(--akom-color-green) !important;
    }
    .no-spinner {
        -moz-appearance: textfield !important;
    }

    .fi-ac {
        justify-content: center !important;
        display: flex !important;
    }

    .fi-btn {
        background-color: var(--akom-color-green) !important;
    }

    .fi-simple-main {
        border-radius: 20px !important;
        box-shadow: 0 6px 10px 4px #00000026 !important;
    }

    .fi-fo-field-wrp-label span {
        color: var(--akom-color-dark-green) !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.5px !important;
    }

    .fi-simple-header-heading {
        display: none !important;
    }

    .fi-simple-header-subheading {
        display: none !important;
    }

    .fi-logo {
        height: 10em !important;
        position: relative;
        bottom: 2rem;
    }

    .fi-input-wrp-input input {
        background-color: var(--akom-color-light-green) !important;
    }

    .fi-simple-main-ctn {
        position: relative !important;
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: var(--akom-color-light-green) !important;
        padding-bottom: 10rem !important;
    }

    .fi-simple-main-ctn::after {
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        width: 100% !important;
        transform: translateX(-50%) !important;
        text-align: center !important;
        font-size: 14px !important;
        color: #065830 !important;
        content: "2025 AKOM Oldenzaal - alle rechten voorbehouden \a AKOM Ankla Oldenzaal BV \a Lübeckstraat 9, 7575 EE Oldenzaal (NL)" !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background-image: url('/images/akom_logo_variant_3.svg') !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        padding-top: 7rem !important;
        padding-bottom: 1rem !important;
    }

    .fi-simple-page {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .akom-footer {
        display: none !important;
    }
}