/* ==========================================================================
   CONTATTI PAGE — layout & form overrides
   ========================================================================== */

/* Top spacing between title and form */
.contatti-form {
    margin-top: 80px;
}

/* Form width — left-aligned, not centered */
.contatti-form .leform-inline.leform-container {
    max-width: 500px !important;
    margin: 0 !important;
}

/* Element spacing */
.contatti-form .leform-form-3 .leform-element {
    padding: 0 !important;
    margin-bottom: 24px;
}

.contatti-form .leform-form-3 .leform-element:last-child {
    margin-bottom: 0;
}

/* Labels */
.contatti-form .leform-form-3 .leform-element label.leform-label {
    font-family: 'Bariol', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #554596 !important;
    margin-bottom: 10px;
    display: block;
}

/* Text + Email inputs */
.contatti-form .leform-form-3 .leform-element div.leform-input input[type='text'],
.contatti-form .leform-form-3 .leform-element div.leform-input input[type='email'] {
    width: 100% !important;
    height: 44px !important;
    padding: 5px 20px !important;
    background-color: #F4F4F4 !important;
    border: 1px solid #45B384 !important;
    border-radius: 40px !important;
    font-family: 'Bariol', sans-serif !important;
    font-size: 20px !important;
    line-height: 22px !important;
    color: #554596 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Textarea */
.contatti-form .leform-form-3 .leform-element div.leform-input textarea {
    width: 100% !important;
    padding: 14px 20px !important;
    background-color: #F4F4F4 !important;
    border: 1px solid #45B384 !important;
    border-radius: 20px !important;
    font-family: 'Bariol', sans-serif !important;
    font-size: 20px !important;
    line-height: 22px !important;
    color: #554596 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    resize: vertical;
}

/* Placeholders */
.contatti-form .leform-form-3 .leform-element div.leform-input input::placeholder,
.contatti-form .leform-form-3 .leform-element div.leform-input textarea::placeholder {
    font-family: 'Bariol', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #45B384 !important;
    opacity: 1 !important;
}

.contatti-form .leform-form-3 .leform-element div.leform-input input::-ms-input-placeholder,
.contatti-form .leform-form-3 .leform-element div.leform-input textarea::-ms-input-placeholder {
    color: #45B384 !important;
    opacity: 1 !important;
}

/* Submit button */
.contatti-form .leform-form-3 .leform-element .leform-button,
.contatti-form .leform-form-3 .leform-element .leform-button:visited {
    width: 100% !important;
    height: 54px !important;
    padding: 11px 28px !important;
    background-color: #EA5B0C !important;
    background-image: none !important;
    border: 2px solid #EA5B0C !important;
    border-radius: 30px !important;
    font-family: 'Bariol', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #ffffff !important;
    text-align: center !important;
    box-shadow: none !important;
    cursor: pointer;
    display: block;
    box-sizing: border-box !important;
}

.contatti-form .leform-form-3 .leform-element .leform-button:hover {
    background-color: #c94d0a !important;
    border-color: #c94d0a !important;
}

@media (max-width: 767px) {
    .contatti-form .leform-form-3 .leform-element label.leform-label {
        font-size: 20px !important;
    }

    .contatti-form .leform-form-3 .leform-element div.leform-input input[type='text'],
    .contatti-form .leform-form-3 .leform-element div.leform-input input[type='email'],
    .contatti-form .leform-form-3 .leform-element div.leform-input textarea {
        font-size: 16px !important;
    }

    .contatti-form .leform-form-3 .leform-element div.leform-input input::placeholder,
    .contatti-form .leform-form-3 .leform-element div.leform-input textarea::placeholder {
        font-size: 16px !important;
    }

    .contatti-form .leform-form-3 .leform-element .leform-button {
        font-size: 20px !important;
    }
}