/* Indie Streams /subscriber/ WPForms visual-only legibility repair — v1.1.3 */
/* This stylesheet is loaded only on the Subscriber page. */
.wpforms-container .wpforms-form .wpforms-field input[type="text"],
.wpforms-container .wpforms-form .wpforms-field input[type="email"],
.wpforms-container .wpforms-form .wpforms-field input[type="tel"],
.wpforms-container .wpforms-form .wpforms-field input[type="number"],
.wpforms-container .wpforms-form .wpforms-field input[type="url"],
.wpforms-container .wpforms-form .wpforms-field input[type="search"],
.wpforms-container .wpforms-form .wpforms-field select,
.wpforms-container .wpforms-form .wpforms-field textarea {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    min-height: 66px !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

/* The subscription option must fit vertically without cropping the first line. */
.wpforms-container .wpforms-form .wpforms-field select,
.wpforms-container .wpforms-form select.wpforms-field-large,
.wpforms-container .wpforms-form .wpforms-field-payment-multiple select,
.wpforms-container .wpforms-form .wpforms-field-payment-multiple input[type="number"] {
    min-height: 70px !important;
    height: 70px !important;
    line-height: normal !important;
    padding: 12px 46px 12px 19px !important;
    font-size: 22px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    vertical-align: middle !important;
    text-overflow: clip !important;
}

/* Some WPForms versions wrap choices in a styled custom select. */
.wpforms-container .wpforms-form .choices__inner,
.wpforms-container .wpforms-form .choices__list--single,
.wpforms-container .wpforms-form .choices__item--selectable {
    color: #fff !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
}
.wpforms-container .wpforms-form .choices__inner {
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
}
.wpforms-container .wpforms-form .choices__list--dropdown,
.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
    color: #19151e !important;
    -webkit-text-fill-color: #19151e !important;
}

/* Keep dropdown menu options legible on white OS-level option menus. */
.wpforms-container .wpforms-form select option,
.wpforms-container .wpforms-form select optgroup {
    color: #19151e !important;
    -webkit-text-fill-color: #19151e !important;
    background: #fff !important;
}

.wpforms-container .wpforms-form .wpforms-field input::placeholder,
.wpforms-container .wpforms-form .wpforms-field textarea::placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}

/* WPForms payment total may be a span rather than a form input. */
.wpforms-container .wpforms-form .wpforms-field-payment-total,
.wpforms-container .wpforms-form .wpforms-field-payment-total .wpforms-payment-total,
.wpforms-container .wpforms-form .wpforms-field-payment-total .wpforms-field-description,
.wpforms-container .wpforms-form .wpforms-field-payment-total .wpforms-payment-total-price,
.wpforms-container .wpforms-form .wpforms-payment-total-price,
.wpforms-container .wpforms-form .wpforms-payment-price,
.wpforms-container .wpforms-form .wpforms-field-price,
.wpforms-container .wpforms-form .wpforms-field-payment-quantity input {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
}

/* Do not override the orange phone-country selector background. */
.wpforms-container .wpforms-form .iti input[type="tel"],
.wpforms-container .wpforms-form .iti__selected-dial-code {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 22px !important;
}
.wpforms-container .wpforms-form .iti__country-list,
.wpforms-container .wpforms-form .iti__country-list * {
    color: #17121d !important;
    -webkit-text-fill-color: #17121d !important;
}

@media (max-width: 767px) {
    .wpforms-container .wpforms-form .wpforms-field input[type="text"],
    .wpforms-container .wpforms-form .wpforms-field input[type="email"],
    .wpforms-container .wpforms-form .wpforms-field input[type="tel"],
    .wpforms-container .wpforms-form .wpforms-field input[type="number"],
    .wpforms-container .wpforms-form .wpforms-field select,
    .wpforms-container .wpforms-form .wpforms-field textarea,
    .wpforms-container .wpforms-form .wpforms-field-payment-multiple select {
        font-size: 18px !important;
        min-height: 60px !important;
        height: 60px !important;
        line-height: 1.3 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .wpforms-container .wpforms-form .wpforms-field select {
        padding-right: 38px !important;
    }
}


/* v1.1.4 — requested rgba(0,0,0,0) backgrounds for subscriber form fields.
   This CSS is only enqueued on /subscriber/; no WPForms data or form actions change. */
.wpforms-container .wpforms-form {
    --wpforms-field-background-color: rgba(0, 0, 0, 0) !important;
}
.wpforms-container .wpforms-form .wpforms-field input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
.wpforms-container .wpforms-form .wpforms-field select,
.wpforms-container .wpforms-form .wpforms-field textarea,
.wpforms-container .wpforms-form input.wpforms-field-large,
.wpforms-container .wpforms-form input.wpforms-field-medium,
.wpforms-container .wpforms-form input.wpforms-field-small,
.wpforms-container .wpforms-form select.wpforms-field-large,
.wpforms-container .wpforms-form select.wpforms-field-medium,
.wpforms-container .wpforms-form .choices__inner,
.wpforms-container .wpforms-form .choices__list--single {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Keep backgrounds transparent on hover, keyboard focus and active input. */
.wpforms-container .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):is(:hover, :focus, :active),
.wpforms-container .wpforms-form .wpforms-field select:is(:hover, :focus, :active),
.wpforms-container .wpforms-form .wpforms-field textarea:is(:hover, :focus, :active) {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
}

/* WordPress, Chrome autofill, and date widgets should not insert a solid fill. */
.wpforms-container .wpforms-form .wpforms-field input:-webkit-autofill,
.wpforms-container .wpforms-form .wpforms-field input:-webkit-autofill:hover,
.wpforms-container .wpforms-form .wpforms-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}
.wpforms-container .wpforms-form .wpforms-field input::placeholder,
.wpforms-container .wpforms-form .wpforms-field textarea::placeholder {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Leave the gold phone-country selector gold, with a clear number input. */
.wpforms-container .wpforms-form .iti input[type="tel"],
.wpforms-container .wpforms-form input[type="tel"].iti__tel-input {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Keep expanded/native option lists legible; only the closed select is clear. */
.wpforms-container .wpforms-form select option,
.wpforms-container .wpforms-form select optgroup,
.wpforms-container .wpforms-form .choices__list--dropdown {
    background-color: #ffffff !important;
    color: #19151e !important;
    -webkit-text-fill-color: #19151e !important;
}
