/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Child theme di Total per il sito Qbitsoft.
Author: Lorenzo Cardellini
Author URI: https://your-site.com
Template: Total
Version: 3.1
*/


/* HOME: CLIENTI (nastro scorrevole dei loghi, usato insieme a js/qb-main.js) */
/* Griglia ferma: è la base, e resta se lo script non parte */
.qb-clients-row .qb-logos.vcex-image-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin: 0;
}

/* Il "clearfix" di Total diventerebbe una cella vuota */
.qb-clients-row .qb-logos::before,
.qb-clients-row .qb-logos::after {
    display: none;
}

.qb-clients-row .qb-logos .vcex-image-grid-entry {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

.qb-clients-row .qb-logos figure {
    margin: 0;
}

/* Riquadro bianco di ogni logo */
.qb-clients-row .qb-logos .vcex-image-grid-entry-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    margin: 0;
    padding: 16px 20px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
    transition: border-color .3s, box-shadow .3s;
}

.qb-clients-row .qb-logos .vcex-image-grid-entry:hover .vcex-image-grid-entry-img {
    border-color: #C4C6CE;
    box-shadow: 0 4px 20px -2px #0A25400F;
}

/* Logo in grigio, a colori al passaggio del mouse */
.qb-clients-row .qb-logos img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 56px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .6;
    mix-blend-mode: multiply;
    transition: filter .3s, opacity .3s;
}

.qb-clients-row .qb-logos .vcex-image-grid-entry:hover img {
    filter: none;
    opacity: 1;
}

/* Nastro scorrevole: si attiva quando lo script crea .qb-marquee */
.qb-clients-row .qb-marquee {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.qb-clients-row .qb-marquee .qb-logos.vcex-image-grid {
    display: flex;
    gap: 16px;
    width: max-content;
    margin: 0;
    animation: qb-marquee 78s linear infinite;
}

.qb-clients-row .qb-marquee .qb-logos:hover {
    animation-play-state: paused;
}

.qb-clients-row .qb-marquee .vcex-image-grid-entry {
    flex: 0 0 200px;
}

/* Scorre di una serie di loghi (metà nastro, -8px = metà del gap) e riparte senza salti */
@keyframes qb-marquee {
    to {
        transform: translateX(calc(-50% - 8px));
    }
}

@media (max-width: 1023px) {
    .qb-clients-row .qb-logos.vcex-image-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .qb-clients-row .qb-logos.vcex-image-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .qb-clients-row .qb-logos .vcex-image-grid-entry-img {
        height: 80px;
    }

    .qb-clients-row .qb-marquee .vcex-image-grid-entry {
        flex-basis: 160px;
    }
}


/* FORM CONTATTI (Contact Form 7 con html_class="qb-form") */
.qb-form label {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #0B1C30;
}

.qb-form input[type="text"],
.qb-form input[type="email"],
.qb-form input[type="tel"],
.qb-form select,
.qb-form textarea {
	width: 100%;
	margin-top: 6px;
	padding: 12px 14px;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	background-color: #FFFFFF;
	font-size: 15px;
	font-weight: 400;
	color: #0B1C30;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.qb-form input:focus,
.qb-form select:focus,
.qb-form textarea:focus {
	outline: none;
	border-color: #2563EB;
	box-shadow: 0 0 0 1px #2563EB;
}

.qb-form .wpcf7-acceptance {
	font-size: 13px;
	font-weight: 400;
	color: #43474D;
}

.qb-form .wpcf7-acceptance a {
	color: #3755C3;
}

.qb-form .wpcf7-list-item {
	margin: 0;
}

.qb-form .wpcf7-submit {
	width: 100%;
	padding: 14px 24px;
	border: 0;
	border-radius: 8px;
	background-color: #000F22;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
}

.qb-form .wpcf7-submit:hover {
	background-color: #0A2540;
}

.qb-form .wpcf7-form-control.wpcf7-not-valid {
	border-color: #BA1A1A;
}

.qb-form .wpcf7-not-valid-tip {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	color: #BA1A1A;
}

.qb-form .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 14px;
	border-radius: 8px;
	font-size: 14px;
}

/* FORM CONTATTI (Contact Form 7 con html_class="qb-form") */
.qb-form label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #0B1C30;
}

.qb-form input[type="text"],
.qb-form input[type="email"],
.qb-form input[type="tel"],
.qb-form select,
.qb-form textarea {
    width: 100%;
    margin-top: 6px;
    padding: 12px 14px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background-color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    color: #0B1C30;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.qb-form input:focus,
.qb-form select:focus,
.qb-form textarea:focus {
    outline: none;
    border-color: #2563EB;
    box-shadow: 0 0 0 1px #2563EB;
}

.qb-form .wpcf7-acceptance {
    font-size: 13px;
    font-weight: 400;
    color: #43474D;
}

.qb-form .wpcf7-acceptance a {
    color: #3755C3;
}

.qb-form .wpcf7-list-item {
    margin: 0;
}

.qb-form .wpcf7-submit {
    width: 100%;
    padding: 14px 24px;
    border: 0;
    border-radius: 8px;
    background-color: #000F22;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.qb-form .wpcf7-submit:hover {
    background-color: #0A2540;
}

.qb-form .wpcf7-form-control.wpcf7-not-valid {
    border-color: #BA1A1A;
}

.qb-form .wpcf7-not-valid-tip {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #BA1A1A;
}

.qb-form .wpcf7-response-output {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 14px;
}


/* FORM CONTATTI: DUE CAMPI PER RIGA */
.qb-form .qb-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.qb-form .qb-row p {
    margin: 0;
}

@media (max-width: 480px) {
    .qb-form .qb-row {
        grid-template-columns: 1fr;
    }
}

/* FORM CONTATTI: SPAZIO SOTTO IL PULSANTE */
.qb-form .wpcf7-form>p:last-of-type {
    position: relative;
    margin-bottom: 0;
}

.qb-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 16px;
    margin: -12px 0 0;
}

/* FORM CONTATTI: CAMPO ALLEGATO */
.qb-form input[type="file"] {
    width: 100%;
    margin-top: 6px;
    padding: 10px 14px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background-color: #FFFFFF;
    font-size: 14px;
    color: #43474D;
}

.qb-form input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 8px 14px;
    border: 0;
    border-radius: 6px;
    background-color: #000F22;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.qb-form {
    display: block;
    margin: 4px 0 16px;
    font-size: 12px;
    color: #74777E;
}