/*-------------------------------------------------------------------------*/
/* Copyright (c) DELTA X MULTIMEDIA                                        */
/* Tutti i diritti sono riservati - All rights reserved                    */
/* https://www.deltaxmultimedia.it - info@deltaxmultimeida.it              */
/* CSS Document                                                            */
/*-------------------------------------------------------------------------*/
/* Main Style - v.3.02 October 2025                                        */
/*-------------------------------------------------------------------------*/

@charset "utf-8";

@import 'reset.css';
@import 'fonts.css';
@import 'spacing.css';
@import 'fx.css';
@import 'appearance.css';


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    visibility: visible;
}

/* Smooth scroll effect */
html {

    min-width: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    /* for removing the highlight */
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}


body.no-scroll {
    overflow: hidden !important;       /* blocca scroll verticale e orizzontale */
    height: 100% !important;           /* previene lo scroll su mobile */
    padding-right: 0px !important;
}

html:not(.js-scrolling) {
  scroll-behavior: smooth;
}

/* Preload */

.img-preload,
.card .img-preload {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

img[data-src],
.card img[data-src] {
    opacity: 0;
}

/* TIPI DI HEADER */
.fullscreen-header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background-image: url('../images/img.jpg');
    /*Sostituisci con l'URL della tua immagine */
    background-size: cover;
    /* Coprire l'intera area */
    background-position: center;
    /* Centrare l'immagine */
    color: white;
    text-align: center;

    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Centrare verticalmente */
    align-items: center;
}

.header-video {

    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Adatta il video all'area dell'header */

    margin: 0;
    /* Rimuove i margini */
    padding: 0;
    /* Rimuove il padding */
}


.container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.wrapper {
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

/* --- MAIN MENU LOGO --- */

.logo {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: auto;
    min-width: 280px;
    max-width: 468px;
    /*transition: max-width 0.4s ease, min-width 0.4s ease;*/
}

.logo img {
    width: 100%;
    height: auto;
    display: block;
    /*transition: width 0.4s ease, max-width 0.4s ease;*/
}



.header-menu {
    /* display: grid;
    grid-template-columns: 1fr auto; */
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;

    background: #ffffff;
}

.header-content {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        border-bottom:1px solid #ddd;
    box-sizing: border-box;
}

.header-content-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Overlay */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}


/* Pulsante BACK TO TOP */
.btn-backtotop {
    position: fixed;
    outline: none;

    /* caratteristiche di visualizzazione definite in THEME */
    pointer-events: all;
    opacity: 0;
    visibility: hidden;

    transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.4s ease;
    
    z-index: 9;
}

 .btn-backtotop.active {
    opacity: 0.6;

    visibility: visible;
    transform: scale(1);
  }

   .btn-backtotop.disabled {
    pointer-events: none;
  }

  /* .btn-backtotop:hover definito in THEME */

  .btn-backtotop::before {

    position: relative;

  }


/* Pulsante COOKIE PREFS */
.btn-cookie-prefs {
    position: fixed;
    outline: none;
  
    /* caratteristiche di visualizzazione definite in THEME 
    pointer-events: all;*/

    transition: background-color 0.4s ease;
    
    z-index: 9;
}

/* --- CONTENTS --- */

header {
    width: 100%;
    /*position: absolute; /*serve con slider full screen*/
    z-index: 10;
    background-color: #fff;
}

main {
    line-height: normal;
    z-index: 1;
}


/* --- RESPONSIVE --- */
@media (max-width: 1020px) {
    .logo {
        max-width: 300px;
    }
}

@media (max-width: 780px) {
    .logo {
        max-width: 240px !important;
    }
}

/* --- MOBILE --- */
@media (max-width: 680px) {

    .logo {
        flex: 1;
        min-width: 100%;
        /*eliminando i due min e max, il logo viene centrato*/
        max-width: 100%;
        /*transition: max-width 0.4s ease;*/
    }

    .logo img {
        width: 100%;
        max-width: none;
    }
}