/* ============================================================
   SUBSOL — macheta „Homepage A1" (design v3)
   Valori copiate 1:1 din Homepage A1.dc.html.
   ZONĂ proprie: se editează DOAR acest fișier + mu-plugins/diagpro-footer.php.
   ============================================================ */

.dp-footer {
	background: #f7f9fc;
	border-top: 1px solid #e3e8f0;
	margin-top: 48px;
}

/* rândul cu cele 3 blocuri: 4 coloane, blogul ocupă ultimele două */
.dp-footer-in {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
	padding-top: 44px;
	padding-bottom: 20px;
}

.dp-footer-col { display: flex; flex-direction: column; gap: 9px; }
.dp-footer-blog { grid-column: span 2; }

.dp-footer-t {
	display: block;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #16233d;
	text-decoration: none;
}
a.dp-footer-t:hover { color: var(--dp-blue); }

.dp-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.dp-footer-col li { margin: 0; line-height: 1.15; }

.dp-footer-col a {
	font-size: 13.5px;
	color: #4a5568;
	text-decoration: none;
	/* macheta pune linkurile într-un flex column cu gap:9px și line-height normal → pas de 24px;
	   line-height-ul temei (1.65) îl umfla la 35px */
	line-height: 1.15;
}
.dp-footer-col a:hover { color: var(--dp-blue); }

/* „Formular de contact →" e accentuat în machetă */
.dp-footer-col a.dp-footer-cta {
	font-size: 14px;
	font-weight: 800;
	color: var(--dp-blue);
}
.dp-footer-col a.dp-footer-cta:hover { color: oklch(0.42 0.15 260); }

.dp-footer-program { font-size: 13.5px; color: #4a5568; line-height: 1.15; }

/* ---------- banda de jos ---------- */
.dp-footer-jos { border-top: 1px solid #e3e8f0; }

/* Identitatea juridică a firmei + ANPC/SAL/ODR — cerute vizibil pe TOATE paginile (NETOPIA,
   condiția 3 + măsurile de informare ANPC). Rând propriu, deasupra insignelor/linkurilor
   legale, ca să nu se piardă în flex-ul lor. 07.09.2026 — I2-subsol-si-contact. */
.dp-footer-info-legala {
	padding-top: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e3e8f0;
}
.dp-date-firma {
	font-size: 12.5px;
	color: #5b6779;
	line-height: 1.5;
	margin: 0 0 6px;
}
.dp-footer-anpc {
	font-size: 12px;
	color: #8b97a8;
	line-height: 1.55;
	margin: 0;
	max-width: 760px;
}
.dp-footer-anpc a { color: #5b6779; text-decoration: underline; }
.dp-footer-anpc a:hover { color: var(--dp-blue); }

/* Placheta oficială SAL (Ordin 449/2022 art. 2) — DOAR pe prima pagină, 250×50 px fix,
   randată de mu-plugins/diagpro-footer.php (is_front_page()). Rând propriu, sub identitatea
   juridică, deasupra insignelor/linkurilor legale. 07.09.2026 — I3-sal-badge. */
.dp-footer-sal-badge {
	display: inline-block;
	padding-top: 14px;
}
.dp-footer-sal-badge img {
	display: block;
	width: 250px;
	height: 50px;
}

.dp-footer-jos-in {
	padding-top: 18px;
	padding-bottom: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.dp-footer-insigne { display: flex; gap: 10px; flex-wrap: wrap; }
.dp-footer-insigne > * {
	border: 1px solid #dbe1ea;
	border-radius: 6px;
	padding: 6px 12px;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11px;
	color: #5a6675;
	text-decoration: none;
	white-space: nowrap;
}
.dp-footer-insigne a:hover { color: var(--dp-blue); }
/* Sigla oficiala NETOPIA + Visa + Mastercard (07.09.2026): imagine, deci fara chenarul si
   paddingul insignelor-text de mai sus — altfel arata ca un buton, nu ca o sigla. */
.dp-footer-insigne .dp-footer-plati {
	border: 0;
	padding: 0;
	height: 43px;
	width: auto;
	max-width: 100%;
	align-self: center;
	display: block;
}
/* Datele firmei stau in Termeni si conditii; in subsol ramane doar trimiterea. */
.dp-footer-firma-link { margin: 0 0 10px; font-size: 12.5px; color: #5b6779; }
.dp-footer-firma-link a { color: var(--dp-blue); text-decoration: underline; }

.dp-footer-legal { display: flex; gap: 16px; flex-wrap: wrap; }
.dp-footer-legal a { font-size: 12.5px; color: #5b6779; text-decoration: none; }
.dp-footer-legal a:hover { color: var(--dp-blue); }

.dp-footer-copy { font-size: 12.5px; color: #8b97a8; }

/* Blocksy are propriul rând de copyright — l-am înlocuit cu al nostru */
#footer [data-row="bottom"] { display: none; }

@media (max-width: 999px) {
	.dp-footer-in { grid-template-columns: repeat(2, 1fr); gap: 26px; }
	.dp-footer-blog { grid-column: span 2; }
}

/* ============================================================================
   TELEFON (≤767px)
   Pe o coloană, subsolul ajunsese la 898px — mai mult decât un ecran și jumătate
   de derulat pe FIECARE pagină. Macheta îl vrea strâns: „Informații" și „Contact"
   una lângă alta, blogul dedesubt, insignele pe un rând, drepturile jos.
   ⛔ Insigna „4,8 ★ Google" NU se pune la loc (nota era inventată — vezi
      mu-plugins/diagpro-footer.php).
   ⚠️ Spațiul pentru bara de jos îl pune deja fundația pe `body` (mobil.css) —
      aici nu se mai adaugă `padding-bottom`, altfel apare de două ori.
   ========================================================================== */
@media (max-width: 767px) {
	.dp-footer { margin-top: 28px; }
	.dp-footer .dp-wrap { padding-left: 16px; padding-right: 16px; }

	/* două coloane egale: Informații | Contact; blogul trece pe rândul următor */
	.dp-footer-in {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 16px;
		padding-top: 26px; padding-bottom: 18px;
	}
	.dp-footer-blog { grid-column: 1 / -1; }

	.dp-footer-col { gap: 6px; }
	/* linkurile erau de 14px înălțime la 8px distanță: cu degetul nimereai vecinul.
	   Le dau propriul spațiu de atins în loc de gap (aceeași densitate vizuală). */
	.dp-footer-col ul { gap: 0; }
	.dp-footer-col li a { display: block; padding: 9px 0; }
	.dp-footer-t { font-size: 11.5px; letter-spacing: 1.2px; }
	/* „Blogul de diagnoză auto" e link, nu doar titlu: are nevoie de zonă de atins */
	a.dp-footer-t { display: inline-flex; align-items: center; min-height: 32px; }
	.dp-footer-col a, .dp-footer-program { font-size: 13px; }
	.dp-footer-col a.dp-footer-cta { font-size: 13.5px; }
	.dp-footer-program { display: block; padding: 9px 0; }

	/* titlurile articolelor sunt lungi: le las întregi (nu tai text pe mobil),
	   doar strâng interlinia */
	.dp-footer-blog li a { line-height: 1.35; }

	.dp-footer-info-legala { padding-top: 14px; padding-bottom: 12px; }
	.dp-date-firma, .dp-footer-anpc { font-size: 11.5px; }

	/* banda de jos: insignele pe un rând, apoi linkurile legale, apoi drepturile */
	.dp-footer-jos-in {
		flex-direction: column; align-items: flex-start;
		gap: 12px; padding-top: 14px; padding-bottom: 16px;
	}
	.dp-footer-insigne { gap: 8px; }
	.dp-footer-insigne > * { padding: 5px 10px; font-size: 10.5px; }
	.dp-footer-legal { gap: 8px 14px; }
	.dp-footer-legal a { font-size: 12px; }
	.dp-footer-copy { font-size: 11.5px; }
}