#form-in9csa .in9csa-input::-webkit-input-placeholder { color: #020202 !important; opacity: 1 !important; }
#form-in9csa .in9csa-input:-moz-placeholder { color: #020202 !important; opacity: 1 !important; }
#form-in9csa .in9csa-input::-moz-placeholder { color: #020202 !important; opacity: 1 !important; }
#form-in9csa .in9csa-input:-ms-input-placeholder { color: #020202 !important; opacity: 1 !important; }

/*** Focus ***/
#form-in9csa .in9csa-input:focus::-moz-placeholder { color: transparent !important; opacity: 0 !important; }
#form-in9csa .in9csa-input:focus:-moz-placeholder { color: transparent !important; opacity: 0 !important; }
#form-in9csa .in9csa-input:focus::-webkit-input-placeholder { color: transparent !important; opacity: 0 !important; }
#form-in9csa .in9csa-input:focus:-ms-input-placeholder { color: transparent !important; opacity: 0 !important; filter: alpha(opacity=0); }

.in9csa-fields-grid {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}

/* Input and Select fields styling */
.in9csa-field-wrap {
    position: relative;
    width: 100%;
}
#form-in9csa .in9csa-input,
#form-in9csa .in9csa-select {
    width: 100%;
    height: 44px;
    padding: 10px 45px 10px 12px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #020202;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #979797;
    border-radius: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#form-in9csa .in9csa-field-select::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../img/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all .3s ease;
}
#form-in9csa #csa_year,
#form-in9csa #revista_year,
#form-in9csa #livro_year {
    padding: 10px 12px;
}
#form-in9csa .in9csa-field-keyword {
    position: relative;
}
#form-in9csa .in9csa-field-keyword::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../img/search-lupa.svg');
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Placeholder color */
#form-in9csa .in9csa-input::placeholder,
#form-in9csa .in9csa-select:invalid,
#form-in9csa .in9csa-select option[value=""] {
    color: #020202;
    text-transform: uppercase;
}
.in9csa-buttons-wrap {
    display: flex;
    gap: 5px;
}
#form-in9csa a.in9csa-btn-reset,
#form-in9csa button[type="submit"] {
    background-color: transparent;
    border: #020202 solid 1px;
    color: #151515;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    padding: 12px 20px;
    white-space: nowrap;
}
#form-in9csa button[type="submit"]:hover {
    background-color: #020202;
    color: #FFF;
}
#form-in9csa a.in9csa-btn-reset {
    position: relative;
    font-size: 0;
    background: #ec5050 url('../img/times-limpar.svg') no-repeat center center !important;
    color: #fff;
    width: 48px;
}

/* CSS-only Tooltip */
#form-in9csa a.in9csa-btn-reset::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    background-color: #333333;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 4px;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 99;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#form-in9csa a.in9csa-btn-reset::before {
    content: "";
    position: absolute;
    bottom: 112%;
    left: 50%;
    margin-bottom: -5px;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 99;
}
#form-in9csa a.in9csa-btn-reset:hover::after,
#form-in9csa a.in9csa-btn-reset:hover::before {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.in9csa-field-year {
    flex: 0 0 90px;
}
@media (max-width: 767px) {
    .in9csa-fields-grid {
        flex-direction: column;
    }
    .in9csa-field-year {
        flex: 0 0 100%;
    }
    #form-in9csa .in9csa-field-select::after {
        right: 11px;
    }
    .in9csa-buttons-wrap {
        width: 100%;
        justify-content: end;
    }
}

/* Error messages in rendering */
.in9csa-error {
    color: #d93025;
    background-color: #fce8e6;
    border: 1px solid #fad2cf;
    border-radius: var(--in9csa-border-radius);
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 20px;
}