.site-header {
    width: 100% !important;
    position: fixed !important;
    backdrop-filter: blur(50px) !important;
    -webkit-backdrop-filter: blur(50px) !important;
    background: rgba((14,13,18,0)); /* Sfondo semitrasparente */
    transition: background 3s ease-in-out, backdrop-filter 3s ease-in-out;
}

@media (max-width: 921px) {
	.site-header {
		 background: none;
		 backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
	}
}

@media (max-width: 921px) {
	#ast-hf-mobile-menu {
      background: none !important;
	}
}

ul, li, a, a.menu-link:focus {
	    -webkit-tap-highlight-color: transparent!important; /* Rimuove l'effetto azzurrino del tap */
    user-select: none!important; /* Impedisce la selezione del testo e l'effetto di focus lungo */
}

svg.ast-mobile-svg.ast-close-svg {
	  width: 24px !important;
    height: 24px !important;
}

.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
	border: none!important;
}

button#menu-toggle-close {
	margin-right: 20px!important;
}

button.menu-toggle.main-header-menu-toggle {
	background: #0E0D12!important;
}

button:focus,
button:active,
button:focus-within {
    box-shadow: none!important;
    -webkit-tap-highlight-color: transparent!important; /* Rimuove il "tap highlight" sui dispositivi mobile */
	    user-select: none !important; /* Impedisce la selezione del testo e l'effetto di focus lungo */
}

.elementor-kit-32 button,
.elementor-kit-32 input[type="button"],
.elementor-kit-32 input[type="submit"],
.elementor-kit-32 .elementor-button {
    box-shadow: none!important;
    -webkit-tap-highlight-color: transparent!important; /* Rimuove l'effetto azzurrino del tap */
    user-select: none!important; /* Impedisce la selezione del testo e l'effetto di focus lungo */
}


.ast-custom-button {
	padding: 8px 18px 8px 20px;
}

.ast-custom-button:after {
  content: "";
margin-left: 20px; /* Space between the text and the arrow */
	padding-right: 18px;
  background-image: url('https://lunaticiescaperoom.com/wp-content/uploads/2025/03/Lunatici_ArrowButton→Website.svg'); /* Replace with your SVG arrow data URL or file path */
  background-size: 16px 17.77px; /* Ensure the SVG scales properly */
  background-repeat: no-repeat;
}

.elementor-button-content-wrapper {
    align-items: center;
}

.elementor-button:hover > .elementor-button-content-wrapper > .elementor-button-icon > svg > path {
fill: #0E0D12!important;
}

.ast-custom-button:hover::after  {
    content: "";
    margin-left: 20px;
    padding-right: 18px;
    background-image: url(https://lunaticiescaperoom.com/wp-content/uploads/2025/04/arrow-hover.svg);
    background-size: 16px 17.77px;
    background-repeat: no-repeat;
	  transition: all .2s linear;
}

.menu-link {
  position: relative; /* Required for absolute positioning of the underline */
  text-decoration: none; /* Remove default underline */
  color: inherit; /* Inherit the text color from parent element, or set a color */
  transition: color 0.3s ease; /* Smooth color transition */
}

.menu-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* Adjust the distance from the text */
  width: 100%;
  height: 2px; /* Underline thickness */
  background-color: transparent; /* Initially transparent */
  transition: background-color 0.3s ease, height 0.3s ease; /* Smooth underline transition */
}

.menu-link:hover {
  color: #9E90C5!important; /* Change text color on hover */
}

.menu-link:hover::after {
  background-color: #9E90C5; /* Underline color on hover */
  height: 2px; /* Underline thickness on hover */
}

.elementor-button:hover {
    background-color: var(--e-global-color-30696a4)!important;
    color: var(--e-global-color-primary)!important;
}

/* Stile per il focus e il click */
.elementor-button:focus,
.elementor-button:active {
    background-color: transparent;
    color: #e9ecf7 !important;
    border-color: #e9ecf7 !important;
}

/* Reset dello stato dopo il click (se non è in hover) */
.elementor-button:focus:not(:focus-visible),
.elementor-button:active:not(:hover) {
    background-color: initial !important;
    color: var(--e-global-color-text) !important;
    border-color: var(--e-global-color-text) !important;
}

p {
	text-wrap: pretty!important;
}

/* CHIUSURA MENU HEADER MOBILE */
/* Stato iniziale - menu nascosto */
.ast-mobile-popup-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateX(100%)!important;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out!important;
    z-index: 99999!important;
    pointer-events: none!important;
}

/* Stato attivo - menu visibile */
.ast-mobile-popup-drawer.active {
    opacity: 1!important;
    transform: translateX(0%)!important;
    z-index: 100000!important;
    pointer-events: auto!important;
}