/* =========================================================================
   Extensie meniu — dropdown pentru "Proiecte" (Vitus I / II / III)
   Completează vitus-design.css (nu îl modifică), folosind aceleași
   variabile CSS (--accent, --ink, --ease etc.) definite acolo în :root.
   ========================================================================= */

.vitus-page .vt-nav__item {
	position: relative;
	list-style: none;
}

.vitus-page .vt-nav__item > a {
	display: flex;
	align-items: center;
	gap: 6px;
}

.vitus-page .vt-dropdown-caret {
	font-size: 9px;
	transition: transform 0.3s var(--ease);
}

.vitus-page .vt-has-dropdown:hover .vt-dropdown-caret {
	transform: rotate(180deg);
}

.vitus-page .vt-dropdown {
	position: absolute;
	top: calc(100% + 18px);
	left: 50%;
	transform: translateX(-50%) translateY(8px);
	min-width: 220px;
	background: rgba(14, 14, 12, 0.92);
	backdrop-filter: blur(20px);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);
	z-index: 60;
}

.vitus-page .vt-has-dropdown:hover .vt-dropdown,
.vitus-page .vt-has-dropdown:focus-within .vt-dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

.vitus-page .vt-dropdown li {
	list-style: none;
}

.vitus-page .vt-dropdown a {
	display: block;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 13px;
	white-space: nowrap;
	color: #fff;
	transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.vitus-page .vt-dropdown a:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--accent-2);
}

/* CTA-ul din meniu (ex: "Programează vizionare") — atribuiți clasa
   "vt-nav__cta" din Aspect > Meniuri > Ecran opțiuni > Clase CSS */
.vitus-page .vt-nav__cta a {
	background: var(--accent);
	color: var(--ink);
	border-radius: 999px;
	padding: 10px 22px !important;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.vitus-page .vt-nav__cta a:hover {
	background: var(--accent-2);
}

/* ===== Mobil: dropdown devine acordeon simplu în meniul de hamburger ===== */
@media (max-width: 960px) {
	.vitus-page .vt-dropdown {
		position: static;
		transform: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		display: none;
		background: transparent;
		border: none;
		backdrop-filter: none;
		padding: 0 0 0 16px;
	}
	.vitus-page .vt-has-dropdown.vt-dropdown-open .vt-dropdown {
		display: block;
	}
}