/* Senmon global overrides — sempre caricato in frontend.
   Class custom: .senmon-header, .senmon-nav, .senmon-logo, .btn-image */

/* ============================================================
   LOGO helper (no line-height gap sotto)
   ============================================================ */
.senmon-logo .elementor-widget-container { line-height: 0; }
.senmon-logo img { display: block; }

/* ============================================================
   NAV MENU — force Acumin 18, colori Hakuji/Rame
   Selectors extra-specifici per battere Elementor global fonts.
   ============================================================ */
.elementor .senmon-nav .elementor-nav-menu li a.elementor-item,
.elementor-widget-nav-menu.senmon-nav .elementor-nav-menu li a,
.senmon-nav .elementor-nav-menu > li > a,
.senmon-nav .elementor-nav-menu a.elementor-item,
.senmon-nav .elementor-nav-menu a,
.senmon-nav nav a,
.senmon-nav ul li a {
	font-family: 'Acumin Variable Concept', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: #F2EBDC !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	padding: 4px 0 !important;
	background: transparent !important;
	border: 0 !important;
	fill: currentColor;
	transition: color .2s ease;
}
.senmon-nav .elementor-nav-menu li a:hover,
.senmon-nav .elementor-nav-menu li a:focus,
.senmon-nav .elementor-nav-menu li a.elementor-item-active,
.senmon-nav .elementor-nav-menu li a.highlighted,
.senmon-nav .elementor-nav-menu li.current-menu-item > a {
	color: #C9A15A !important;
	background: transparent !important;
}
.senmon-nav .elementor-menu-toggle { color: #F2EBDC; }
.senmon-nav .elementor-menu-toggle:hover { color: #C9A15A; }

/* ============================================================
   BTN-IMAGE — SOLO sfondo (texture + Bengara + border ambra).
   Font, padding, radius, size restano gestiti da Elementor Style tab.
   ============================================================ */
.btn-image .elementor-button,
.btn-image .elementor-button-link,
a.btn-image,
.btn-image > a {
	position: relative;
	overflow: hidden;
	/* Bengara base + capsule 3D vertical gradient (highlight center) — scala a qualsiasi width */
	background-color: #A83C29 !important;
	background-image: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.40) 0%,
		rgba(255, 220, 180, 0.10) 22%,
		rgba(255, 220, 180, 0.32) 50%,
		rgba(255, 220, 180, 0.10) 78%,
		rgba(0, 0, 0, 0.40) 100%
	) !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

/* Shine effect — banda bianca diagonale che scorre left → right al hover */
.btn-image .elementor-button::after,
a.btn-image::after,
.btn-image > a::after {
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
	transform: skewX(-20deg);
	transition: left 0.7s ease;
	pointer-events: none;
}

.btn-image .elementor-button:hover::after,
a.btn-image:hover::after,
.btn-image > a:hover::after {
	left: 130%;
}