@use "../../jkl/index" as jkl;
@use "../../shared/input/shared-input-styles" as shared;

.jkl-search:has(button.jkl-search-submit) {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: end;

    .input-wrapper {
        border-inline-end: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    button.jkl-search-submit {
        height: 100%;
        border: var(--border);
        border-inline-start: 0;
        border-radius: var(--jkl-border-radius-s);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        min-width: unset;

        @include shared.input-separator;
    }
}