/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2026 | 13:24:26 */
/* =========================
   GLOBAL HEADER (all pages)
   ========================= */

/* Fade-in dell'header su caricamento */
body:not(.et-fb) header.et-l--header {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

body:not(.et-fb) header.et-l--header.header-visible {
    opacity: 1;
    visibility: visible;
}

/* Transizione fluida del background su scroll */
.et_pb_section_0_tb_header {
    transition: background-color 0.3s ease !important;
}

header {
	background-color: transparent !important;
}

/* --- Header homepage – Desktop: trasparente, diventa bianco allo scroll --- */
@media (min-width: 981px) {
    body.home header.et-l--header .et_pb_section_0_tb_header {
        background-color: transparent !important;
        background-image: none !important;
    }

    body.home header.et-l--header.header-scrolled .et_pb_section_0_tb_header {
        background-color: #ffffff !important;
    }
}

/* --- Header homepage – Mobile (≤ 980px): sempre bianco --- */
@media (max-width: 980px) {
    body.home header.et-l--header .et_pb_section_0_tb_header {
        background-color: #ffffff !important;
    }
}

/* =========================
   DROPDOWN DESKTOP
   ========================= */

.et_pb_menu .et-menu > li > ul.sub-menu {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(0,0,0,.12);
    padding: 8px 0;
}

/* =========================
   MENU – BASE RESET
   ========================= */

/* Mobile menu: sempre opaco, neutro */
.et_pb_menu .et_mobile_menu li,
.et_pb_menu .et_mobile_menu li > a {
    opacity: 1 !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Desktop menu: sicurezza */
.et_pb_menu .et-menu > li,
.et_pb_menu .et-menu > li > a {
    opacity: 1 !important;
    filter: none !important;
}

/* =========================
   CURRENT / ACTIVE STATES
   ========================= */

.et_pb_menu .et-menu > li[class*="current"],
.et_pb_menu .et_mobile_menu li[class*="current"] {
    opacity: 1 !important;
}

.et_pb_menu .et-menu > li[class*="current"] > a::after,
.et_pb_menu .et_mobile_menu li[class*="current"] > a::after {
    background: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* =========================
   HEADER CONTEXT (Theme Builder)
   ========================= */

/* Mobile menu links – tutte le pagine */
header.et-l--header [class*="et_pb_menu_"] .et_mobile_menu li > a {
    color: #000 !important;
    opacity: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Desktop menu links – tutte le pagine */
header.et-l--header [class*="et_pb_menu_"] .et-menu > li > a {
    opacity: 1 !important;
    filter: none !important;
}

/* Desktop: homepage → arancione, globale → bianco */
@media (min-width: 981px) {
    body.home header.et-l--header .et_pb_menu_0_tb_header .et-menu > li > a {
        color: #E73B2B !important;
    }
}

.et_mobile_menu {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-top: 0px;
}

.et_mobile_menu {
    transform: translateY(22.5px);
    transition: transform 0.3s ease;
}

header.et-l--header #menu-nav-ubiroom > li + li {
    margin-left: 51px;
}
