/*
Theme Name:  Eversell
Theme URI:   https://www.netlab360.it
Description: Divi child theme.
Author:      NetLab
Author URI:  https://www.netlab360.it
Template:    Divi
Version: 1.0.0
*/

/* ============= CF7 ============== */
.wpcf7 input[type="checkbox"] {position: relative; opacity: 1; display: block !important; -webkit-appearance: checkbox; margin: 0 10px 0 0 !important; float: left; pointer-events: auto;}
.wpcf7-acceptance {line-height:1.2em;}
input[type="radio"], input[type="checkbox"] { background: #fff !important; border-color: #101010 !important; padding: 0 !important; width: auto !important;}
.et_contact_bottom_container {display:inline-block;}
.et_pb_contact p input, .et_pb_contact p textarea {border-radius:1rem; border:3px solid #rgba(115, 189, 200, 0.15); background:#fff; font-weight: 400;}
.et_pb_contact p input:focus, .et_pb_contact p textarea:focus {border-color:#73bdc8; color: #1c1c1c;}
.et_pb_contact p input.wpcf7-submit {width:auto; border-radius:1rem; font-size:14px; font-weight:700; text-transform:uppercase; background-color:#793aff; color:#FFFFFF !important; border-width:0px !important; padding:16px 24px !important;}
.et_contact_bottom_container .wpcf7-spinner {
    float: none !important;
    margin: 10px auto 0 auto !important; /* Lo mette sotto il pulsante, centrato */
    display: block !important;
}
.wpcf7 .et_pb_button, 
.wpcf7 .et_pb_button:hover {padding:.3em 1em;}
/* ============ /CF7 ============== */

.ds-vertical-align {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.ds-vertical-align-bottom { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; flex-direction:column; justify-content:flex-end;}

@media all and (max-width: 980px) {
	.custom_row {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
	.first-on-mobile {-webkit-order:1; order:1;}
	.second-on-mobile {-webkit-order:2; order:2;}
	.third-on-mobile {-webkit-order:3; order:3;}
	.fourth-on-mobile {-webkit-order:4; order:4;}
}

.wt-cli-manage-consent-link {cursor:pointer;}
small {font-size:50%;}

.et_pb_button {letter-spacing:0.03em; white-space:nowrap;}

.et-social-linkedin a.icon:before {
    content: "\e09d";
}

/* ============ Eversell Premium Hub ============ */
#divi-hub-container { position: relative; width: 100%; aspect-ratio: 16 / 11; background: transparent; overflow: visible; font-family: Inter, Arial, sans-serif; }
#divi-hub-container #scene { position: relative; width: 100%; height: 100%; }
#divi-hub-container #svg { position: absolute; inset: 0; width: 100%; height: 100%; }

/* Hub Centrale - Desktop Base (Centrato al 55%) */
#divi-hub-container #hub { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); width: 170px; height: 170px; border-radius: 50%; background: white; display: flex; justify-content: center; align-items: center; font-size: 42px; font-weight: 300; z-index: 10; box-shadow: 0 20px 60px rgba(0,0,0,.06), 0 0 50px rgba(121,199,211,.2); transition: .4s; padding:1rem; box-sizing:border-box;}
#divi-hub-container #hub img {width:100%; height:auto; object-fit:contain;}
#divi-hub-container #hub span { color: #79c7d3; }

/* Card Elementi - Desktop Base */
#divi-hub-container .card { position: absolute; width: 180px; height: 64px; transform: translate(-50%, -50%); border-radius: 16px; background: linear-gradient(135deg, #8ad4de, #69bfcb); display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 10px !important; color: white; font-size: 17px; font-weight: 600; box-shadow: 0 10px 30px rgba(0,0,0,.06); cursor: pointer; z-index: 5; transition: .25s; }
#divi-hub-container .card:hover { transform: translate(-50%, -50%) scale(1.05); }
#divi-hub-container .card svg { display: inline-block !important; width: 20px; height: 20px; stroke: white; stroke-width: 2.2; fill: none; margin: 0; }

/* Linee di Connessione e Particelle */
#divi-hub-container .connection { fill: none; stroke: #d9e7eb; stroke-width: 2.5; }
#divi-hub-container .particle { fill: #79c7d3; filter: drop-shadow(0 0 8px #79c7d3); }


/* FASCIA DESKTOP MEDIO (981px - 1420px) - Sincronizzato top: 55% */
@media (min-width: 981px) and (max-width: 1420px) {
    #divi-hub-container { aspect-ratio: 16 / 12; }
    #divi-hub-container #hub { width: 110px; height: 110px; font-size: 1.5rem; top: 55%; }
    #divi-hub-container .card { width: 150px; height: 40px; font-size: 15px; gap: 8px !important; border-radius: 14px; }
    #divi-hub-container .card svg { width: 18px; height: 18px; }
}

/* RESPONSIVE: Tablet (Sotto i 980px) - Sincronizzato top: 55% */
@media (max-width: 980px) {
    #divi-hub-container { aspect-ratio: 16 / 13; }
    #divi-hub-container #hub { width: 140px; height: 140px; font-size: 34px; top: 55%; }
    #divi-hub-container .card { width: 150px; height: 54px; font-size: 14px; gap: 6px !important; border-radius: 12px; }
    #divi-hub-container .card svg { width: 18px; height: 18px; }
}

/* SMARTPHONE: Mobile (Sotto i 620px) - Sincronizzato top: 55% */
@media (max-width: 620px) {
    #divi-hub-container { aspect-ratio: auto; height: 330px; }
    #divi-hub-container #hub { width: 105px; height: 105px; font-size: 24px; top: 55%; }
    #divi-hub-container .card { width: 110px; height: 44px; font-size: 11px; gap: 4px !important; border-radius: 8px; }
    #divi-hub-container .card svg { width: 14px; height: 14px; stroke-width: 2; }
}