.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(255,255,255);
	background-size:cover;
}

:root{
--wd-text-font:"Karla", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Karla", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:700;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Karla", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:700;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:14px;
}
:root{
--wd-header-el-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:12px;
}
:root{
--wd-primary-color:rgb(30,115,190);
}
:root{
--wd-alternative-color:rgb(252,222,90);
}
:root{
--wd-link-color:rgb(30,115,190);
--wd-link-color-hover:rgb(252,222,90);
}
.page .main-page-wrapper{
	background-color:#f5f5f5;
}

:root{
--btn-default-bgcolor:rgb(30,115,190);
}
:root{
--btn-default-bgcolor-hover:rgb(252,222,90);
}
:root{
--btn-shop-bgcolor:rgb(30,115,190);
}
:root{
--btn-shop-bgcolor-hover:rgb(252,222,90);
}
:root{
--btn-accent-bgcolor:rgb(30,115,190);
}
:root{
--btn-accent-bgcolor-hover:rgb(252,222,90);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
	
	
			--wd-form-brd-radius: 0px;
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #333;
	--btn-default-color-hover: #333;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-color-hover: #fff;
			--btn-default-brd-radius: 0px;
		--btn-default-box-shadow: none;
		--btn-default-box-shadow-hover: none;
		--btn-default-box-shadow-active: none;
		--btn-default-bottom: 0px;
	
			--btn-shop-brd-radius: 0px;
		--btn-shop-box-shadow: none;
		--btn-shop-box-shadow-hover: none;
		--btn-shop-box-shadow-active: none;
		--btn-shop-bottom: 0px;
	
			--btn-accent-brd-radius: 0px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
		--btn-accent-box-shadow-active: none;
		--btn-accent-bottom: 0px;
	
	
	
	
	
	
	
	
	
		}

	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1192px;
		}
	}

	.container {
		max-width: 1222px;
	}
	
	
	@media (min-width: 1222px) {

		[data-vc-full-width]:not([data-vc-stretch-content]) {
			padding-left: calc((100vw - 1222px) / 2);
			padding-right: calc((100vw - 1222px) / 2);
		}

		.platform-Windows [data-vc-full-width]:not([data-vc-stretch-content]) {
			padding-left: calc((100vw - 1239px) / 2);
			padding-right: calc((100vw - 1239px) / 2);
		}
	}

	
/* Quick view */
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

/* Shop popup */
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}

/* Age verify */
div.wd-popup.wd-age-verify {
	max-width: 500px;
}

/* Header Banner */
.header-banner {
	height: 40px;
}

body.header-banner-display .website-wrapper {
	margin-top:40px;
}

/* Tablet */
@media (max-width: 1024px) {
	/* header Banner */
	.header-banner {
		height: 40px;
	}
	
	body.header-banner-display .website-wrapper {
		margin-top:40px;
	}
}

.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
		
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//proemozioni.biz/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.1.5") format("woff2"),
	url("//proemozioni.biz/wp-content/themes/woodmart/fonts/woodmart-font.woff?v=6.1.5") format("woff");
}

/* Per uniformare voci menu come "LAVORA CON NOI" */
.woodmart-nav-link
{
  font-size: 14px !important;       /* stessa dimensione visiva */
  font-weight: 600 !important;      /* spessore coerente */
  color: #333333 !important;        /* stesso colore */
  text-transform: uppercase !important; /* tutto maiuscolo */
  letter-spacing: 0.5px;            /* migliora leggibilità */
}

/* Per cambio colore (giallo scuro) al passaggio mouse */
.woodmart-nav-link:hover
{
  color: #f0c000 !important;
}



/* Per font personalizzato bottone "LAVORA CON NOI" */
a.btn-style-default
{
    font-family: 'Montserrat', sans-serif; /* o il font che desideri */
    font-size: 14px; /* oppure 15px, se vuoi maggiore uniformità */
    font-weight: 900; /* oppure 500 per uno stile più leggero */
    text-transform: uppercase;
    color: #ffffff !important;
}

/* Per font menu a tendina - Montserrat */
.header-nav .menu > li ul.sub-menu li a
{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px; /* opzionale: adatta alla tua grafica */
    font-weight: 500; /* o 600 per un look più marcato */
}

/* Per spazio tra le voci del menu */
.main-nav > li, .navbar-nav > li
{
  margin-right: 25px;
}

/* Per regolare altezza logo */
.whb-logo img
{
  max-height: 120px !important; /* 200px era molto grande */
  height: auto !important;
}

/* Per nascondere top-bar blu sopra l'header box */
.whb-top-bar
{
  display: none !important;
}

/* Per mantenere distanza sopra e sotto ai social media */
.social-margin-top
{
  margin-top: -10px;
  margin-bottom: 30px;
}

/* Per stile contenitore (icone + testo) */
.info-inline {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #333333;
  margin-bottom: 10px;
  flex-wrap: wrap; /* se vuoi che su mobile vadano a capo */
}

/* Per il testo accanto alle icone */
.info-inline span,
.info-inline p,
.info-inline div {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}


/* Per stile bottone */
.icon-img
{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* Per cambio dimensione txt sezione "Ricerca e selezione del personale */
.testo-descrizione
{
  font-size: 22px;               /* Dimensione del testo */
  line-height: 1.7;              /* Spaziatura tra righe */
  font-family: 'Montserrat', sans-serif;  /* Font coerente con il sito */
  font-weight: 400;              /* Peso del font: normale */
  color: #333333;                /* Colore leggibile su sfondo chiaro */
  text-align: justify;           /* Allineamento giustificato */
  margin-bottom: 30px;           /* Spazio sotto al blocco */
}

/* Per cambio font etichette form "Ricerca e selezione del personale */

.form-montserrat label,
.form-montserrat input,
.form-montserrat select,
.form-montserrat textarea,
.form-montserrat button,
.form-montserrat input[type="submit"]
{
  font-family: 'Montserrat', sans-serif !important;
}

/* Per forzare la visibilità dei contatti sotto form "Ricerca e selezione del personale */
.info-inline
{
  color: #333333 !important;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block;
}

.info-box-content
{
  display: block !important;
  text-align: center;
  color: #333333;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.info-box-content p,
.info-box-content strong
{
  color: #333333;
  font-weight: 600;
  margin: 0;
}

.info-box-content span
{
  font-weight: 400;
}

.wpcf7
{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.wpcf7 p
{
  width: 100%;
  max-width: 500px;
  margin: 10px auto;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="file"],
.wpcf7 textarea,
.wpcf7 select
{
  width: 100%;
  max-width: 500px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] 
{
  width: auto;
  margin-right: 5px;
}

.wpcf7 .wpcf7-list-item-label
{
  margin-right: 15px;
}

.wpcf7 .wpcf7-submit
{
  margin-top: 20px;
  background-color: #005bac; /* Cambia colore a piacere */
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 5px;
  cursor: pointer;
}

.wpcf7 .wpcf7-submit:hover
{
  background-color: #003f7a;
}

.wpcf7 label
{
  font-weight: bold;
}

.wpcf7 .wpcf7-submit
{
  margin-top: 20px;
  background-color: #fcde5a; /* Giallo chiaro */
  color: #000000; /* Testo nero */
  border: none;
  padding: 12px 30px;
  border-radius: 999px; /* Arrotondato */
  font-weight: normal; /* Niente grassetto */
  font-size: 16px;
  text-transform: none; /* Mantieni minuscolo */
  cursor: pointer;
  transition: background-color 0.3s ease;
  opacity: 1; /* Nessuna trasparenza */
}

/* Giallo un po' più scuro al passaggio mouse */
.wpcf7 .wpcf7-submit:hover
{
  background-color: #FFC107;
}

/* Per forzatura colore bianco Footer */
.footer-sidebar {
  background-color: #ffffff !important;
  background-image: none !important;
}

footer, .site-footer {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Colore del testo nel footer */
.footer-sidebar, 
.footer-sidebar .wpb_wrapper,
.footer-sidebar p,
.footer-sidebar a,
.footer-sidebar strong,
.footer-sidebar span,
.footer-sidebar div,
footer.site-footer {
  color: #333333 !important; /* Testo scuro leggibile */
  font-family: 'Montserrat', sans-serif !important;
}

/* Colore delle icone social nel footer */
.footer-sidebar .wd-social-icons .wd-icon,
.footer-sidebar .wd-social-icon:before,
.footer-sidebar .wd-social-icon svg {
  color: #333333 !important;  /* oppure prova #000 per più contrasto */
  fill: #333333 !important;
}

/* Opzionale: colore hover per le icone social */
.footer-sidebar .wd-social-icon:hover svg,
.footer-sidebar .wd-social-icon:hover:before {
  color: #f0c000 !important;  /* giallo scuro come nel menu */
  fill: #f0c000 !important;
}

/* ====== SOCIAL ICONS FOOTER ====== */
.footer-sidebar .wd-social-icon svg,
.footer-sidebar .wd-social-icon:before,
.footer-sidebar .wd-icon,
.footer-sidebar .wd-social-icons .wd-icon {
  color: #333333 !important;   /* Icone visibili su sfondo bianco */
  fill: #333333 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover: giallo scuro */
.footer-sidebar .wd-social-icon:hover svg,
.footer-sidebar .wd-social-icon:hover:before,
.footer-sidebar .wd-social-icon:hover .wd-icon {
  color: #f0c000 !important;
  fill: #f0c000 !important;
}

/* ====== ICONA COOKIE E PRIVACY ====== */
.footer-sidebar .fa-cookie-bite,
.footer-sidebar .fa-user-secret,
.footer-sidebar .list-icon {
  color: #333333 !important;
  font-size: 18px !important;
  margin-right: 8px;
  visibility: visible !important;
  opacity: 1 !important;
}


/* Forza anche gli span delle icone, se usati */
.footer-sidebar li .list-icon span {
  color: #333333 !important;
  font-size: 18px;
}

/* Corregge visibilità lista link se presente */
.footer-sidebar ul.wd-list li {
  color: #333333 !important;
  font-family: 'Montserrat', sans-serif;
}

.footer-social-icons a {
  margin: 0 10px;
  font-size: 24px;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-social-icons a:hover {
  color: #007bff;
}

.footer-social-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 0;
}

.footer-social-icons a {
  margin: 10px;
  font-size: 24px;
  color: #333;
}

@media (max-width: 768px) {
  .footer-social-icons a {
    font-size: 28px;
  }
}

/* Applica font Montserrat e dimensione 13px a tutte le etichette del form */
.wpcf7-form label {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

/* Applica font Montserrat e dimensione 13px anche alla checkbox con testo di autorizzazione */
.wpcf7-form .wpcf7-acceptance label {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.wpcf7-form p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.wpcf7-form label,
.wpcf7-form p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
}

/* Per compatibilità ampia */
.wpcf7-form p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
}

/* Per maggiore precisione su input telefono nei browser moderni */
.wpcf7-form p:has(input[type="tel"]),
.wpcf7-form input[type="tel"] {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
}

.wpcf7 .wpcf7-submit {
  font-weight: bold !important;
	    font-size: 13px !important;
}

input[type="file"]::file-selector-button {
  font-weight: normal !important;
}
input[type="file"]::-webkit-file-upload-button {
  font-weight: normal !important;
}
input[type="file"] {
  font-weight: normal !important;
}

/* Applicazione dello stile ai form di contatto */
form,
.wpcf7-form {
  background-color: #ffffff !important; /* Imposta uno sfondo bianco */
  padding: 20px; /* Aggiunge spazio interno */
  border-radius: 8px; /* Angoli arrotondati */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Leggera ombra per evidenziare */
  color: #000000; /* Testo nero per migliorare la leggibilità */
}

/* Stile per le etichette dei campi */
.wpcf7-form label
{
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

/* Stile per i campi di input, textarea e select */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select
{
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
}

/* Stile per il pulsante di invio */
.wpcf7-form input[type="submit"]
{
  background-color: #0073e6; /* Colore di sfondo del pulsante */
  color: #fff; /* Colore del testo */
  border: none;
  padding: 12px 25px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Effetto hover sul pulsante */
.wpcf7-form input[type="submit"]:hover
{
  background-color: #005bb5;
}



/* Contenitore del form */
.wpcf7-form
{
  background-color: #ffffff !important;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #000000;
}

/* Etichette dei campi in semi-grassetto */
.wpcf7-form label
{
  display: block;
  margin-bottom: 10px;
  font-weight: 600; /* <--- SEMI-GRASSETTO */
  color: #000;
}

/* Campi input, textarea e select */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select
{
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
}

/* Pulsante di invio tondo */
.wpcf7-form input[type="submit"]
{
  background-color: #0073e6;
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 999px; /* <--- TONDO */
  cursor: pointer;
  transition: background-color 0.3s ease;
	font-weight: 600;
}

/* Hover sul pulsante */
.wpcf7-form input[type="submit"]:hover
{
  background-color: #005bb5;
}

/* Etichette generali in grassetto */
.wpcf7-form label
{
font-weight: 600;
}

.wd-social-icon .wd-icon::before
{
  font-family: 'woodmart-font' !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
}

.footer-container
{
  margin-top: 0 !important;
  padding-top: 5px; /* Regola a piacere */
}

.footer-corporate-2
{
  margin-top: 0 !important;
  padding-top: 5px;
}

.vc_row.wpb_row.vc_row-fluid
{
  margin-bottom: 0;
}

/* Rimuove spazio sopra il logo nel footer */
.footer-sidebar .vc_row,
.footer-sidebar .vc_column_container,
.footer-sidebar .vc_single_image-wrapper
{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Rimuove margine dal contenitore immagine */
.footer-sidebar .vc_figure
{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Riduce spazio sopra il footer intero */
.footer-container
{
    padding-top: 10px !important; /* o anche 0 se serve */
    margin-top: 0 !important;
}



/* Rimuovere spazi sopra e sotto il logo del footer */
#footer-logo 
{
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Target specifico del contenitore immagine */
#footer-logo .vc_single_image-wrapper 
{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Nel caso l’immagine sia dentro figure */
#footer-logo .vc_figure
{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Importa Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Contenitore della privacy policy: puoi cambiare il selettore in base alla pagina, qui suppongo .entry-content */
.entry-content
{
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: #222222 !important;
  line-height: 1.6 !important;
  max-width: 100% !important;
	width: 100% !important;
  margin: 0 auto;
}


/* Titoli numerati h2 */
.entry-content h2
{
  font-weight: 700 !important;
  font-size: 20px !important;
  margin-top: 2em !important;
  margin-bottom: 0.8em !important;
  color: #111111 !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Paragrafi */
.entry-content p
{
  margin-bottom: 1.2em !important;
}

/* Grassetti */
.entry-content strong
{
  font-weight: 700 !important;
}

/* Link */
.entry-content a
{
  color: #0073e6 !important;
  text-decoration: underline !important;
}

/* Liste */
.entry-content ul,
.entry-content ol
{
  margin-left: 1.5em !important;
  margin-bottom: 1.2em !important;
}

/* Nascondere solo le icone Font Awesome per "cookie policy" e "privacy policy" */
.footer-sidebar .fa-cookie-bite,
.footer-sidebar .fa-user-secret {
  display: none !important; /* Nasconde le icone */
}

/* Seleziona gli item della lista con le voci "Cookie Policy" e "Privacy Policy" */
.wd-list .list-icon {
  display: inline-block !important;  /* Rende l'icona visibile accanto al testo */
  font-size: 12px !important;        /* Riduci la dimensione dell'emoji */
  margin-right: 5px !important;      /* Spazio tra l'emoji e il testo */
  vertical-align: middle !important; /* Allinea verticalmente l'emoji e il testo */
}

/* Modifica il contenuto dell'icona */
.wd-list .list-icon.fas.fa-cookie-bite::before {
  content: "🍪" !important;  /* Sostituisci l'icona con l'emoji del biscotto */
}

.wd-list .list-icon.fas.fa-user-secret::before {
  content: "🔒" !important;  /* Sostituisci l'icona con l'emoji del lucchetto */
}

/* Assicurati che il testo sia allineato bene con l'emoji */
.wd-list .list-content {
  font-size: 12px !important; /* Mantieni una buona dimensione per il testo */
  font-family: 'Montserrat', sans-serif !important; /* Assicurati che il font sia coerente */
}

/* Forza la visibilità solo per Facebook, LinkedIn, Instagram e WhatsApp */
.wd-social-icon.social-facebook,
.wd-social-icon.social-linkedin,
.wd-social-icon.social-instagram,
.wd-social-icon.social-whatsapp {
    display: inline-block !important; /* Forza la visualizzazione */
}

/* Icone social: cerchio bianco con icone centrate */
.wd-social-icon {
    width: 40px; /* Dimensione dell'icona */
    height: 40px; /* Dimensione dell'icona */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Cerchio */
    background-color: #fff; /* Colore di sfondo del cerchio (bianco per tutte) */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Ombra per le icone */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Transizione per effetto hover */
}

/* Facebook */
.wd-social-icon.social-facebook {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a5/Facebook_F_logo_%282019%29.svg') !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Instagram */
.wd-social-icon.social-instagram {
    background-color: #E1306C !important; /* Colore di sfondo Instagram */
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Instagram_logo_2022.svg/1200px-Instagram_logo_2022.svg.png') !important; /* URL dell'icona Instagram */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* WhatsApp */
.wd-social-icon.social-whatsapp {
    background-color: #25D366 !important; /* Colore di sfondo WhatsApp */
    background-image
	
	
	
	/* Stili per le icone social nel footer */
.social-buttons a {
    border-radius: 50%;
    background-color: #ffffff;
    padding: 6px;
    margin: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.social-buttons a i {
    color: #4a4a4a;  /* Colore normale delle icone */
    font-size: 20px;
}

.social-buttons a:hover i {
    color: #ffcc00;  /* Colore delle icone al passaggio del mouse */
}

/* Nascondi tutte le icone social che non sono Facebook, Instagram, LinkedIn e WhatsApp */
.social-buttons a:not([href*="facebook.com"]):not([href*="instagram.com"]):not([href*="linkedin.com"]):not([href*="wa.me"]) {
    display: none !important;
}

/* Disabilita gli effetti hover per le icone non visibili */
.social-buttons a:not([href*="facebook.com"]):not([href*="instagram.com"]):not([href*="linkedin.com"]):not([href*="wa.me"]):hover {
    pointer-events: none !important;
}

/* Nascondi tutte le icone social, se ci sono */
.social-buttons a {
    display: none !important;
}

/* Mostra solo Facebook, Instagram, LinkedIn e WhatsApp */
.social-buttons a[href*="facebook.com"],
.social-buttons a[href*="instagram.com"],
.social-buttons a[href*="linkedin.com"],
.social-buttons a[href*="wa.me"] {
    display: inline-block !important;
}

/* Stile per le icone social */
.social-buttons a
	{
    border-radius: 50%;
    background-color: #ffffff;
    padding: 6px;
    margin: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
	}

/* Cambia colore delle icone al passaggio del mouse */
.social-buttons a:hover i
	{
    color: #ffcc00;  /* Cambia il colore dell'icona quando viene passata sopra con il mouse */
	}
	
footer .wd-social-icon.social-twitter,
footer .wd-social-icon.social-pinterest,
footer .wd-social-icon.social-tg
	{
    display: none !important;
	}

.social-icon-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #444; /* sfondo grigio scuro, puoi cambiare */
  color: white;
  text-align: center;
  font-size: 18px;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 0 8px;
}
	
.btn-color-primary {
  color: #fff !important;        /* testo bianco */
  background-color: #007bff !important; /* sfondo blu */
  border-color: #007bff !important;     /* bordo blu */
}

.btn-color-primary:hover,
.btn-color-primary:focus,
.btn-color-primary:active {
  color: #fff !important; /* testo bianco anche al hover/focus */
  background-color: #0056b3 !important; /* blu più scuro al passaggio mouse */
  border-color: #0056b3 !important;
}
	
	
	
	
/* Stile personalizzato per il bottone "contattaci" nel footer */
a.btn.btn-color-primary.btn-style-default {
  background-color: #fcde5a !important;  /* Sfondo giallo */
  color: #ffffff !important;             /* Testo bianco */
  text-decoration: none !important;      /* Rimuove sottolineatura */
  border: none !important;
  margin-top: 10px !important;           /* Avvicina il bottone al testo sopra */
}

/* Hover effect */
a.btn.btn-color-primary.btn-style-default:hover {
  background-color: #f0c000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
	
	
.social-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center; /* o left, right a piacere */
  gap: 10px; /* spazio tra le icone */
}
	.social-buttons {
  display: flex !important;       /* Usa Flexbox */
  flex-direction: row !important; /* Direzione orizzontale */
  justify-content: center !important; /* Centra orizzontalmente */
  gap: 10px;                      /* Spazio tra le icone */
}

.social-buttons a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}
align-content
	
	
	
.footer-social-icons {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 15px; /* Spazio tra icone */
  flex-wrap: nowrap; /* evita che vadano a capo */
}

.footer-social-icons a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}
	
<div style="display: flex; justify-content: center; gap: 20px;">
  <a href="https://www.facebook.com/proemozioniofficial" target="_blank" style="color: #3b5998; font-size: 24px;" aria-label="Facebook">
    <i class="fab fa-facebook-f"></i>
  </a>
  <a href="https://www.instagram.com/proemozioni_group/#" target="_blank" style="color: #e4405f; font-size: 24px;" aria-label="Instagram">
    <i class="fab fa-instagram"></i>
  </a>
  <a href="https://www.linkedin.com/company/proemozionigroup/?viewAsMember=true" target="_blank" style="color: #0077b5; font-size: 24px;" aria-label="LinkedIn">
    <i class="fab fa-linkedin-in"></i>
  </a>
  <a href="https://wa.me/393408071703" target="_blank" style="color: #25d366; font-size: 24px;" aria-label="WhatsApp">
    <i class="fab fa-whatsapp"></i>
  </a>
</div>

	.social-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.social-buttons a {
  font-size: 24px;
}

.social-buttons a[href*="facebook"] { color: #3b5998; }
.social-buttons a[href*="instagram"] { color: #e4405f; }
.social-buttons a[href*="linkedin"] { color: #0077b5; }
.social-buttons a[href*="wa.me"] { color: #25d366; }


<a href="https://www.facebook.com/proemozioniofficial" target="_blank" style="margin: 0 10px; color: #3b5998; font-size: 20px;" aria-label="Facebook">
  <i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/proemozioni_group/#" target="_blank" style="margin: 0 10px; color: #e4405f; font-size: 20px;" aria-label="Instagram">
  <i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/company/proemozionigroup/?viewAsMember=true" target="_blank" style="margin: 0 10px; color: #0077b5; font-size: 20px;" aria-label="LinkedIn">
  <i class="fab fa-linkedin-in"></i>
</a>
<a href="https://wa.me/393408071703" target="_blank" style="margin: 0 10px; color: #25d366; font-size: 20px;" aria-label="WhatsApp">
  <i class="fab fa-whatsapp"></i>
</a>
	
/* Forza le icone social a stare in linea orizzontale */
.footer-social-icons,
.footer-social-icons .woodmart-social-icons,
.footer-social-icons .woodmart-social-icons li {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
}

/* Rimuove eventuali margini/padding verticali */
.footer-social-icons .woodmart-social-icons li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Se le icone sono troppo grandi o fuori linea */
.footer-social-icons .woodmart-social-icons li a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Forza le icone social ad andare in riga orizzontale */
.woodmart-social-icons,
.woodmart-social-icons ul,
.woodmart-social-icons li {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px;
}

/* Rimuove i margini verticali che causano spaziature sbagliate */
.woodmart-social-icons li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Centra le icone nel contenitore */
.woodmart-social-icons {
    text-align: center !important;
}

.footer-social-icons {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  margin-top: 20px;
}

.footer-social-icons a {
  font-size: 16px !important;
  color: #333333 !important;  /* Nero scuro */
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.footer-social-icons a:hover {
  color: #fcde5a !important; /* Giallo scuro al passaggio mouse */
}