/* Dijimedi Mail Form — form.css */

.hmf-wrap {
    --hmf-color: #0d7c8f;
    --hmf-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    max-width: 400px;
}

.hmf-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hmf-fg {
    position: relative;
    width: 100%;
}

.hmf-in {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 14px 16px;
    font-size: 15px;
    font-family: inherit;
    color: #111;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: var(--hmf-radius);
    outline: none;
    transition: border-color .2s;
    line-height: 1.5;
    margin-bottom: 0px !important;
}

.hmf-in:focus {
    border-color: var(--hmf-color);
}

.hmf-in::placeholder {
    color: #aaa;
}

textarea.hmf-in {
    resize: vertical;
    min-height: 110px;
}

/* intl-tel-input */
.iti { width: 100%; display: block; }
.iti .hmf-in { width: 100%; }

/* Hata */
.hmf-err {
    font-size: 12px;
    color: #d92d20;
    margin-top: 4px;
    padding-left: 4px;
}

/* Buton */
.hmf-btn {
    display: block;
    width: 100%;
    padding: 14px;
    font-size: 15px;
    font-family: inherit;
    font-weight: 600;
    color: #fff;
    background: var(--hmf-color);
    border: none;
    border-radius: var(--hmf-radius);
    cursor: pointer;
    transition: opacity .2s;
    letter-spacing: .01em;
}

.hmf-btn:hover { opacity: .88; }
.hmf-btn:disabled { opacity: .6; cursor: not-allowed; }

/* Sonuç */
.hmf-result {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.hmf-result--ok {
    background: #ecfdf3;
    color: #027a48;
    border: 1px solid #6ce9a6;
}

.hmf-result--err {
    background: #fef3f2;
    color: #b42318;
    border: 1px solid #fda29b;
}