/* Inquiry Form — Figma baseline 1440px, vw skaliranje */

/* ===== SEKCIJA ===== */
.inquiry-form-section {
    width: 100%;
    background: #fff;
    padding: 0 0 5.556vw 1.528vw; /* left 22px @ 1440px, bottom 80px */
}

/* ===== FORM ===== */
.inquiry-form {
    margin: 0;
}

/* ===== GORNJI RED (4 inputa) ===== */
/* Figma: input width 223px, height 39px, gap (927-4*223)/3 ≈ 11.67px */
.inquiry-form__row {
    display: flex;
    gap: 0.810vw; /* 11.67px @ 1440px */
    align-items: flex-end;
    margin-bottom: 3.194vw; /* 46px @ 1440px — gap do textarea (598-552=46) */
}

/* ===== FIELD GROUP (label + input) ===== */
.inquiry-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.417vw; /* 6px @ 1440px */
}

.inquiry-form__field--full {
    display: flex;
    flex-direction: column;
    gap: 0.417vw;
}

/* ===== LABEL ===== */
/* Figma: Open Sans 400, 12px, line-height 100% */
.inquiry-form__label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 0.833vw; /* 12px @ 1440px */
    line-height: 1;
    letter-spacing: 0;
    color: #000;
}

/* ===== INPUT ===== */
/* Figma: width 223px, height 39px, bg #F1F1F1, border-radius 2px */
.inquiry-form__input {
    width: 15.486vw;  /* 223px @ 1440px */
    height: 2.708vw;  /* 39px @ 1440px */
    background: #F1F1F1;
    border: none;
    border-radius: 2px;
    padding: 0 0.694vw; /* horizontal padding */
    font-family: 'Open Sans', sans-serif;
    font-size: 0.833vw; /* 12px @ 1440px */
    color: #1E1E1E;
    outline: none;
    box-sizing: border-box;
}

.inquiry-form__input::placeholder {
    color: #ADADAD;
}

.inquiry-form__input:focus {
    background: #E8E8E8;
}

/* ===== TEXTAREA ===== */
/* Figma: width 927px, height 158px, bg #F1F1F1, border-radius 2px */
.inquiry-form__textarea {
    width: 64.375vw;  /* 927px @ 1440px */
    height: 10.972vw; /* 158px @ 1440px */
    background: #F1F1F1;
    border: none;
    border-radius: 2px;
    padding: 0.694vw;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.833vw; /* 12px @ 1440px */
    color: #1E1E1E;
    resize: none;
    outline: none;
    box-sizing: border-box;
}

.inquiry-form__textarea::placeholder {
    color: #ADADAD;
}

.inquiry-form__textarea:focus {
    background: #E8E8E8;
}

/* ===== SUBMIT ===== */
.inquiry-form__submit-wrap {
    margin-top: 2.222vw; /* 32px @ 1440px */
}

.inquiry-form__submit {
    height: 2.708vw; /* 39px @ 1440px — ista visina kao inputi */
    padding: 0 2.222vw;
    background: #CC4443;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-family: 'Inter', sans-serif;
    font-size: 0.833vw; /* 12px @ 1440px */
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.inquiry-form__submit:hover {
    background: #b33836;
}


/* ===== MOBITEL ( < 768px ) ===== */
@media (max-width: 767px) {
    .inquiry-form-section {
        padding: 0 20px 40px 20px;
    }

    .inquiry-form__row {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
    }

    .inquiry-form__field,
    .inquiry-form__field--full {
        width: 100%;
        gap: 6px;
    }

    .inquiry-form__label {
        font-size: 12px;
    }

    .inquiry-form__input {
        width: 100%;
        height: 44px;
        font-size: 14px;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .inquiry-form__textarea {
        width: 100%;
        height: 140px;
        font-size: 14px;
        padding: 12px;
        box-sizing: border-box;
    }

    .inquiry-form__submit-wrap {
        margin-top: 16px;
    }

    .inquiry-form__submit {
        width: 100%;
        height: 44px;
        font-size: 14px;
        box-sizing: border-box;
    }
}