/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== BACKGROUND FLATSOME ===== */


#wrapper {
    background-image: url('https://sviluppo.futurabatterie.it/wp-content/uploads/2025/11/BK-MAIN-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
}

/* ===== FIX MOBILE ===== */
@media (max-width: 768px) {
    #wrapper {
        background-attachment: scroll;
    }
}



/* ===================================== */
/* 2) HEADER FLOATING (il vero contenitore) */
/* ===================================== */

.header-wrapper {
    background: rgba(255,255,255,0.75) !important;
    backdrop-filter: blur(16px);
    border-radius: 22px !important;
    padding: 14px 18px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
    overflow: visible !important;
    z-index: 9999 !important;
}

.fill {
    height: 100%;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 18px;
}

.header-top {
    background-color: #ededed !important;
	border-radius: 10px;
}

/* ===================================== */
/* 3) WRAPPER SIMULATO (margini esterni) */
/* ===================================== */

.header {
    padding: 18px 3% 0 3%;
}




/* ===================================== */
/* 5) DROPDOWN LIBERO (non tagliato) */
/* ===================================== */

.nav-dropdown {
    z-index: 999999 !important;
}


/* ===================================== */
/* 6) MOBILE FIX — Angoli e sticky */
/* ===================================== */

@media (max-width: 768px) {

    .header {
        padding: 12px 2% 0 2%;
    }

    .header-wrapper {
        border-radius: 18px !important;
        padding: 10px 14px;
       /* box-shadow: 0 10px 22px rgba(0,0,0,0.25);*/
    }

    .stuck .header-wrapper {
        border-radius: 16px !important;
        transform: translateY(4px);
    }
}