/* ==========================================================================
   Meniul principal (2026): butonul Prima vizită, indicatorul Live, bara discretă de sus
   ========================================================================== */
/* --- desktop: meniul de pe un rând --- */
body [data-elementor-type="header"] nav.elementor-nav-menu--main .elim-menu-util { display: none !important; }
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta { margin-left: 10px; }
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta > a {
	padding: 0 22px !important; height: 44px; display: inline-flex; align-items: center; border-radius: 99px;
	background: #483041; color: #fff !important; transition: background .25s, color .25s;
}
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta > a:hover,
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta > a:focus-visible,
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta.current-menu-item > a { background: #DAA769; color: #1B141A !important; }
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta > a::after,
body [data-elementor-type="header"] nav.elementor-nav-menu--main > ul > li.elim-menu-cta > a::before { display: none !important; }

/* --- Live: punct gri; roșu și pulsând cât se transmite --- */
.elim-live-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #C9BFC3; vertical-align: middle; position: relative; top: -1px; }
li.elim-menu-live.is-live > a { color: #E5484D !important; }
li.elim-menu-live.is-live .elim-live-dot { background: #E5484D; animation: elimLiveDot 1.6s infinite; }
@keyframes elimLiveDot { 0% { box-shadow: 0 0 0 0 rgba(229, 72, 77, .5); } 70% { box-shadow: 0 0 0 7px rgba(229, 72, 77, 0); } 100% { box-shadow: 0 0 0 0 rgba(229, 72, 77, 0); } }
@media (prefers-reduced-motion: reduce) { li.elim-menu-live.is-live .elim-live-dot { animation: none; } }

/* --- bara discretă de sus (desktop) --- */
.elim-util { position: absolute; z-index: 50; top: 18px; right: max(var(--elim-gutter, 32px), (100vw - var(--elim-grid, 1280px)) / 2); }
.elim-util ul { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; }
.elim-util a { font-family: "macha", sans-serif; font-size: 15px; color: #82717D; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: color .2s, text-decoration-color .2s; }
.elim-util a:hover, .elim-util a:focus-visible, .elim-util a[aria-current] { color: #483041; text-decoration-color: #DAA769; }
body.elim-dark .elim-util a { color: rgba(226, 214, 211, .55); }
body.elim-dark .elim-util a:hover { color: #fff; }
body.admin-bar .elim-util { top: 50px; }

/* --- telefon / tabletă (meniul deschis): Prima vizită primul, utilitățile la final --- */
@media (max-width: 1024px) {
	.elim-util { display: none; }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul { display: flex; flex-direction: column; }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-cta { order: -1; }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-cta > a {
		display: flex !important; justify-content: center; margin: 4px 0 10px; border-radius: 99px; background: #483041 !important; color: #fff !important; font-weight: 700;
	}
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-util { order: 10; }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-util > a { font-size: 15px !important; color: #82717D !important; }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-util:first-of-type { margin-top: 10px; border-top: 1px solid #E9E0DE; }
}
@media (max-width: 1024px) {
	/* meniul de telefon e închis la culoare: butonul e auriu */
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-cta > a { background: #DAA769 !important; color: #1B141A !important; }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-util:first-of-type { border-top-color: rgba(226, 214, 211, .12); }
	body [data-elementor-type="header"] nav.elementor-nav-menu--dropdown > ul > li.elim-menu-util > a { color: rgba(226, 214, 211, .6) !important; }
}
