/* EraNera — custom additions on top of the Enfold theme framework.
   The site's original WordPress pages have no header/nav at all; this file
   only styles the sticky nav bar and Merch badge link that were added for
   the static rebuild. */

#top #header_main .av-main-nav > li.menu-item-merch-badge {
	margin-left: 6px;
}

/* The theme centers nav text by matching the link's height to its
   line-height (both equal to the 50px header row, set no vertical
   padding). The badge reuses that exact technique at a shorter height
   so it stays thin and vertically centered instead of stretching the
   link box and touching the header's top/bottom edges. */
#top #header_main .av-main-nav > li.menu-item-merch-badge > a {
	box-sizing: border-box !important;
	height: 30px !important;
	line-height: 28px !important;
	margin-top: 10px !important;
	background: linear-gradient(135deg, #e05982, #ff7ba9);
	color: #fff !important;
	border-radius: 999px;
	padding: 0 22px !important;
	font-weight: 700;
	letter-spacing: 0.03em;
	box-shadow: 0 2px 12px rgba(224, 89, 130, 0.55);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#top #header_main .av-main-nav > li.menu-item-merch-badge > a:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(224, 89, 130, 0.75);
}

#top #header_main .av-main-nav > li.menu-item-merch-badge > a .avia-menu-text {
	color: #fff;
}

#top #header_main .av-main-nav > li.menu-item-merch-badge.current-menu-item > a {
	box-shadow: 0 0 0 2px #fff, 0 4px 16px rgba(224, 89, 130, 0.75);
}

/* Extra breathing room between the landing page's sections (bio, music,
   videos, contacts) — the theme's own defaults packed them tightly
   together. Scoped to the landing page (page-id-4023): #av_section_1/2 are
   generic Avia-generated ids reused on the merch page too, where the
   opposite (tight spacing) is wanted instead — see below. */
body.page-id-4023 #av_section_1,
body.page-id-4023 #av_section_2,
body.page-id-4023 #musica,
body.page-id-4023 #videos,
body.page-id-4023 #contatti {
	padding-top: 150px !important;
	padding-bottom: 150px !important;
}

/* Merch page: keep the "MERCH" title close to the header, and pull the
   form/products content right up under the title instead of leaving the
   theme's default gap. */
body.page-id-4072 #av_section_1 {
	padding-top: 40px !important;
	padding-bottom: 0 !important;
}
body.page-id-4072 #av_section_2 {
	padding-top: 10px !important;
}

/* Section titles (Chi siamo / Musica / Video / Contatti) added on top of
   the original content, which had no headings of its own. !important
   guards against the theme's own bare `h2{...}` reset rule. */
.eranera-section-title {
	text-align: center !important;
	width: 100%;
	font-size: 32px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff !important;
	margin: 0 0 50px 0 !important;
}
.eranera-section-title::after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background: linear-gradient(135deg, #e05982, #ff7ba9);
	margin: 18px auto 0;
	border-radius: 2px;
}

/* Decorative divider placed between sections: a soft fading line with a
   small pink diamond centered on it, echoing the badge/title accent color. */
.eranera-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	position: relative;
}
.eranera-divider::before,
.eranera-divider::after {
	content: '';
	flex: 1 1 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(224, 89, 130, 0.55));
}
.eranera-divider::after {
	background: linear-gradient(90deg, rgba(224, 89, 130, 0.55), transparent);
}
.eranera-divider span {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin: 0 16px;
	background: linear-gradient(135deg, #e05982, #ff7ba9);
	transform: rotate(45deg);
	box-shadow: 0 0 10px rgba(224, 89, 130, 0.6);
}

/* order form feedback */
.wpcf7-response-output {
	margin-top: 14px;
	padding: 12px 16px;
	border-radius: 6px;
	display: none;
}
.wpcf7-response-output.ajax_success {
	display: block;
	background: rgba(46, 204, 113, 0.15);
	border: 1px solid #2ecc71;
}
.wpcf7-response-output.ajax_alert {
	display: block;
	background: rgba(231, 76, 60, 0.15);
	border: 1px solid #e74c3c;
}