@font-face {
    font-family: 'Pirulen Regular';
    src: url('pirulen.ttf') format("truetype");
}
/* Montserrat Regular */
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Archivo Bold */
@font-face {
    font-family: 'Archivo';
    src: url('Archivo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Archivo Black */
@font-face {
    font-family: 'Archivo';
    src: url('Archivo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html {
    font-size: 14px;
}

/* ==========================================================================
AGGIUNTE PER LO SFONDO CON LOGO E CONFIGURAZIONE CONTENITORE
========================================================================== */

/* Prepariamo il body per ospitare lo sfondo fisso */
body {
    position: relative;
    min-height: 95vh;
    margin: 0;
    padding-bottom: 60px; /* Evita che il footer absolute copra i contenuti in fondo */
    background-color: #ffffff;
}

    /* Creiamo lo sfondo in filigrana isolato */
    body::before {
        content: "";
        position: fixed; /* Resta fermo mentre l'utente scatta sul menu */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;/* Si posiziona dietro a testo e pulsanti */
        /* Configurazione immagine */
        background-image: url('../images/logo.JPG');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50%; /* Sul laptop prende metà schermo. Su mobile si adatterà */
        /* Opacità ridotta per non disturbare la lettura del menu */
        opacity: 0.12;
    }

/* Rendiamo trasparente lo sfondo del footer di Bootstrap per mostrare il logo sotto */
.footer {
    background-color: transparent !important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


.elsencoDettagli{
    margin-bottom:1px !important;
    padding:0px;
}

.product-pointer{
    cursor:pointer;
}