css/*
Theme Name:   Hello Elementor Child
Theme URI:    https://elementor.com/hello-theme/
Description:  Child theme di Hello Elementor
Author:       Treativa
Author URI:   https://treativa.com
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/



.icon-header .icon.icon-envelope::before {
	font-size: 12px !important;
}
.ekit-template-content-header .elementor-icon {
	font-size: 20px !important;
}

.blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-category a {
	border-radius: 0px !important; 
}
/* ========================================
   FORM RESPONSIVE - VERSIONE MIGLIORATA FLEXBOX
   ======================================== */

#responsive-form,
.responsive-form {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Spazio tra le colonne */
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
}

.form-row p {
    margin: 0;
    width: 100%;
}

.form-row label {
    color: #fff;
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

/* Colonne mobile: 100% larghezza */
.column-half,
.column-full,
.column-three {
    flex: 1 1 100%;
    min-width: 0; /* Fix per overflow */
}

.column-full {
    flex: 1 1 100%;
}

/* Desktop: layout multi-colonna */
@media only screen and (min-width: 768px) { 
    .column-half {
        flex: 1 1 calc(50% - 10px);
    }
    
    .column-three {
        flex: 1 1 calc(33.333% - 14px);
    }
}

/* Tablet: 2 colonne per .column-three */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .column-three {
        flex: 1 1 calc(50% - 10px);
    }
    
    .column-three:last-child {
        flex: 1 1 100%;
    }
}

/* Clearfix non più necessario con flexbox, ma lo lascio per compatibilità */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* ========================================
   CONTACT FORM 7 - CAMPI INPUT
   ======================================== */

#respond textarea,
#respond input[type='text'],
.contact_form input[type='text'],
.contact_form textarea,
.comment_holder #respond textarea,
.comment_holder #respond input[type='text'],
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select,
input.wpcf7-form-control.wpcf7-quiz {
    width: 100% !important;
    max-width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #333 !important;
    font-weight: 500 !important;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

input.wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus {
    border-color: #e63946; /* Rosso del brand */
    outline: none;
}

/* Textarea più alta */
textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 120px;
    resize: vertical;
}

/* Pulsante submit */
.elementor-kit-9 input[type="submit"],
input.wpcf7-form-control.wpcf7-submit {
    padding: 12px 30px;
    background-color: #e63946;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #d62839;
}

/* Select */
select option {
    font-size: 14px !important;
    padding: 8px;
}
.form-row label,
.form-row .column-full label,
.form-row .column-three label,
.form-row .column-half label, .form-row p, p  {
font-family: "Poppins", Sans-serif;
}
.form-row a{
color: #FFF;
text-decoration: underline !important;	
}

/* Messaggi di validazione */
span.wpcf7-not-valid-tip {
    font-size: 0.75em !important;
    display: block !important;
    color: #e63946;
    margin-top: 5px;
}

/* Spinner loading */
.wpcf7-spinner {
    margin-left: 10px;
}

/* Checkbox privacy */
.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item input[type="checkbox"] {
    margin-right: 8px;
    width: auto !important;
}