@charset "utf-8";

/* Fix spaziatura campi — regole non più iniettate da UACF7 dopo aggiornamento */
form.wpcf7-form textarea,
form textarea.wpcf7-textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	resize: vertical !important;
}
.uacf7-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 12px;
	width: 100%;
	box-sizing: border-box;
}
.uacf7-col-12 {
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.uacf7-col-6 {
	flex: 0 0 calc(50% - 6px);
	max-width: calc(50% - 6px);
	min-width: 0;
	box-sizing: border-box;
}
.uacf7-col-4 {
	flex: 0 0 calc(33.333% - 8px);
	max-width: calc(33.333% - 8px);
	min-width: 0;
	box-sizing: border-box;
}
.uacf7-col-3 {
	flex: 0 0 calc(25% - 9px);
	max-width: calc(25% - 9px);
	min-width: 0;
	box-sizing: border-box;
}
.uacf7-col-8 {
	flex: 0 0 calc(66.666% - 4px);
	max-width: calc(66.666% - 4px);
	min-width: 0;
	box-sizing: border-box;
}
/* Fix overflow textarea, input e select dentro le colonne */
.uacf7-col-12 textarea,
.uacf7-col-6 textarea,
.uacf7-col-4 textarea,
.uacf7-col-3 textarea,
.uacf7-col-8 textarea {
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
	resize: vertical; /* impedisce il resize orizzontale */
}
.uacf7-col-12 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]),
.uacf7-col-6 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]),
.uacf7-col-4 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]),
.uacf7-col-3 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]),
.uacf7-col-8 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]) {
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}
.uacf7-col-12 select,
.uacf7-col-6 select,
.uacf7-col-4 select,
.uacf7-col-3 select,
.uacf7-col-8 select {
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}
/* Vincola anche il wrapper span di CF7 per bloccare overflow residuo */
.uacf7-col-12 .wpcf7-form-control-wrap,
.uacf7-col-6 .wpcf7-form-control-wrap,
.uacf7-col-4 .wpcf7-form-control-wrap,
.uacf7-col-3 .wpcf7-form-control-wrap,
.uacf7-col-8 .wpcf7-form-control-wrap {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
/* Forza il contenimento della textarea */
.uacf7-row textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	resize: vertical !important;
}


/* Override UACF7 solo per il form candidatura */
.form-candidatura .uacf7-col-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-candidatura .uacf7-col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-candidatura div.uacf7-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.form-candidatura span.h5-titolo {
	line-height: 2.4 !important;
}

@media (max-width: 768px) {
	.uacf7-col-6,
	.uacf7-col-4,
	.uacf7-col-3,
	.uacf7-col-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Menù select form_prodotto */
.uacf7-uacf7style-12081 label {
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.uacf7-uacf7style-12081 input[type="email"],
.uacf7-uacf7style-12081 input[type="number"],
.uacf7-uacf7style-12081 input[type="password"],
.uacf7-uacf7style-12081 input[type="search"],
.uacf7-uacf7style-12081 input[type="tel"],
.uacf7-uacf7style-12081 input[type="text"],
.uacf7-uacf7style-12081 input[type="url"],
.uacf7-uacf7style-12081 input[type="date"],
.uacf7-uacf7style-12081 select,
.uacf7-uacf7style-12081 textarea {
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	height: 50px;
	border-width: 1px;
	border-color: #d3d3d3;
	border-style: solid;
	border-radius: 5px;
	padding-left: 10px;
}
.uacf7-uacf7style-12081 .wpcf7-radio span,
.uacf7-uacf7style-12081 .wpcf7-checkbox span {
	font-style: normal;
	font-weight: normal;
}
.uacf7-uacf7style-12081 textarea {
	height: 150px;
}
.wpcf7-form-control-wrap select {
	width: 100%;
}
.uacf7-uacf7style-12081 input[type="submit"] {
	font-style: normal;
	font-weight: normal;
	border-style: none;
}
.uacf7-uacf7style-12081 input[type="submit"]:hover {
}
.select-prodotto {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #f7f7f7;
	background-image: url("data:image/svg+xml,%3Csvg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.516 7.548a.75.75 0 011.06.024L10 11.202l3.424-3.63a.75.75 0 111.084 1.036l-4 4.24a.75.75 0 01-1.084 0l-4-4.24a.75.75 0 01.024-1.06z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.2rem center;
	background-size: 1.5rem;
	padding-right: 2.5rem;
	border: 1px solid #ccc;
	border-radius: 4px;
}


/* Alert forms */
.cf7-custom-message {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid transparent;
	border-radius: 5px;
	margin-bottom: 15px;
	font-size: 16px;
	background-color: #f9f9f9;
	color: #333;
	transition: all 0.3s ease;
}

.cf7-custom-message.success {
	border-color: #28a745;
	background-color: #d4edda;
	color: #155724;
}

.cf7-custom-message.error {
	border-color: #dc3545;
	background-color: #f8d7da;
	color: #721c24;
}




.link-descrizione {
	color: #6d6d6d;
}

.h4-titolo {
	color: #0b6ea8;
	text-align: center;
}

.h4-titolo-sx {
	/*color: #0b6ea8;
	text-align: left;*/
	
	font-family: "Montserrat", sans-serif;
	color: #0b6ea8;
	font-size: 20px;
    font-weight: bold;
	line-height: 1.2;
}

.h5-titolo {
	font-family: "IBM Plex Sans", sans-serif;
	color: #5e4c96;
	font-size: 20px;
    font-weight: bold;
	line-height: 1.2;
}




/* campi di tipo "file" */
.uacf7-uacf7style-12100 label {
	font-family: "IBM Plex Sans", sans-serif; font-style: normal;font-weight: normal;
}

.uacf7-uacf7style-12100 input[type="email"],
.uacf7-uacf7style-12100 input[type="number"],
.uacf7-uacf7style-12100 input[type="password"],
.uacf7-uacf7style-12100 input[type="search"],
.uacf7-uacf7style-12100 input[type="tel"],
.uacf7-uacf7style-12100 input[type="text"],
.uacf7-uacf7style-12100 input[type="url"],
.uacf7-uacf7style-12100 input[type="date"],
.uacf7-uacf7style-12100 select,
.uacf7-uacf7style-12100 textarea {
	color: #72777a;font-style: normal;font-weight: normal;height: 50px;border-width: 1px;border-color: #d3d3d3;border-style: solid;border-radius: 5px;padding-left: 10px;
}

.uacf7-uacf7style-12100 .wpcf7-radio span,
.uacf7-uacf7style-12100 .wpcf7-checkbox span {
	color: #72777a;font-style: normal;font-weight: normal;
}

.uacf7-uacf7style-12100 textarea {
	height: 150px;
}

.wpcf7-form-control-wrap select {
	width: 100%;
}

.uacf7-uacf7style-12100 input[type="submit"] {
	font-style: normal;font-weight: normal;border-style: none;
}

.uacf7-uacf7style-12100 input[type="submit"]:hover {
}




.file-wrapper {
	display: flex;
	width: 100%;
	position: relative;
}

.file-left {
	flex: 1;
	transition: all 0.2s ease;
	/*border:#00F 1px solid; /* Blu */
}

.file-left.with-icon {
	padding-left: 40px; /* lascia spazio al cestino */
}

.file-left.shrink {
	width: calc(100% - 40px); /* lascia spazio al cestino */
}

.file-right {
	flex: 0 0 auto;
	/*border:#F00 1px solid; /* Rosso */
}

.file-right.with-icon {
	/*margin-left: 40px; /* lascia spazio al cestino */
}




.remove-file {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	padding: 0;
	z-index: 2;
}

.file-display {
	width: 100%;
	padding: 10px 14px 10px 40px; /* spazio per il cestino a sinistra */
	border: 1px solid #ccc;
	border-right: none;
	border-radius: 5px 0 0 5px !important;
	font-size: 15px;
	font-family: "Montserrat";
	background-color: #f8f9fa;
	color: #333;
	box-sizing: border-box;
}

.file-display.has-file, .custom-file-button.has-file  {
	/*border-color: #28a745 !important; /* verde */
	/* background-color: #eaffea;  sfondo leggermente verde chiaro, opzionale */
}

.custom-file-button {
	height: 100%;
	padding: 10px;
	background-color: #f6f6f6;
	color: #6d6d6d;
	font-size: 14px;
	font-family: "IBM Plex Sans", sans-serif !important; 
	text-align: center;
	border: 1px solid #ccc;
	border-left: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	white-space: nowrap;
	position: relative;
    overflow: hidden; /* importante per non far uscire l'input */
}

.custom-file-button:hover {
	background-color: #e9ecef;
}

input[type="file"].file-hidden {
	/*display: none;*/
	
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	cursor: pointer;
}



/* RIDUZIONE CAMPO QUANDO IL CESTINO È VISIBILE */
.file-wrapper.file-has-remove .file-left {
	width: calc(100% - 40px); /* lascia spazio al cestino */
}

.file-wrapper.file-has-remove .file-right {
	flex: 0 0 auto;
}




/* Campi file allegati */
.campo-file-personalizzato {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    margin: 0; /* assicurati che non abbia margini */
    border: none; /* nessun bordo visibile */
	font-family: "IBM Plex Sans", sans-serif !important;
}
.pulsante-scegli-file {
	position: relative; z-index: 2;
}




/*
##### Stili Albo Fornitori #####
*/
.passo-1 {
  /*border:#F00 1px solid;*/
  display:block;
}



.passo-2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.passo-2-sx {
  width: 20%;
  padding: 0px;
  /*border: #F00 1px solid;*/
  padding: 0px 10px 0px 0px;
}
.passo-2-dx {
  width: 80%;
  padding: 0px;
  /*border: #FF0 1px solid;*/
}



.passo-3 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.passo-3-sx {
  width: 20%;
  padding: 0px;
  /*border: #F00 1px solid;*/
  padding: 0px 10px 0px 0px;
}

.passo-3-ct {
  width: 40%;
  padding: 0px;
  /*border: #F00 1px solid;*/
  padding: 0px 10px 0px 0px;
}

.passo-3-dx {
  width: 40%;
  padding: 0px;
  /*border: #FF0 1px solid;*/
}

.voce-categoria {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
	margin: 0px 0px 10px 0px;
    background: #f6f6f6;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    color: #333;
    text-decoration: none !important;
}

.voce-categoria.active {
  background: #e9ecef;
}

.voce-categoria a {
    text-decoration: none;
    color: inherit;
    flex-grow: 1;
}

.voce-categoria a:hover {
    text-decoration: none !important;
    color: inherit;
}

.voce-sottocategoria {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
	margin: 0px 0px 10px 0px;
    background: #f6f6f6;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    color: #333;
    text-decoration: none !important;
}

.voce-sottocategoria.active {
  background: #e9ecef;
}

.voce-sottocategoria a {
    text-decoration: none;
    color: inherit;
    flex-grow: 1;
}

.voce-sottocategoria a:hover {
    text-decoration: none !important;
    color: inherit;
}

.voce-categoria-contatore {
    margin-left: 10px;
    white-space: nowrap;
}

.bene {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	padding: 10px;
	margin: 0px 0px 10px 0px;
    background: #f6f6f6;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    color: #333;
    text-decoration: none;
    gap: 10px;
}

.checkbox-bene {
    display: flex;
    align-items: center;
}

.checkbox-bene input {
    width: 16px;
    height: 16px;
}

.etichetta-bene {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #333;
}

.ctrl_cat {
    position: absolute;
	top: -20px;
    opacity: 0;
    cursor: pointer;
}

.h5-titolo-cat {
    font-family: "Montserrat", sans-serif;
	color: #0b6ea8;
	font-size: 20px;
    font-weight: bold;
	line-height: 1.2;
	position: relative;
}


.contenitore-candidati {
	background-color: #5e4c96;
	padding: 20px;
	margin-bottom: 30px;
}

.titolo-candidati-1 {
	/*columns: 1;
    column-gap: 0px;*/
    color: #FFFFFF;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.titolo-candidati-2 {
	/*columns: 1;
    column-gap: 0px;*/
    color: #FFFFFF;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}


.input-wrapper {
	position: relative;
	z-index: 1;
}

.fake-placeholder {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: #665;
	font-size: 16px;
	pointer-events: none;
	transition: all 0.2s ease;
	z-index: 10;
	background: #f5f5f5;
}

.input-wrapper.input-focused .fake-placeholder,
.input-wrapper.has-value .fake-placeholder {
	opacity: 0;
	visibility: hidden;
}




@media (max-width: 768px) {
	.passo-2-sx,
	.passo-2-dx {
		width: 100%;
	}
	
	.passo-3-sx,
	.passo-3-ct,
	.passo-3-dx {
		width: 100%;
	}
	
	
	
	
	

	.file-wrapper {
        flex-direction: column; /* Stack vertically */
    }

    .file-left,
    .file-right {
        flex: 1 1 100%; /* Larghezza piena */
        max-width: 100%;
    }

    .file-right label.custom-file-button {
        width: 100%;
        border-radius: 0 0 5px 5px;
        border-left: 1px solid #ccc; /* ✅ Aggiungi questo */
        border-top: none;            /* Nessun bordo sopra, per unione visiva */
        box-sizing: border-box;
    }

    .file-display {
        border-radius: 5px 5px 0 0 !important;
        border-right: 1px solid #ccc; /* Ripristina il bordo mancante */
    }
	
	
	
	.passo-2-sx {
	  padding: 0px 0px 0px 0px;
	}
	
	.passo-3-sx {
	  padding: 0px 0px 0px 0px;
	}
	
	.passo-3-ct {
	  padding: 0px 0px 0px 0px;
	}
	
	.passo-3-dx {
	  padding: 0px 0px 0px 0px;
	}
	
	
	
	
	
	
	
	.file-display {
		font-size: 14px;
	}
	
	.file-right.with-icon {
		margin-left: 40px; /* lascia spazio al cestino */
	}
	
	

}



/* Pulsante "Personalizza Cookie" di CookieConsent */
.box-cookie {
    color: #1f163b;
    background-color: #d4ff47;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    position: fixed;
    bottom: 2%;
    left: 2%;
    z-index: 9999;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    transition: background-color .3s, color .3s;
}

.box-cookie:hover {
    background-color: #964c91;
    color: #fff;
}

.cookie-button {
    background: none;
    border: none;
    color: inherit; /* ← eredita dal contenitore */
    font-family: "IBM Plex Mono", monospace;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    margin: 0;
    transition: color .3s;
}

.titolo-blocco-menu-at {
	font-size: .875rem;
	font-weight: 600;
	padding-left: 23px;
	color:#5d7083;
	text-transform: uppercase;
}

/* Forza il centraggio del logo nel footer su tutte le pagine */
.elementor-1308 .elementor-element-3a50ef8 .elementor-widget-container {
    text-align: center !important;
}

/* Breadcrumb — link non attivi bianchi con underline su hover */
.page-header .breadcrumbs li a {
    color: #ffffff !important;
    text-decoration: none;
}

.page-header .breadcrumbs li a:hover {
    text-decoration: underline !important;
}

.page-header .breadcrumbs li::before {
    color: white !important;
}



/* Quadratino in alto a dx nelle immagini della pagina "Chi Siamo" */
.ot-image-box:not(.basic):after {
	background-color: #d4ff47 !important;
}

/* overlay delle immagini della pagina "Chi Siamo" */
.ot-image-box .overlay {
    z-index: 1;
    opacity: 1;
    background: linear-gradient(
        160deg,
        rgba(31, 22, 59, 0.60)  0%,
        rgba(94, 76, 150, 0.25) 60%,
        rgba(150, 76, 145, 0.15) 100%
	) !important;
}



::selection {
    background-color: #964c91;
    color: #D4FF47;  
    }

/* prefisso per Firefox vecchi */
::-moz-selection {
    background-color: #964c91;
    color: #D4FF47;
}


.octf-btn:hover {
	background-color: #964c91 !important;
}

.octf-btn {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) !important;
    transition: background-color .3s, color .3s !important;
}

.contact-info.box-style2 a:is(:hover, :focus, :active) {
    color: #d4ff47;
}

.elementor-widget-container a:is(:hover, :focus, :active) {
	color: #d4ff47;
}