/* =====================================================================================
   MEGA MENIU „Toate categoriile”
   Pereche cu mu-plugins/diagpro-megamenu.php. Prefix de clase: .dpm-
   18.08: panoul e comportamentul normal al site-ului — nu mai există comutator, cookie sau
   clase de comparare (.dpm-mega / .dpm-simplu / .dpm-comutator). Singura variantă de culoare
   care a rămas e bara bleumarin, sub `body.dp-bara-navy` (vezi DIAGPRO_BARA_NAVY în mu-plugin).
   ===================================================================================== */

/* ------------------------------------------------------------------ panoul, poziționarea */
@media (min-width: 1000px) {

	/* Ancora e RÂNDUL de meniu (deja `position:relative` în tema Blocksy), nu <li>-ul:
	   așa panoul se întinde pe toată lățimea barei, iar interiorul lui se aliniază singur
	   la containerul site-ului. `position:static` pe <li> e obligatoriu — Blocksy îl pune
	   `relative` pentru submeniul obișnuit, iar atunci panoul ar fi lat de 148px. */
	#header-menu-1 .menu > li.dpm-are-panou { position: static; }

	.dpm-panou {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 60;
	}
	/* ⛔ FĂRĂ `:focus-within` aici: el ține panoul deschis cât timp focusul e pe intrarea din
	   bară, deci Escape n-ar mai închide nimic (probat: aria trecea pe false, panoul rămânea).
	   Deschiderea la tastatură o face JS-ul, prin clasa .dpm-deschis. */
	#header-menu-1 .menu > li.dpm-are-panou:hover > .dpm-panou,
	#header-menu-1 .menu > li.dpm-are-panou.dpm-deschis > .dpm-panou {
		display: block;
	}

	/* Intrarea „Toate categoriile” are și submeniul obișnuit al temei; cu panoul deschis
	   n-are ce căuta — s-ar suprapune peste el. */
	#header-menu-1 .menu > li.dpm-are-panou > .sub-menu { display: none !important; }

	/* Starea „panou deschis” pe intrarea din bară — bara ALBĂ (varianta din print).
	   ⚠️ În style.css regula `#header-menu-1 .menu > li:first-child > .ct-menu-link` vine DUPĂ
	   regula de :hover și îi fixează culoarea ⇒ fără selectorul de mai jos, mai specific decât
	   ea (are în plus .dpm-are-panou și :hover), „Toate categoriile” nu se colora deloc la hover.
	   Limbajul e cel al celorlalte intrări din machetă: text albastru + linie albastră dedesubt. */
	#header-menu-1 .menu > li.dpm-are-panou:hover > .ct-menu-link,
	#header-menu-1 .menu > li.dpm-are-panou.dpm-deschis > .ct-menu-link {
		color: var(--dp-blue);
		border-bottom-color: var(--dp-blue);
	}
	/* aceeași stare, pe bara bleumarin (varianta alternativă, macheta A1): pe fundal închis
	   albastrul nu se citește, deci acolo rămâne albul cu fundal translucid */
	body.dp-bara-navy #header-menu-1 .menu > li.dpm-are-panou:hover > .ct-menu-link,
	body.dp-bara-navy #header-menu-1 .menu > li.dpm-are-panou.dpm-deschis > .ct-menu-link {
		color: #FFFFFF;
		background: rgba(255, 255, 255, .1);
		border-bottom-color: #FFFFFF;
	}

	/* săgeata „▾” se întoarce când panoul e deschis.
	   ⛔ NU prin `.ct-menu-link::after` — Blocksy îi pune display:block și sare pe rândul următor;
	   rotim chiar pictograma temei. */
	#header-menu-1 .menu > li.dpm-are-panou .ct-toggle-dropdown-desktop svg {
		transition: transform .16s ease;
		/* Blocksy colorează pictograma din `--theme-icon-color`, nu din culoarea textului: pe bara
		   albă săgeata rămânea gri-albăstrui lângă text bleumarin, iar cu panoul deschis rămânea
		   bleumarin lângă text albastru. În machetă „Toate categoriile ▾” e un singur text, de o
		   singură culoare — `currentColor` o readuce așa, în ambele stări și pe ambele variante de bară. */
		fill: currentColor;
	}
	#header-menu-1 .menu > li.dpm-are-panou:hover .ct-toggle-dropdown-desktop svg,
	#header-menu-1 .menu > li.dpm-are-panou.dpm-deschis .ct-toggle-dropdown-desktop svg {
		transform: rotate(180deg);
	}

	/* containerul site-ului, identic cu .dp-wrap (macheta: 1280 / 32) */
	.dpm-in {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 32px;
	}
}
@media (max-width: 999.98px) {
	/* pe mobil rămâne hamburgerul temei — panoul nici nu există vizual */
	.dpm-panou { display: none !important; }
}

/* ------------------------------------------------------------------ cardul */
.dpm-card {
	background: #FFFFFF;
	border: 1px solid #E3E8F0;
	border-top: none;                    /* stă lipit de bară, ca un sertar tras din ea */
	border-radius: 0 0 14px 14px;
	box-shadow: 0 18px 40px rgba(22, 35, 61, .12);
	overflow: hidden;
}

.dpm-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 318px;
	align-items: stretch;
}
.dpm-col { padding: 24px 26px 26px; }
.dpm-col + .dpm-col { border-left: 1px solid #EDF1F7; }

/* ------------------------------------------------------------------ grupurile */
.dpm-grup + .dpm-grup { margin-top: 22px; }

.dpm-grup-titlu {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #8B97A8;
	margin: 0 0 10px;
	line-height: 1.2;
}

.dpm-lista { list-style: none; margin: 0; padding: 0; }
.dpm-lista li { margin: 0; }

.dpm-lista > li > a {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 7px 10px;
	margin: 0 -10px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	color: #33415C;
	text-decoration: none;
	transition: background .12s ease, color .12s ease;
}
.dpm-lista > li > a:hover,
.dpm-lista > li > a:focus-visible {
	color: var(--dp-blue);
	background: #EEF3FB;
}
.dpm-lista > li > a:focus-visible { outline: 2px solid var(--dp-blue); outline-offset: -2px; }

.dpm-nume { flex: 1 1 auto; }
.dpm-numar {
	flex: 0 0 auto;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11.5px;
	font-weight: 600;
	color: #B9C7DE;
	font-variant-numeric: tabular-nums;
}
.dpm-lista > li > a:hover .dpm-numar { color: #8B97A8; }

/* ------------------------------------------------------------------ cardul de promovare */
.dpm-promo {
	padding: 24px 26px 26px;
	background: #FBFCFE;
	border-left: 1px solid #E3E8F0;
}
.dpm-promo-ochi {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #8B97A8;
	margin: 0 0 8px;
	line-height: 1.2;
}
.dpm-promo-titlu {
	font-size: 16.5px;
	font-weight: 800;
	line-height: 1.3;
	color: #16233D;
	margin: 0 0 8px;
	letter-spacing: -0.2px;
}
.dpm-promo-text {
	font-size: 13.5px;
	line-height: 1.6;
	color: #4A5568;
	margin: 0 0 16px;
}
/* butonul de asistență (din 18.08 duce la chatul propriu, nu la WhatsApp) — verdele machetei;
   `!important` bate regula globală .dp-wa din style.css. Clasa rămâne `dpm-promo-wa`: e doar un
   nume de cârlig CSS, iar redenumirea ar cere o modificare simultană în PHP fără niciun câștig. */
.dpm-card a.dpm-promo-wa {
	/* ⭐ 04.09.2026: butonul e VERDE, nu albastru — verdele WhatsApp se recunoaște înainte să
	   citești textul, iar aici tocmai am scos al doilea buton care crea confuzie. */
	display:flex; align-items:center; justify-content:center; gap:9px;
	background:#25D366 !important; color:#fff !important;
	font-weight:700; font-size:14.5px; line-height:1.2;
	padding:13px 18px; border-radius:10px; text-decoration:none;
	box-shadow:0 6px 16px rgba(37,211,102,.28);
	transition:background .15s ease, transform .12s ease;
}
.dpm-card a.dpm-promo-wa:hover {
	background:#1FB855 !important; color:#fff !important; transform:translateY(-1px);
}
.dpm-promo-tel {
	font-size: 13px;
	color: #4A5568;
	margin: 12px 0 0;
	line-height: 1.4;
}
.dpm-promo-tel .dp-tel a { color: #16233D; font-weight: 700; text-decoration: none; }
.dpm-promo-tel .dp-tel a:hover { color: var(--dp-blue); }
.dpm-promo-program {
	font-size: 12.5px;
	color: #8B97A8;
	margin: 3px 0 0;
}

/* ------------------------------------------------------------------ banda de jos a panoului */
.dpm-jos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 11px 26px;
	border-top: 1px solid #EDF1F7;
	background: #F7F9FC;
}
.dpm-jos-link {
	font-size: 13px;
	font-weight: 700;
	color: var(--dp-blue);
	text-decoration: none;
}
.dpm-jos-link:hover { text-decoration: underline; }
.dpm-jos-nota { font-size: 12.5px; color: #8B97A8; }

/* Butonul verde de WhatsApp din blocul „Ajutor la alegere" (cerere Marius 04.09.2026). */
.dpm-promo-wa-verde{
	display:inline-flex;align-items:center;gap:8px;margin-top:12px;
	background:#25D366;color:#fff !important;text-decoration:none;
	font-weight:700;font-size:14px;line-height:1;
	padding:12px 18px;border-radius:10px;
	box-shadow:0 4px 12px rgba(37,211,102,.28);
}
.dpm-promo-wa-verde:hover{background:#1FB855;color:#fff !important;}