/* Kontaktformuläret: rader med ram och etiketten på samma rad.
   !important på några rader: Nectars regler för formulär väger annars tyngre. */
.salming-contact {
    font-size: 18px;
    color: inherit;
}

.salming-contact__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
}

.salming-contact__row {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 0.2em 1em;
    background: #fff;
}

.salming-contact__row:focus-within {
    outline: 2px solid #000;
    outline-offset: 1px;
}

.salming-contact__row--message {
    align-items: flex-start;
}

.salming-contact .salming-contact__row label {
    flex: 0 0 120px;
    margin: 0 0 0 0.5em;
    padding: 0.5em 0;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-transform: none;
}

.salming-contact .salming-contact__row input,
.salming-contact .salming-contact__row textarea {
    flex: 1;
    min-width: 0;
    width: 100%;
    margin: 0.25em 0;
    padding: 10px !important;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    background: none;
    font-family: inherit;
    font-size: 18px !important;
    font-weight: 200;
    color: inherit;
    appearance: none;
    caret-color: inherit;
}

.salming-contact .salming-contact__row textarea {
    min-height: 114px;
    resize: vertical;
}

.salming-contact .salming-contact__row input::placeholder {
    color: #000;
    opacity: 0.45;
}

.salming-contact .salming-contact__row input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    box-shadow: inset 0 0 0 1000px #fff;
}

.salming-contact .salming-contact__submit,
body[data-form-b-style] .container-wrap .salming-contact__form button[type="submit"].salming-contact__submit:not(.search-widget-btn) {
    align-self: flex-start;
    margin: 0 !important;
    padding: 0.2em 0 !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    color: #000;
    font-family: inherit;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: normal;
    text-decoration: underline;
    text-transform: none;
    cursor: pointer;
}

.salming-contact .salming-contact__submit:disabled {
    opacity: 0.5;
    cursor: default;
}

.salming-contact__error {
    margin: 0;
    color: #a00000;
    font-size: 18px;
}

.salming-contact__error[hidden] {
    display: none;
}

.salming-contact__thanks {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.3;
    outline: 0;
}

.salming-contact__thanks p:last-child {
    margin-bottom: 0;
}

/* Dolt fält för robotar. Inte display:none, som många robotar hoppar över. */
.salming-contact__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .salming-contact__form {
        gap: 12px;
    }

    .salming-contact .salming-contact__row label {
        flex-basis: 70px;
        margin-left: 0.2em;
        padding: 0.5em 0;
        font-size: 16px;
    }

    .salming-contact .salming-contact__row input,
    .salming-contact .salming-contact__row textarea {
        margin: 0;
        padding: 0.5em !important;
        font-size: 16px !important;
    }

    .salming-contact .salming-contact__row textarea {
        min-height: 90px;
    }

    .salming-contact .salming-contact__submit,
    body[data-form-b-style] .container-wrap .salming-contact__form button[type="submit"].salming-contact__submit:not(.search-widget-btn) {
        font-size: 18px;
    }
}