/* Stella Contact Form Pro – front.css */
.scfp-front { 
    background: transparent !important; 
}
.scfp-form { display: flex; flex-direction: column; gap: 12px; }
.scfp-fg { position: relative; }

.scfp-in {
    width: 100%;
    padding: 13px 16px;
    border-radius: var(--scfp-radius, 10px);
    border: 1px solid var(--scfp-border, #d0d5dd);
    font-size: var(--scfp-fs, 15px);
    font-family: inherit;
    background: #fff;
    color: var(--scfp-label, #111);
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
.scfp-in:focus {
    border-color: var(--scfp-focus, #0d7c8f);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--scfp-focus, #0d7c8f) 15%, transparent);
}
textarea.scfp-in { resize: vertical; min-height: 100px; }

/* intl-tel-input override */
.scfp-fg .iti { width: 100%; }
.scfp-fg .iti input {
    width: 100%;
    padding: 13px 16px 13px 90px;
    border-radius: var(--scfp-radius, 10px);
    border: 1px solid var(--scfp-border, #d0d5dd);
    font-size: var(--scfp-fs, 15px);
    font-family: inherit;
    background: #fff;
    color: var(--scfp-label, #111);
    box-sizing: border-box;
    outline: none;
    height: auto;
    transition: border-color .2s;
}
.scfp-fg .iti input:focus {
    border-color: var(--scfp-focus, #0d7c8f);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--scfp-focus, #0d7c8f) 15%, transparent);
}

/* Select */
.scfp-sel-wrap { position: relative; }
.scfp-sel { appearance: none; -webkit-appearance: none; padding-right: 38px; cursor: pointer; }
.scfp-sel-arrow { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 12px; color: #555; }

/* Errors */
.scfp-err { color: #e03535; font-size: 13px; margin-top: 5px; padding-left: 4px; }

/* Button */
.scfp-btn {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: var(--scfp-radius, 10px);
    background: var(--scfp-btn, #0d7c8f);
    color: var(--scfp-btn-txt, #fff);
    font-size: var(--scfp-fs, 15px);
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    letter-spacing: .5px;
    transition: opacity .2s, filter .2s;
}
.scfp-btn:hover { filter: brightness(1.08); }
.scfp-btn:disabled { opacity: .65; cursor: not-allowed; }

/* Result */
.scfp-result { padding: 12px 16px; border-radius: 10px; font-size: 14px; text-align: center; margin-top: 4px; }
.scfp-result--ok  { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }
.scfp-result--err { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
