/*
 * Copyright © Steris. All rights reserved.
 * See COPYING.txt for license details.
 *
 * Self-contained layout for the Steris Search Field widget. The outer width and
 * centering come from an inline style built from the widget parameters; this file
 * provides the internal layout so the input fills the chosen width and the button
 * sits beside it. It deliberately does not rely on the theme's header search styles.
 */
.steris-search-widget {
    width: 100%;
    box-sizing: border-box;
    clear: both;
}

.steris-search-widget * {
    box-sizing: border-box;
}

.steris-search-widget__heading {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.steris-search-widget--center {
    text-align: center;
}

.steris-search-widget--center .steris-search-widget__heading {
    text-align: center;
}

.steris-search-widget--right .steris-search-widget__heading {
    text-align: right;
}

.steris-search-widget--left .steris-search-widget__heading {
    text-align: left;
}

.steris-search-widget__form {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    margin: 0;
    position: relative;
    text-align: left;
}

.steris-search-widget__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.steris-search-widget__control {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.steris-search-widget__input.input-text {
    position: static;
    float: none;
    width: 100%;
    margin: 0;
}

.steris-search-widget__button {
    flex: 0 0 auto;
    white-space: nowrap;
}

.steris-search-widget__autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: left;
}