/* =========================================================
   Hamida Traders — RTM-036
   BUYER INFORMATION FORM
   Load AFTER inquiry-remove.css and BEFORE responsive.css
   ========================================================= */

.inq-buyer-fields{
    min-width:0;
}

.inq-buyer-fields::before{
    content:"Buyer Information";
    display:block;
    margin-bottom:15px;
    color:#0f2747;
    font-size:13px;
    font-weight:800;
    letter-spacing:-.2px;
}

.inq-field-grid label{
    min-width:0;
}

.inq-field-grid label>span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.inq-field-grid label>span .inq-field-required{
    color:#b42318;
    font-size:8px;
    font-weight:900;
}

.inq-field-grid input,
.inq-field-grid select{
    min-height:44px;
}

.inq-field-grid select{
    cursor:pointer;
}

.inq-field-grid input::placeholder{
    color:#a0adbb;
}

.inq-field-grid [aria-invalid="true"]{
    border-color:rgba(220,38,38,.42)!important;
    background:#fffafa!important;
    box-shadow:0 0 0 4px rgba(220,38,38,.045)!important;
}

.inq-field-error{
    display:none;
    margin-top:5px;
    color:#b42318;
    font-size:8px;
    font-weight:650;
    line-height:1.45;
}

.inq-field-error.is-visible{
    display:block;
}

.inq-buyer-form-status{
    display:none;
    margin-top:16px;
    padding:11px 13px;
    border-radius:13px;
    font-size:9px;
    line-height:1.55;
}

.inq-buyer-form-status.is-error{
    display:block;
    color:#991b1b;
    border:1px solid rgba(220,38,38,.12);
    background:rgba(220,38,38,.045);
}

.inq-buyer-form-status.is-ready{
    display:block;
    color:#166534;
    border:1px solid rgba(22,163,74,.12);
    background:rgba(22,163,74,.045);
}

.inq-country-select{
    appearance:none;
    -webkit-appearance:none;
    padding-right:38px!important;
    background-image:
        linear-gradient(45deg,transparent 50%,#718095 50%),
        linear-gradient(135deg,#718095 50%,transparent 50%);
    background-position:
        calc(100% - 17px) 50%,
        calc(100% - 12px) 50%;
    background-size:5px 5px,5px 5px;
    background-repeat:no-repeat;
}

.inq-buyer-security-note{
    margin-top:16px;
    padding:12px 13px;
    border:1px solid rgba(0,82,204,.08);
    border-radius:13px;
    color:#62758a;
    background:rgba(0,82,204,.025);
    font-size:8px;
    line-height:1.6;
}

.inq-buyer-security-note strong{
    color:#0f2747;
}

@media(max-width:620px){
    .inq-buyer-fields::before{
        font-size:12px;
    }

    .inq-field-grid input,
    .inq-field-grid select{
        min-height:46px;
        font-size:16px; /* prevents mobile browser zoom on focus */
    }
}

@media(hover:none),(pointer:coarse){
    .inq-field-grid input,
    .inq-field-grid select{
        min-height:46px;
    }
}
