/* Anonymous Tracks - area account nella barra (Home New Design palette) */
.at-account {
	--acc-ink: #050506;
	--acc-panel: #141418;
	--acc-line: rgba(255, 255, 255, .09);
	--acc-text: #f3f1ec;
	--acc-mute: #8e8c88;
	--acc-red: #e3121b;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "Roboto", "Manrope", system-ui, sans-serif;
}
.at-account svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.at-acc-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none !important;
	transition: background-color .25s, color .25s, border-color .25s, transform .15s;
	border: 1px solid transparent;
}
.at-acc-btn:active { transform: scale(.97); }
.at-acc-btn:focus-visible, .at-acc-toggle:focus-visible, .at-acc-dropdown a:focus-visible { outline: 2px solid var(--acc-text); outline-offset: 3px; }
.at-acc-btn--login { background: #c40000; color: #fff !important; text-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.at-acc-btn--login:hover { background: var(--acc-red); color: #fff !important; }
.at-acc-btn--register { background: #fffbfb; color: #000 !important; }
.at-acc-btn--register:hover { background: var(--acc-red); color: #fff !important; }
.at-acc-btn--register svg { stroke: none; }
.at-acc-btn--seller { background: var(--acc-text); color: var(--acc-ink) !important; }
.at-acc-btn--seller:hover { background: var(--acc-red); color: #fff !important; }

.at-acc-menu { position: relative; }
.at-acc-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px 4px 4px;
	border-radius: 999px;
	border: 1px solid rgba(243, 241, 236, .22);
	background: transparent;
	color: var(--acc-text);
	cursor: pointer;
	transition: border-color .25s, background-color .25s;
}
.at-acc-toggle:hover, .at-acc-toggle[aria-expanded="true"] { border-color: var(--acc-text); background: rgba(255, 255, 255, .04); }
.at-acc-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(243, 241, 236, .1); }
.at-acc-avatar svg { width: 17px; height: 17px; }
.at-acc-chevron svg { width: 14px; height: 14px; transition: transform .2s; }
.at-acc-toggle[aria-expanded="true"] .at-acc-chevron svg { transform: rotate(180deg); }

.at-acc-dropdown {
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	z-index: 9999;
	min-width: 230px;
	padding: 8px;
	border-radius: 14px;
	background: var(--acc-panel);
	border: 1px solid var(--acc-line);
	box-shadow: 0 24px 48px rgba(0, 0, 0, .55);
}
.at-acc-dropdown[hidden] { display: none; }
.at-acc-head { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; border-bottom: 1px solid var(--acc-line); margin-bottom: 6px; }
.at-acc-head strong { color: var(--acc-text); font-size: 14px; font-weight: 700; }
.at-acc-head span { color: var(--acc-red); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.at-acc-dropdown ul { list-style: none; margin: 0; padding: 0; }
.at-acc-dropdown a { display: block; padding: 10px 12px; border-radius: 9px; color: var(--acc-text) !important; font-size: 14px; font-weight: 500; text-decoration: none !important; }
.at-acc-dropdown a:hover { background: rgba(255, 255, 255, .05); }
.at-acc-dropdown .at-acc-logout { margin-top: 6px; border-top: 1px solid var(--acc-line); border-radius: 0 0 9px 9px; color: var(--acc-mute) !important; }
.at-acc-dropdown .at-acc-logout:hover { color: var(--acc-red) !important; }

@media (max-width: 767px) {
	.at-account { gap: 8px; }
	.at-acc-btn { padding: 10px 14px; font-size: 13px; }
	.at-acc-btn--seller span { display: none; }
	.at-acc-btn--seller { padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.at-acc-btn, .at-acc-toggle, .at-acc-chevron svg { transition: none; }
}
/* Medium desktops: header too narrow for the full label -> icon-only button (label in tooltip + in the account menu). */
@media (min-width:1025px) and (max-width:1440px){
	.at-account .at-acc-btn--seller{padding-left:0!important;padding-right:0!important;width:44px;justify-content:center;gap:0!important}
	.at-account .at-acc-btn--seller span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.at-acc-dropdown{min-width:240px}
@media (min-width:1025px) and (max-width:1240px){
	html body .elementor .elementor-element.at-nav .elementor-nav-menu--main .elementor-item{padding-left:5px!important;padding-right:5px!important}
}

/* All Genres dropdown: scrollable list */
.elementor-nav-menu--main .elementor-nav-menu li.at-menu-genres>ul.sub-menu{max-height:min(420px,calc(100vh - 140px))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
.elementor-nav-menu--main .elementor-nav-menu li.at-menu-genres>ul.sub-menu::-webkit-scrollbar{width:6px}
.elementor-nav-menu--main .elementor-nav-menu li.at-menu-genres>ul.sub-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}
.elementor-nav-menu--dropdown .elementor-nav-menu li.at-menu-genres>ul.sub-menu{max-height:50vh!important;overflow-y:auto!important}
.elementor-nav-menu--main .elementor-nav-menu li.at-menu-genres>ul.sub-menu>li>a{padding-top:9px!important;padding-bottom:9px!important}