/*------------------CSS RELATIVO ALL' HEADER------------------------------ */
.theme-header {
    background-color: #55a88d !important;
}

/*------------------CSS RELATIVO ALLE CATEGORIE PRODOTTO IN HOME-----------*/

    .homepagebox{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

@media (min-width: 1000px) {
    .zscustom-highlight-boxes:hover {
        background-color: #448871 !important;
    }
    /*-----------------Css relativo alle immagini prodotto----------------------*/
        /* Contenitore dell'immagine con effetto */
        .image-hover-container {
          position: relative;
          display: inline-block;
          overflow: hidden;
        }
    /* Effetto sfocatura al passaggio del mouse */
        .image-hover-container img {
          transition: filter 0.3s ease;
          width: 100%;
        }

        .image-hover-container:hover img {
          filter: blur(3px); /* Regola il livello di sfocatura (es. 3px) */
        }

        /* Stile della scritta "Scopri dettagli" */
     .hover-text {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: white;
          background: rgba(0, 0, 0, 0.2);
          padding: 10px 20px;
          border-radius: 5px;
          opacity: 0;
          transition: opacity 0.3s ease;
          font-weight: bold;
          pointer-events: none;  /* Evita interferenze col click */
        }


        /* Mostra la scritta al hover */
        .image-hover-container:hover .hover-text {
          opacity: 1;
        }

    /* -------------------------------------------------- */

}