/* Forza le dimensioni dell'IMMAGINE */
/* (Potrebbe non sovrascrivere lo stile inline di ReadyPro) */
#categorieproduces_field ul li a img {
  width: 140px !important;  
  height: auto !important;  
  display: block !important; 
  margin: 0 auto !important; 
}

/* Forza le dimensioni del LINK (<a>) che contiene l'immagine e il titolo */
#categorieproduces_field ul li a {
  width: 150px !important;   
  min-height: 120px !important; 
  display: flex !important; 
  flex-direction: column !important; 
  justify-content: center !important; 
  align-items: center !important; 
  padding: 5px !important; 
  box-sizing: border-box !important;
  
  border: none !important; /* Rimuove qualsiasi bordo solido (già presente) */
  background-color: white !important; /* Assicura uno sfondo bianco (già presente) */
  box-shadow: none !important; /* <--- QUESTA NUOVA RIGA RIMUOVE L'OMBRA! */ 
}

/* Forza le dimensioni e lo stile dei BOX (gli elementi <li>) contenitori */
#categorieproduces_field ul li.category-list-elem {
  width: 180px !important;   
  min-height: 200px !important; 
  padding: 10px !important;  
  box-sizing: border-box !important;
  display: inline-block !important; 
  vertical-align: top !important;   
  text-align: center !important; 
  /* Questi erano i test, sono già commentati */
  /* background-color: #f0f0f0 !important; */ 
  /* border: 1px solid red !important; */ 
  /* box-shadow: none !important; Ho rimosso questo da qui dato che l'ombra è sull'<a> */
}

/* Centra il testo del titolo (se non è già centrato dal <li>) */
#categorieproduces_field ul li strong.titolo {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}




#categoriesBoxes_Title {
  width: 100% !important;
  text-align: center !important;
  display: block;
  margin: 0 auto;
}

#categoriesBoxes_Title.boxTitle h1 {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

/* Forza il titolo al centro in tutta la riga */
#categoriesBoxes_Title {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Centra anche il testo dell'H1 */
#categoriesBoxes_Title.boxTitle h1 {
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}










#categoriesBoxes_Title.boxTitle {
  text-align: center !important;
  width: 100%;
  display: block;
}




/* Modifica box delle categorie nella pagina prodotti */
#categoriesBoxes li {
  width: 160px;
  height: 160px;
  background: #ffffff;
  border-radius: 12px; /* Mantieni gli angoli arrotondati */
/* box-shadow: 0 0 8px rgba(0,0,0,0.1); */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  margin: 10px;
  transition: transform 0.3s ease;
}

#categoriesBoxes li:hover {
  transform: scale(1.05);
}

#categoriesBoxes li img {
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
  margin-bottom: 10px;
  display: block;
}

/* Testo del link */
#categoriesBoxes li a {
  text-align: center;
  font-size: 13px;
  color: #013676;
  font-weight: bold;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
  #categoriesBoxes li {
    width: 45%;
  }
}

@media (max-width: 480px) {
  #categoriesBoxes li {
    width: 90%;
  }
}








body.pID_26 {
  background-color: #e6eef6 !important;
}


/* Import FontAwesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

/* === 1. Barra di ricerca nuova e stondata ovunque === */
input[type="text"].txt_search,
#header_responsive input.txt_search,
input.txt_search {
  padding: 8px 12px !important;
  font-size: 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  width: 100% !important;
  max-width: 220px !important;
  height: 40px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  transition: border-color 0.3s ease !important;
  box-sizing: border-box !important;
}

input[type="text"].txt_search:focus,
#header_responsive input.txt_search:focus,
input.txt_search:focus {
  border-color: #013676 !important;
  outline: none !important;
}

/* Pulsante lente di ingrandimento stondata */
.btn_search.main_butt {
  border-radius: 0 6px 6px 0 !important;
  border: 1px solid #013676 !important;
  background-color: #013676 !important;
  color: white !important;
  height: 40px !important;
  padding: 8px 20px !important;
  cursor: pointer;
  box-sizing: border-box !important;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn_search.main_butt:hover {
  background-color: #01265a !important;
}

/* Mobile responsive */
@media screen and (max-width: 768px) {
  input.txt_search {
    max-width: 100% !important;
    font-size: 14px !important;
  }
}

DEVO INCOLLARE QUI????


/* === 2. Sfondo azzurro o verde pagina === */
body:not(.pID_10) .wp {
  background-color: #e6eef6 !important;
}

body.pID_10 .wp {
  background-color: #e6f4e6 !important;
}

/* === 3. Nascondi la barra blu sopra il logo === */
#header_top_bar_wrapper {
  display: none !important;
}




/* Pulsante lente di ingrandimento arrotondato, abbinato e più largo */
.btn_search.main_butt {
  border-radius: 0 6px 6px 0 !important; /* arrotonda angoli destri */
  border: 1px solid #013676 !important;
  background-color: #013676 !important;
  color: white !important;
  height: 40px !important;
  padding: 8px 20px !important; /* aumentata la larghezza con padding */
  cursor: pointer;
  box-sizing: border-box !important;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn_search.main_butt:hover {
  background-color: #01265a !important;
}

/* Responsive: barra piena su schermi piccoli */
@media screen and (max-width: 768px) {
  #header_responsive input.txt_search {
    max-width: 100% !important;
    font-size: 14px !important;
  }
}


.mainPrice,
.mainPriceAmount,
td.price,
.price {
  color: #013676 !important;
}




/* === RIMOZIONI & OTTIMIZZAZIONI LAYOUT === */
.sy-slide a img, .sy-slide img, ul.sy-slides-crop li, .sy-wrapper li, .sy-wrapper, .sy-box,
.video_gallery .thumb_wrapper, .video_gallery .item {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sy-wrapper, .sy-box {
  margin-bottom: 40px !important;
}

.web-page-latest-items, #newsSearch, #colDx, #top_buttons_wrapper + div,
#header_top_bar_wrapper {
  display: none !important;
}

/* === HEADER & MENU === */
#top_buttons_wrapper {
  border-bottom: none !important;
  background: transparent !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

#header_responsive {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #f2f2f2 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#header_responsive .top_buttons_wrapper {
  display: flex !important;
  justify-content: flex-start !important;
  padding-left: 0 !important;
}

#header_responsive .box_logo {
  margin: 0 !important;
  padding: 0 !important;
}

#menu {
  background-color: transparent !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === CONTENUTO PRINCIPALE === */
#mainTableContainer, #colMid, .staticPage, .staticPage .wp, .wp[data-width="100"], .wp,
.section-container, .content-box {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background-color: #e6eef6 !important;
}

/* === BOX STILE COMUNE === */
.staticPage .wp, .staticPage .responsive-box, .staticPage .content-box, .staticPage .boxTitle {
  border-radius: 8px !important;
  background-color: #e6eef6 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05) !important;
  padding: 20px !important;
  margin: 20px auto !important;
  max-width: 1180px !important;
  box-sizing: border-box !important;
}

/* === RESPONSIVE BOX GENERICO === */
.responsive-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.responsive-box .image-box {
  flex: 0 0 400px;
  text-align: center;
}

.responsive-box .image-box img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

.responsive-box .text-box {
  flex: 1;
}

.responsive-box .text-box h3 {
  font-family: 'Fahkwang', sans-serif;
  font-size: 32px !important;
  color: #4c6898;
  margin-top: 0;
  text-align: center;
}

.responsive-box .text-box p {
  font-size: 16px;
  text-align: justify;
  margin: 0;
}

/* === GALLERIA === */
.responsive-gallery {
  text-align: center;
  margin: 40px auto;
  padding: 20px;
}

.responsive-gallery h3 {
  font-family: 'Fahkwang', sans-serif;
  font-size: 38px;
  color: #4c6898;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.gallery-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.gallery-item {
  max-width: 420px;
  width: 100%;
}

.gallery-item img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

.gallery-item p {
  margin-top: 8px;
  font-size: 16px;
  color: #444;
  font-weight: 500;
  text-align: center;
}

/* === LINK CONTINUA A LEGGERE CENTRATO === */
.web-page-content a.continue {
  text-align: center !important;
  display: block !important;
}

/* === NEWS: NASCONDE TITOLI/DATA DUPLICATI === */
.staticPage .web-page-content .title,
.staticPage .web-page-content .date {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* === COLORE VERDE PER PAGINA "AMBIENTE" === */
body.pID_10 .wp {
  background-color: #e6f4e6 !important;
}

/* === SEZIONE CONTATTI: MAPPA + TESTO CENTRATO === */
.contact-wrapper {
  max-width: 1600px;
  margin: 0 auto 40px auto;
  padding: 0 20px;
  background-color: #e6eef6;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.contact-map {
  width: 100%;
  height: 600px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  display: block;
}

/* === TESTI CENTRATI SOTTO LA MAPPA === */
.contact-centered {
  text-align: center;
  font-family: 'Fahkwang', sans-serif;
  padding: 0 20px;
}

.contact-centered h3 {
  font-size: 24px;
  color: #4c6898;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.contact-centered h4 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #4c6898;
}

.contact-centered p {
  font-size: 16px;
  margin: 6px 0;
  color: #333;
  line-height: 1.6;
}

.contact-centered i {
  margin-right: 6px;
  color: #4c6898;
}

/* === FORM CONTATTI READY PRO === */
#frmRequestInfo {
  max-width: 1180px;
  margin: 40px auto 0 auto;
  padding: 20px;
  background-color: #e6eef6;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
  box-sizing: border-box;
}

/* === MOBILE === */
@media (max-width: 768px) {
  .responsive-box {
    flex-direction: column;
    padding: 15px;
  }

  .responsive-box .image-box,
  .responsive-box .text-box {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .responsive-box .text-box h3 {
    font-size: 24px;
  }

  .responsive-box .text-box p {
    font-size: 15px;
  }

  .contact-map {
    height: 300px;
  }

  .contact-centered h3 {
    font-size: 18px;
  }
}


/* === FORM CONTATTI MODERNO (Ready Pro con ID corretto) === */
#frm_request_info {
  max-width: 600px !important;
  margin: 40px auto !important;
  padding: 30px !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) !important;
  font-family: 'Fahkwang', sans-serif !important;
  color: #333 !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* Tabelle interne */
#frm_request_info table {
  width: 100% !important;
  border-collapse: collapse !important;
}

#frm_request_info td {
  display: block !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  color: #4c6898 !important;
  font-weight: bold !important;
}

/* Input e textarea */
#frm_request_info input[type="text"],
#frm_request_info input[type="email"],
#frm_request_info textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  margin-top: 5px !important;
}

#frm_request_info input[type="text"]:focus,
#frm_request_info input[type="email"]:focus,
#frm_request_info textarea:focus {
  border-color: #4c6898 !important;
  outline: none !important;
}

/* Bottone di invio */
#frm_request_info input[type="submit"] {
  background-color: #0b3b71 !important;
  color: white !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

#frm_request_info input[type="submit"]:hover {
  background-color: #004080 !important;
}

/* Responsive */
@media (max-width: 768px) {
  #frm_request_info {
    padding: 20px !important;
    margin: 20px !important;
  }
}
.web-page-title {
  text-align: center !important;
}

#colMid .boxTitle span {
  text-align: center !important;
  display: block !important;
}

/* GALLERIA VIDEO AFFIANCATA */
.video-gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  margin: 40px auto;
  max-width: 1280px;
  padding: 0 20px;
}

.video-item {
  flex: 1 1 580px;
  max-width: 580px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.video-item video {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .video-gallery {
    flex-direction: column;
    align-items: center;
  }

  .video-item {
    max-width: 100%;
  }
}



.video-gallery {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 30px;
  max-width: 1180px;
  margin: 40px auto;
  overflow-x: auto;
}

.video-item {
  flex: 0 0 31%;
  background-color: #f0f4f8;
  padding: 16px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.video-item h3 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  margin-bottom: 12px;
  color: #1c1c1c;
}

.video-item video {
  width: 100%;
  height: auto;
  border-radius: 8px;
}




h1#categoriesBoxes_Title.boxTitle {
  width: 100%;
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}