/* =====================================================================================
   SUBSOLUL CARMEDIC v3 — pereche cu `inc/subsol.php`. Prefix `.cmv-sub-`. D1, 21.09.2026.

   ⛔ CE ERA AICI ÎNAINTE: regulile `.cmv-footer-*` ale subsolului DIAGNOZAPRO („Homepage A1"),
   moștenite odată cu tema. Pe carmedic niciun fișier nu tipărea marcajul acela — măsurat pe
   pagina livrată: `.ct-footer` avea înălțimea 0 px. Adică fișierul descria un subsol care nu
   exista, pe un sit care nu avea niciun subsol. Șters, nu comentat.

   Cifrele de mai jos sunt cele CALCULATE în machetele v3 (bandă #161E29, linii de separare
   rgba(255,255,255,.08), coloane 5×1fr cu 24 px, linkuri 13 px rgba(255,255,255,.82)).
   ===================================================================================== */

.cmv-subsol {
	background: var(--cmv-navy-3);
	color: rgba(255, 255, 255, .82);
	font-family: var(--cmv-font);
	margin-top: 40px;
}
.cmv-subsol a { text-decoration: none; }

/* ---------------------------------------------------------------- banda de sus */
.cmv-sub-sus {
	display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
	padding: 28px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.cmv-sub-sus .cmv-sigla { color: #fff; }
.cmv-sub-sus .cmv-sigla img { height: 34px; }
.cmv-sub-sus .cmv-sigla-text { font-size: 19px; color: #fff; }
.cmv-sub-sus .cmv-sigla-text span { color: var(--cmv-green-bright); }
.cmv-sub-sus .cmv-sigla-text small { color: rgba(255, 255, 255, .55); }

.cmv-sub-desc {
	flex: 1; min-width: 260px; max-width: 400px; margin: 0;
	font-size: 13.5px; line-height: 1.55; color: rgba(255, 255, 255, .8);
}

.cmv-sub-info { display: flex; align-items: center; gap: 10px; font-size: 12px; line-height: 1.4; }
.cmv-sub-info:first-of-type { margin-left: auto; }
.cmv-sub-ic {
	width: 38px; height: 38px; flex: none; border-radius: 999px;
	background: rgba(70, 192, 90, .15); color: var(--cmv-green-bright);
	display: flex; align-items: center; justify-content: center;
}
.cmv-sub-info strong { display: block; font-weight: 800; font-size: 14.5px; color: #fff; }
.cmv-sub-info small { display: block; font-size: 12px; color: rgba(255, 255, 255, .78); }
/* numărul e ofuscat — stilul stă pe înveliș, nu pe textul de rezervă */
.cmv-sub-info .cm-tel a { color: #fff; }
.cmv-sub-info .cm-tel:hover a { color: var(--cmv-green-bright); }

.cmv-sub-wa {
	display: inline-flex; align-items: center; gap: 8px;
	background: #25D366; color: #fff !important;
	font-size: 12.5px; font-weight: 800; padding: 11px 18px; border-radius: 999px;
}
.cmv-sub-wa:hover { background: #1FAF52; }

/* ---------------------------------------------------------------- coloanele */
.cmv-sub-coloane {
	display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px;
	padding: 26px 0 30px;
}
.cmv-sub-col-t {
	font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
	color: #fff; margin: 0 0 10px;
}
.cmv-sub-col ul { list-style: none; margin: 0; padding: 0; }
.cmv-sub-col a {
	display: block; padding: 5px 0; font-size: 13px; color: rgba(255, 255, 255, .82);
}
.cmv-sub-col a:hover,
.cmv-sub-col a:focus-visible { color: var(--cmv-green-bright); }

/* ---------------------------------------------------------------- banda de jos */
.cmv-sub-jos {
	border-top: 1px solid rgba(255, 255, 255, .08);
	display: flex; gap: 18px; flex-wrap: wrap; align-items: center;
	padding: 14px 0;
	font-size: 12px; color: rgba(255, 255, 255, .68);
}
.cmv-sub-drepturi { margin: 0; }
.cmv-sub-legal { margin-left: auto; display: flex; gap: 16px; flex-wrap: wrap; }
.cmv-sub-legal a { color: rgba(255, 255, 255, .68); }
.cmv-sub-legal a:hover,
.cmv-sub-legal a:focus-visible { color: var(--cmv-green-bright); }

/* ---------------------------------------------------------------- mobil */
@media (max-width: 999.98px) {
	.cmv-sub-coloane { grid-template-columns: repeat(2, 1fr); gap: 20px 24px; }
	.cmv-sub-info:first-of-type { margin-left: 0; }
	.cmv-sub-sus { gap: 20px; padding: 24px 0; }
}
@media (max-width: 560px) {
	.cmv-sub-coloane { grid-template-columns: 1fr 1fr; }
	.cmv-sub-desc { max-width: none; }
	.cmv-sub-wa { width: 100%; justify-content: center; }
	.cmv-sub-legal { margin-left: 0; }
}

/* ---------------------------------------------------------------- acordeonul de pe telefon
   Macheta „Acasa Mobil": subsolul are cele cinci coloane strânse în rânduri de 48 px, cu ▾.
   Măsurat: desfășurate ocupau 1.155 px față de 715 în machetă.
   ⭐ Cum e construit: în HTML `<details open>` — adică, fără CSS și fără JavaScript, subsolul
   e DESFĂȘURAT (linkurile legale rămân la vedere, cum cere legea). Pe telefon le strânge un
   script mic; dacă scriptul nu rulează, se pierde doar înălțimea, nu conținutul. */
.cmv-sub-acc > summary { list-style: none; }
.cmv-sub-acc > summary::-webkit-details-marker { display: none; }

@media (min-width: 768px) {
	/* pe desktop coloanele nu se strâng: săgeata și clicul n-au ce căuta acolo */
	.cmv-sub-acc > summary { cursor: default; pointer-events: none; }
}

@media (max-width: 767px) {
	.cmv-sub-coloane { display: block; padding: 6px 0 10px; }
	.cmv-sub-col { border-top: 1px solid rgba(255, 255, 255, .1); }
	.cmv-sub-acc > summary {
		display: flex; align-items: center; justify-content: space-between;
		height: 48px; margin: 0; cursor: pointer;
	}
	.cmv-sub-acc > summary::after {
		content: "\25BE"; font-size: 12px; color: rgba(255, 255, 255, .6);
		transition: transform .15s ease;
	}
	.cmv-sub-acc[open] > summary::after { transform: rotate(180deg); }
	.cmv-sub-acc > ul { padding-bottom: 12px; }
}