/* WarextMarket v0.619 - buy request reference image input */
/* WAREXT_BUY_REQUEST_UPLOAD_V0619 */

.buy-form-section-v0613 .buy-field-v0613:has(> input[type="file"][name="request_image"]) {
    gap: 10px;
}

.buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"] {
    display: block;
    width: 100%;
    min-height: 58px;
    padding: 7px 9px;
    border: 1px solid rgba(112, 125, 255, 0.30);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(16, 22, 42, 0.96), rgba(10, 15, 31, 0.96));
    color: rgba(236, 241, 255, 0.88);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.25;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 20px rgba(3, 7, 18, 0.14);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"]::file-selector-button {
    min-height: 42px;
    margin: 0 12px 0 0;
    padding: 0 16px;
    border: 1px solid rgba(134, 148, 255, 0.30);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(45, 56, 92, 0.98), rgba(29, 38, 68, 0.98));
    color: #f5f7ff;
    font: inherit;
    font-weight: 800;
    letter-spacing: .01em;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 5px 14px rgba(4, 8, 20, 0.18);
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"]:hover {
    border-color: rgba(134, 148, 255, 0.52);
    background:
        linear-gradient(180deg, rgba(20, 27, 50, 0.98), rgba(12, 18, 36, 0.98));
}

.buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"]:hover::file-selector-button {
    border-color: rgba(150, 163, 255, 0.56);
    background:
        linear-gradient(180deg, rgba(55, 68, 108, 0.99), rgba(35, 46, 80, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 7px 18px rgba(4, 8, 20, 0.22);
}

.buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"]:focus-visible {
    outline: none;
    border-color: rgba(139, 151, 255, 0.76);
    box-shadow:
        0 0 0 3px rgba(102, 116, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

@media (max-width: 640px) {
    .buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"] {
        min-height: 54px;
        padding: 6px 7px;
        font-size: 0.90rem;
    }

    .buy-form-section-v0613 .buy-field-v0613 > input[type="file"][name="request_image"]::file-selector-button {
        min-height: 40px;
        margin-right: 9px;
        padding-inline: 13px;
    }
}