/* Forms */

/* Base styles */
input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="number"], input[type="password"],
input[type="date"], select, textarea {
    @apply px-4 py-2 w-full rounded-full border-2 border-navy;
    @apply text-navy bg-white;
    @apply focus-visible:border-red focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;

    font-size: inherit;
    line-height: inherit;
}

/* Gravity Forms styles */
.gform_wrapper {
    @apply max-w-full mx-auto;

    .gform_fields { @apply text-navy; }

    fieldset.gfield { @apply mb-6; }

    legend, label { @apply text-lg font-bold mb-2 text-white; }

    label.gform-field-label--type-sub{ @apply font-normal text-base; }

    .gfield_required { @apply text-red text-xs font-bold ml-1; }

    input[type="text"], input[type="email"], input[type="tel"],
    input[type="url"], input[type="number"], input[type="password"],
    input[type="date"], select, textarea {
        @apply text-white bg-transparent border-white rounded-full;
        @apply focus-visible:border-red focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
    }

    textarea {
        border-radius: 45px;
    }

    input[type="submit"] {
        /* @apply btn bg-red; */
    }

    .dark {
        input[type="text"], input[type="email"], input[type="tel"],
        input[type="url"], input[type="number"], input[type="password"],
        input[type="date"], select, textarea {
            @apply text-black bg-white;
            @apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
        }
    }

    .ginput_complex {
        @apply sm:flex;

        span {
            @apply block grow;

            &:not(:first-child) { @apply mt-6 sm:mt-0 sm:ml-4; }
        }
    }

    .gform_footer { @apply mt-8; }

    h2.gform_submission_error { @apply text-xl text-red font-bold my-4; }

    .validation_message { @apply italic text-red; }

    .hidden_label > label { @apply hidden; }
}

/* Search block styles */
.wp-block-search__input {
    @apply px-4 py-2 w-full rounded-full border-2 border-transparent focus-visible:bg-teal-light focus-visible:border-red;

    appearance: none;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    text-decoration: unset !important;
}
