/*
Theme Name: 20205 divi 5
Theme URI: https://dinamic.ch
Template: Divi
Author: Dinamic
Author URI: https://dinamic.ch
Description: Colomboclima
Version: 5.0.0-public-beta.1.2.1763135864
Updated: 2025-11-14 15:57:44
rgba(255, 255, 255, 0.5)
*/

/* ============================================================
   CONFIGURAZIONE COLORI (Modifica solo questi valori)
   ============================================================ */
:root {
    --cf7-bg: rgba(255, 255, 255, 0.5);                 /* Sfondo campi */
    --cf7-bg-focus: #fff;           /* Sfondo campi in focus */
    --cf7-border: #ddd;             /* Bordo campi */
    --cf7-border-focus: #1669a5;    /* Bordo campo in focus */
    --cf7-text: #555;               /* Testo campo */
    --cf7-placeholder: #999;        /* Placeholder */

    --cf7-btn-text: #1669a5;        /* Testo bottone */
    --cf7-btn-border: #1669a5;      /* Bordo bottone */
    --cf7-btn-hover-bg: #1669a5;    /* BG hover bottone */
    --cf7-btn-hover-text: #fff;     /* Testo hover bottone */
}
/* ============================================================ */


/* ===== CF7 – Campi ===== */
.wpcf7 form .wpcf7-text,
.wpcf7 form .wpcf7-textarea,
.wpcf7 form .wpcf7-captchar,
.wpcf7 form select.wpcf7-select {
    width: 100%;
    padding: 16px;
    background-color: var(--cf7-bg);
    border: 1px solid var(--cf7-border);
    border-radius: 0;
    font-size: 16px;
    color: var(--cf7-text);
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    appearance: none;          /* stile più pulito */
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Icona della dropdown per il select */
.wpcf7 form select.wpcf7-select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23999' height='14' viewBox='0 0 24 24' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
}

/* Focus */
.wpcf7 form .wpcf7-text:focus,
.wpcf7 form .wpcf7-textarea:focus,
.wpcf7 form .wpcf7-captchar:focus,
.wpcf7 form select.wpcf7-select:focus {
    outline: none;
    background-color: var(--cf7-bg-focus);
    border-color: var(--cf7-border-focus);
    box-shadow: 0 0 0 1px rgba(22,105,165,0.2);
}


/* Placeholder */
.wpcf7 form .wpcf7-text::placeholder,
.wpcf7 form .wpcf7-textarea::placeholder {
    color: var(--cf7-placeholder);
}


/* ===== CF7 – Pulsante ===== */
.wpcf7 form .wpcf7-submit {
    display: inline-block;
    margin: 8px auto 0;
    padding: 8px 26px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.7;
    border-radius: 3px;
    background-color: transparent;
    color: var(--cf7-btn-text);
    border: 2px solid var(--cf7-btn-border);
    text-align: center;
    transition: all .2s ease;
}

.wpcf7 form .wpcf7-submit:hover {
    background-color: var(--cf7-btn-hover-bg);
    color: var(--cf7-btn-hover-text);
    border-color: var(--cf7-btn-hover-bg);
    transform: translateY(-1px);
}

.wpcf7 form .wpcf7-submit:active {
    transform: translateY(0);
}


/* ===== CF7 – Layout colonne ===== */
.one,
.one-half,
.one-third {
    position: relative;
    float: left;
    margin-right: 4%;
    margin-bottom: 20px;
}

.one       { width: 100%; }
.one-half  { width: 48%; }
.one-third { width: 30.66%; }

.last {
    margin-right: 0 !important;
    clear: right;
}

@media (max-width: 767px) {
    .one,
    .one-half,
    .one-third {
        width: 100%;
        margin-right: 0;
    }
}