/* ============================================================================
   PAGINI STATICE — Contact, Suport tehnic, Despre noi
   Sursa de adevăr: design/v3/{Contact,Suport,Despre}.dc.html (stiluri inline).
   Toate valorile de mai jos sunt copiate 1:1 din machetă — nu se rotunjesc.

   Prefix propriu `.cmvp-`. Clasele vechi `.cmv-contact` / `.cmv-suport` / `.cmv-despre`
   din `style.css` NU se mai folosesc în conținutul acestor pagini (design v2),
   deci nu se bat cu nimic de aici.
   ========================================================================== */

/* ---------------------------------------------------------------- cadrul
   Blocksy pune conținutul într-un container de 1280px cu margine automată
   (⇒ x = 80) și adaugă 60px de spațiu vertical. Macheta cere ca fiecare bloc
   să-și poarte singur containerul `.cmv-wrap` (1280 + 32 padding ⇒ x = 112,
   exact ca antetul și subsolul). Deci pe aceste pagini scoatem constrângerea
   de la `.entry-content` și o punem pe blocurile mele.                       */

body.cmvp-pagina .ct-container-full[data-vertical-spacing] { padding-top: 0; padding-bottom: 8px; }
/* Despre nu are încă banda globală de CTA (e scoasă din conținut, urmează să
   fie pornită din `cmv3-cta.php`). Până atunci ține spațiul machetei;
   când banda apare, ea aduce propriile 44px sus ⇒ spațiul de aici dispare. */
body.cmvp-p-despre .ct-container-full[data-vertical-spacing] { padding-bottom: 52px; }
body.cmvp-p-despre:has(.cmvh-banda-globala) .ct-container-full[data-vertical-spacing] { padding-bottom: 0; }

body.cmvp-pagina .entry-content.is-layout-constrained {
	max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;
}
body.cmvp-pagina .entry-content.is-layout-constrained > * {
	max-width: none; margin-left: 0; margin-right: 0;
}
body.cmvp-pagina .entry-content > .dpp { margin-top: 0; margin-bottom: 0; }

/* containerul machetei — aceleași 1280/32 ca antetul și subsolul */
.dpp .cmv-wrap { max-width: 1280px; margin-left: auto; margin-right: auto; }

/* ---------------------------------------------------------------- breadcrumb */
.cmvp-brm {
	display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap;
	padding: 20px 32px 0;
	font-size: 12.5px; line-height: normal; color: #8B97A8;
}
.cmvp-brm a { color: #8B97A8; text-decoration: none; }
.cmvp-brm a:hover { color: var(--cmv-blue); }
.cmvp-brm-acum { color: #33415c; font-weight: 600; }

/* ---------------------------------------------------------------- cap de pagină */
.cmvp-cap { padding: 0 32px; }
.cmvp-titlu {
	margin: 14px 0 6px; font-size: 30px; font-weight: 800; color: #16233D;
	letter-spacing: -0.5px; line-height: normal;
}
.cmvp-lead {
	margin: 0; font-size: 15px; color: #4A5568; line-height: 1.55; max-width: 62ch;
}
.cmvp-lead--lat { max-width: 70ch; }
.cmvp-lead strong { color: #16233D; font-weight: 700; }
.cmvp-lead a { color: var(--cmv-blue); }

/* ---------------------------------------------------------------- corpul cu 2 coloane */
.cmvp-corp {
	padding: 28px 32px 8px;
	display: flex; gap: 32px; align-items: flex-start;
}
.cmvp-lat { width: 360px; flex-shrink: 0; display: flex; flex-direction: column; gap: 14px; }

/* Despărțitorul „SAU PRIN FORMULAR" există DOAR în macheta mobilă: pe desktop
   formularul și cardul de chat stau unul lângă altul, deci n-are ce despărți. */
.cmvp-sau { display: none; }

/* ---------------------------------------------------------------- cardul alb al formularului */
.cmvp-formcard {
	flex: 1; min-width: 0;
	background: #fff; border: 1px solid #dbe4f2; border-radius: 16px; padding: 32px;
	box-shadow: 0 14px 34px rgba(22, 35, 61, 0.06);
}
/* CF7 pune formularul într-un `<div class="wpcf7">`; coloana cu gap din machetă
   trebuie să cadă pe `<form>`, altfel spațiile ies din marginile lui `<p>`. */
.cmvp-formcard .wpcf7 { margin: 0; }
.cmvp-formcard .wpcf7-form { display: flex; flex-direction: column; gap: 18px; }
.cmvp-formcard .wpcf7-form > .hidden-fields-container,
.cmvp-formcard .wpcf7-form > .screen-reader-response { display: none; }
.cmvp-formcard .wpcf7-form .wpcf7-response-output {
	margin: 0; padding: 12px 14px; border-radius: 10px; font-size: 13.5px; line-height: 1.5;
	border: 1.5px solid #cdd6e4;
}

/* ---------------------------------------------------------------- câmpuri */
.cmvp-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.cmvp-camp { display: flex; flex-direction: column; gap: 7px; }
.cmvp-camp--lat { grid-column: 1 / -1; }
/* ⚠️ Blocksy livrează `static/bundle/cf-7.min.css` cu
   `.wpcf7 label:not(.wpcf7-form-control-wrap){display:block;font-size:15px;font-weight:600}`
   (specificitate 0,3,1). De aceea etichetele de aici se scriu cu un selector mai
   greu — altfel macheta (13px/700) e călcată de temă. */
.dpp .cmvp-formcard .wpcf7 .cmvp-camp > label {
	display: block; font-size: 13px; font-weight: 700; color: #16233D;
	line-height: normal; margin: 0;
}
.cmvp-opt { color: #8B97A8; font-weight: 500; }

.cmvp-formcard .wpcf7-form-control-wrap { display: block; }
.cmvp-formcard input[type="text"],
.cmvp-formcard input[type="email"],
.cmvp-formcard input[type="tel"],
.cmvp-formcard select,
.cmvp-formcard textarea {
	width: 100%; box-sizing: border-box; height: auto;
	border: 1.5px solid #cdd6e4; border-radius: 10px;
	padding: 12px 14px; font-size: 14px; font-family: inherit; line-height: normal;
	/* `background-color`, NU `background`: scurtătura ar șterge săgeata pe care
	   Blocksy o pune ca `background-image` pe `<select>` (macheta are săgeată). */
	background-color: #FBFCFE; color: #16233D; outline: none; box-shadow: none;
	margin: 0; min-height: 0;
}
/* săgeata Blocksy stă la `right 10px`, lată de 21px ⇒ îi facem loc (macheta are
   un `<select>` nativ, care își rezervă singur spațiul) */
.cmvp-formcard select { cursor: pointer; padding-right: 36px; height: 43px; }
.cmvp-formcard textarea { resize: vertical; display: block; }
.cmvp-formcard input:focus,
.cmvp-formcard select:focus,
.cmvp-formcard textarea:focus { border-color: var(--cmv-blue); background: #fff; }
.cmvp-formcard ::placeholder { color: #93a0b4; opacity: 1; }

/* ---------------------------------------------------------------- acordul GDPR */
.cmvp-acord { font-size: 13px; color: #4A5568; line-height: 1.5; }
.cmvp-acord .wpcf7-form-control-wrap,
.cmvp-acord .wpcf7-acceptance,
.cmvp-acord .wpcf7-list-item { display: block; margin: 0; }
.dpp .cmvp-formcard .wpcf7 .cmvp-acord label {
	display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
	font-size: 13px; font-weight: 400; color: #4A5568; line-height: 1.5; margin: 0;
}
.cmvp-acord input[type="checkbox"] {
	accent-color: var(--cmv-blue); width: 15px; height: 15px; margin: 2px 0 0; flex-shrink: 0;
}
.cmvp-acord a { color: var(--cmv-blue); }

/* ---------------------------------------------------------------- rândul de trimitere */
.cmvp-trimite { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.cmvp-nota { font-size: 12.5px; color: #8B97A8; line-height: 1.4; }

.cmvp-formcard input.wpcf7-submit {
	float: none;   /* Blocksy pune `float:left` pe butonul CF7 */
	background: var(--cmv-blue); color: #fff; border: 0; border-radius: 11px;
	padding: 14px 32px; font-weight: 800; font-size: 15px; line-height: normal;
	font-family: inherit; cursor: pointer; width: auto; margin: 0;
}
.cmvp-formcard input.wpcf7-submit:hover:not(:disabled) { background: #234E96; }
@supports (color: oklch(0.43 0.15 260)) {
	.cmvp-formcard input.wpcf7-submit:hover:not(:disabled) { background: oklch(0.43 0.15 260); }
}
/* Butonul e blocat până se bifează acordul — comportamentul normal al CF7.
   Nu-l deblocăm; îl facem doar mai clar „de așteptat", nu spălăcit. */
.cmvp-formcard input.wpcf7-submit:disabled {
	opacity: 1; background: #cdd6e4; color: #6b7a90; cursor: not-allowed;
}
.cmvp-formcard .wpcf7-spinner { margin: 0 0 0 4px; }

/* ---------------------------------------------------------------- pașii 1-2-3 (Suport) */
.cmvp-sect { display: flex; flex-direction: column; gap: 14px; }
.cmvp-formcard--pasi .wpcf7-form { gap: 26px; }
.cmvp-sect--linie { border-top: 1px solid #edf1f7; padding-top: 22px; }
.cmvp-pas-cap { display: flex; align-items: center; gap: 12px; }
.cmvp-nr {
	width: 28px; height: 28px; border-radius: 50%; background: var(--cmv-blue); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-weight: 800; font-size: 14px; line-height: normal; flex-shrink: 0;
}
.cmvp-pas-t { font-size: 17px; font-weight: 800; color: #16233D; line-height: normal; }
.cmvp-pas-nota { margin: 0; font-size: 13px; color: #8B97A8; line-height: 1.5; }
.cmvp-pas-nota strong { color: #4A5568; }
.cmvp-pas-nota a { color: var(--cmv-blue); }

/* ---------------------------------------------------------------- zona de atașamente */
.cmvp-drop {
	position: relative;
	border: 1.5px dashed #b9c7de; border-radius: 12px; padding: 26px;
	display: flex; flex-direction: column; align-items: center; gap: 6px;
	background: #FBFCFE; cursor: pointer; text-align: center;
}
.cmvp-drop:hover, .cmvp-drop.cmvp-drop--activ { border-color: var(--cmv-blue); }
.cmvp-drop-t { font-size: 14px; font-weight: 700; color: var(--cmv-blue); line-height: normal; }
.cmvp-drop-s { font-size: 12.5px; color: #8B97A8; line-height: normal; }
/* câmpurile native rămân în pagină (CF7 are nevoie de ele), dar nu se văd */
.cmvp-drop-inputs { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.cmvp-drop-lista { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 5px; width: 100%; }
.cmvp-drop-lista:empty { display: none; }
.cmvp-drop-lista li {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	font-size: 12.5px; color: #4A5568; line-height: normal;
}
.cmvp-drop-sterge {
	border: 0; background: none; padding: 0 2px; cursor: pointer;
	font-size: 15px; line-height: 1; color: #8B97A8; font-family: inherit;
}
.cmvp-drop-sterge:hover { color: var(--cmv-red); }

/* ---------------------------------------------------------------- carduri laterale */
.cmvp-card {
	border: 1px solid #E3E8F0; border-radius: 16px; padding: 22px; background: #fff;
	display: flex; flex-direction: column; gap: 8px;
}
.cmvp-card--wa { background: #EEF3FB; border-color: #dbe4f2; padding: 24px; gap: 10px; }
.cmvp-card--pasi { padding: 24px; gap: 14px; }
.cmvp-card-t { font-size: 14.5px; font-weight: 800; color: #16233D; line-height: normal; }
.cmvp-card-t--mediu { font-size: 15px; }
.cmvp-card-t--mare { font-size: 16px; }
.cmvp-card-p { font-size: 13.5px; color: #4A5568; line-height: 1.5; }
.cmvp-card--wa .cmvp-card-p { line-height: 1.55; }
.cmvp-card-link { font-size: 13.5px; font-weight: 700; color: var(--cmv-blue); text-decoration: none; }
.cmvp-card-link:hover { text-decoration: underline; }
.cmvp-card-prog {
	font-family: 'Space Grotesk', sans-serif; font-size: 11.5px; color: #7d8a9c;
	text-align: center; line-height: normal;
}
.cmvp-card-prog--stanga { text-align: left; }

/* butonul de WhatsApp — verdele machetei, pe toată lățimea cardului */
.dpp .cmvp-btn-wa {
	display: block; background: #2A5FB7; color: #fff !important; text-decoration: none;
	font-weight: 800; font-size: 14.5px; padding: 13px 0; border-radius: 11px;
	text-align: center; line-height: normal; border: 0;
}
.dpp .cmvp-btn-wa:hover { background: #234E96; color: #fff !important; }
@supports (color: oklch(0.55 0.13 150)) {
	.dpp .cmvp-btn-wa { background: oklch(0.5 0.15 260); }
	.dpp .cmvp-btn-wa:hover { background: oklch(0.42 0.15 260); }
}
.dpp .cmvp-btn-wa--mic { font-size: 14px; padding: 12px 0; }

/* numărul de telefon (cardul „Sună-ne" — în afara machetei v3, vezi CONTACT-SI-NUMAR.md) */
.cmvp-tel { margin: 0; }
.cmvp-tel a { font-size: 21px; font-weight: 800; color: #16233D; text-decoration: none; line-height: normal; }
.cmvp-tel a:hover { color: var(--cmv-blue); }

/* cardul „Scrie-ne pe email" (adresa e mai lungă decât un număr de telefon — mărimea mare a
   telefonului nu încape lizibil, deci un modificator mai mic pe același element .cmvp-tel).
   07.09.2026 — I2-subsol-si-contact, condiția NETOPIA „date de contact complete". */
.cmvp-tel--mail a { font-size: 16px; }

/* cardul „Date firmă" — text mic, două rânduri, ca o notă de subsol (nu un CTA) */
.cmvp-card--firma .cmv-date-firma {
	font-size: 13.5px;
	color: #4A5568;
	line-height: 1.55;
	margin: 0;
}

/* pașii mici din cardul „Cum funcționează" */
.cmvp-pas-mic { display: flex; gap: 12px; align-items: flex-start; }
.cmvp-pas-mic span:last-child { font-size: 13.5px; color: #4A5568; line-height: 1.5; }
.cmvp-nr-mic {
	width: 24px; height: 24px; border-radius: 50%; background: #EEF3FB; color: var(--cmv-blue);
	display: flex; align-items: center; justify-content: center;
	font-weight: 800; font-size: 12px; line-height: normal; flex-shrink: 0;
}

/* ============================================================ DESPRE NOI ==== */
.cmvp-despre .cmvp-cap { padding: 24px 32px 0; }
.cmvp-despre-in { max-width: 760px; }
.cmvp-eyebrow {
	font-family: 'Space Grotesk', sans-serif; font-size: 12px; letter-spacing: 2px;
	color: var(--cmv-blue); margin: 0 0 12px; line-height: normal; text-transform: none;
	font-weight: 400; display: block;
}
.cmvp-despre .cmvp-titlu {
	margin: 0 0 14px; font-size: 40px; font-weight: 800; color: #16233D;
	line-height: 1.1; letter-spacing: -1px;
}
.cmvp-despre .cmvp-lead { font-size: 17px; color: #4A5568; line-height: 1.65; max-width: none; }

.cmvp-sec-foto { padding: 32px 32px 0; }
.cmvp-sec { padding: 52px 32px 0; }
.cmvp-rand { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.cmvp-rand h2 {
	margin: 0 0 12px; font-size: 27px; font-weight: 800; color: #16233D; letter-spacing: -0.5px;
	line-height: 1.2;
}
.cmvp-rand p { margin: 0 0 12px; font-size: 15px; color: #4A5568; line-height: 1.7; }
.cmvp-rand p:last-child { margin-bottom: 0; }
.cmvp-rand a { color: var(--cmv-blue); }

/* ⚠️ 02.09.2026: vechile reguli `.cmvp-foto` (înălțime fixă 320px, hașură, `--lat`) au fost
   ȘTERSE de aici. Erau resturi din macheta dinainte de 01.09, când pagina avea trei locuri
   de fotografie scoase odată cu textele-substituent; verificat în baza de date că nici
   `.cmvp-foto`, nici `.cmvp-rand` nu mai apar în conținutul vreunei pagini. Numele `.cmvp-foto`
   e refolosit acum de slotul nou, definit mai sus. */

.cmvp-valori { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
/* ⛔⛔ REGULĂ DE DESIGN (Marius, 02.09.2026, cerută de el de mai multe ori):
   **iconița stă pe ACELAȘI RÂND cu titlul**, nu deasupra lui. Varianta veche era
   `flex-direction: column` cu iconița primul copil — exact așezarea reclamată.
   Aici: grilă `auto 1fr`, iconița pe rândul 1 stânga, titlul lângă ea, textul pe rândul 2
   sub titlu (coloana a doua), ca să se citească drept coloană, nu în trepte.
   ⛔ Și iconița NU e o bifă generică: bifa într-un cerc se citește ca loc rezervat. */
.cmvp-valoare {
	border: 1px solid #E3E8F0; border-radius: 16px; padding: 24px 26px; background: #fff;
	display: grid; grid-template-columns: auto 1fr; column-gap: 12px; row-gap: 6px;
	/* `align-items: center` aliniază iconița cu titlul pe rândul 1;
	   `align-content: start` împiedică rândurile să se depărteze când cardul e mai înalt
	   decât conținutul (cardurile din rând au înălțime egală) — altfel apărea un gol
	   de ~20px între titlu și paragraf, care rupea legătura dintre ele. */
	align-items: center; align-content: start;
}
.cmvp-valoare-bifa {
	grid-column: 1; grid-row: 1;
	width: 38px; height: 38px; border-radius: 11px; background: #EEF3FB; color: var(--cmv-blue);
	display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.cmvp-valoare-bifa .cmv-icon { width: 21px; height: 21px; display: block; }
.cmvp-valoare h3 {
	grid-column: 2; grid-row: 1;
	margin: 0; font-size: 16px; font-weight: 800; color: #16233D; line-height: 1.3; letter-spacing: normal;
}
/* textul sub titlu, aliniat la el — nu sub iconiță */
.cmvp-valoare p { grid-column: 2; grid-row: 2; margin: 0; font-size: 13.5px; color: #5a6675; line-height: 1.55; }
.cmvp-valoare a { color: var(--cmv-blue); }

/* ============================================================ RESPONSIV ==== */
@media (max-width: 1100px) {
	.cmvp-corp { flex-wrap: wrap; }
	.cmvp-lat { width: 100%; flex-direction: row; flex-wrap: wrap; }
	.cmvp-lat > * { flex: 1 1 300px; }
}
@media (max-width: 860px) {

	.cmvp-lat { flex-direction: column; }
	.cmvp-lat > * { flex: 1 1 auto; }
	.cmvp-rand { grid-template-columns: 1fr; gap: 24px; }
	.cmvp-rand--invers .cmvp-rand-text { order: 2; }
	.cmvp-valori { grid-template-columns: 1fr; }
	.cmvp-despre .cmvp-titlu { font-size: 30px; letter-spacing: -0.5px; }
	.cmvp-sec, .cmvp-sec-foto { padding-top: 34px; }
}
@media (max-width: 620px) {
	.cmvp-grid2 { grid-template-columns: 1fr; }
	.cmvp-formcard { padding: 22px 20px; }
	.cmvp-trimite { align-items: flex-start; flex-direction: column; gap: 10px; }
	.cmvp-formcard input.wpcf7-submit { width: 100%; }
}
@media (max-width: 560px) {
	.cmvp-brm, .cmvp-cap, .cmvp-corp, .cmvp-sec, .cmvp-sec-foto, .cmvp-despre .cmvp-cap { padding-left: 20px; padding-right: 20px; }
	.cmvp-titlu { font-size: 26px; }
	.cmvp-drop { padding: 20px 14px; }
	.cmvp-drop-s { font-size: 12px; }
}

/* ============================================================================
   TELEFON (≤767px) — machetele „Mobil Contact.dc.html" și „Mobil Despre.dc.html"
   ⚠️ Săgeata „înapoi" și titlul scurt vin din antetul compact al site-ului
      (cmv3-antet-mobil.php). Aici NU se mai face unul.
   ⛔ Numărul de telefon rămâne codat (`cmv3_telefon_html`), iar adresa de email
      NU se afișează nicăieri — macheta o are, site-ul nu (decizie Marius 17.08).
   ========================================================================== */
@media (max-width: 767px) {
	.cmvp-brm, .cmvp-cap, .cmvp-corp, .cmvp-sec, .cmvp-sec-foto,
	.cmvp-despre .cmvp-cap { padding-left: 16px; padding-right: 16px; }

	.cmvp-brm { padding-top: 12px; font-size: 12px; }
	.cmvp-cap { padding-top: 0; }
	.cmvp-titlu { margin: 10px 0 6px; font-size: 21px; letter-spacing: -0.4px; line-height: 1.2; }
	.cmvp-lead { font-size: 13.5px; line-height: 1.55; }

	/* ---------------------------------------------------------------- CONTACT
	   Macheta pune întâi cardul de chat, apoi despărțitorul „SAU PRIN FORMULAR",
	   apoi formularul, apoi cardul de tichet, apoi datele de contact.
	   Pe desktop formularul e în stânga și cardurile în dreapta; pe telefon
	   `display: contents` scoate cardurile din coloana lor ca să pot pune ordinea
	   machetei fără să ating marcajul paginii. */
	/* ⚠️ `align-items: stretch` e obligatoriu: regula de desktop pune `flex-start`, iar
	   pe o coloană asta strânge fiecare bloc la lățimea textului lui (cardul „Sună-ne"
	   ieșea de 138px din 358). */
	.cmvp-corp { flex-direction: column; align-items: stretch; gap: 14px; padding-top: 16px; }
	.cmvp-lat { display: contents; }
	.cmvp-lat > .cmvp-card { width: auto; }
	.cmvp-card--wa { order: 1; }
	.cmvp-sau { order: 2; }
	.cmvp-formcard { order: 3; }
	/* ⚠️ 07.09.2026 — au apărut 2 carduri noi (email + date firmă, condiția NETOPIA „date de
	   contact complete"), între „Sună-ne" și „Ai deja un produs?" în ordinea din DOM — indicii
	   nth-child de mai jos s-au mutat cu 2 în josul listei. */
	.cmvp-lat > .cmvp-card:nth-child(5) { order: 4; } /* „Ai deja un produs de la noi?" */
	.cmvp-lat > .cmvp-card:nth-child(6) { order: 5; } /* „Răspunsuri imediate" */
	.cmvp-lat > .cmvp-card:nth-child(2) { order: 6; } /* „Sună-ne" = datele de contact, jos */
	.cmvp-lat > .cmvp-card:nth-child(3) { order: 7; } /* „Scrie-ne pe email" */
	.cmvp-lat > .cmvp-card:nth-child(4) { order: 8; } /* „Date firmă" */

	/* despărțitorul: linie — text — linie (macheta: 11px/700, #8B97A8) */
	.cmvp-sau {
		display: flex; align-items: center; gap: 12px;
		margin: 2px 0;
	}
	.cmvp-sau::before, .cmvp-sau::after { content: ""; flex: 1; height: 1px; background: #E3E8F0; }
	.cmvp-sau span { font-size: 11px; font-weight: 700; color: #8B97A8; letter-spacing: 0.2px; }

	/* formularul: fără ramă de card — pe 358px lățime rama fura 40px de conținut */
	.cmvp-formcard { border: 0; box-shadow: none; padding: 0; background: none; border-radius: 0; }
	.cmvp-formcard .wpcf7-form { gap: 12px; }
	.cmvp-grid2 { grid-template-columns: 1fr; gap: 12px; }
	.cmvp-camp { gap: 6px; }
	/* ⚠️ 16px, nu 15px ca în machetă: sub 16px, Safari pe iPhone MĂREȘTE pagina când
	   intri în câmp și clientul rămâne cu ecranul strâmb. Un pixel diferență față de
	   machetă, un bug real mai puțin. */
	.cmvp-formcard input[type="text"],
	.cmvp-formcard input[type="email"],
	.cmvp-formcard input[type="tel"],
	.cmvp-formcard select,
	.cmvp-formcard textarea { padding: 13px 14px; font-size: 16px; }
	.cmvp-formcard select { height: 48px; }
	.cmvp-formcard textarea { min-height: 130px; }
	.cmvp-acord { font-size: 12px; }
	.dpp .cmvp-formcard .wpcf7 .cmvp-acord label { font-size: 12px; gap: 9px; }
	.cmvp-acord input[type="checkbox"] { width: 17px; height: 17px; }
	.cmvp-trimite { gap: 8px; }
	.cmvp-formcard input.wpcf7-submit { width: 100%; padding: 15px 0; border-radius: 10px; font-size: 15px; }
	.cmvp-nota { font-size: 12px; }

	/* cardurile laterale, la dimensiunile machetei */
	.cmvp-card { padding: 16px; border-radius: 14px; gap: 7px; }
	.cmvp-card--wa { padding: 14px; gap: 9px; }
	.cmvp-card-t, .cmvp-card-t--mediu, .cmvp-card-t--mare { font-size: 14px; }
	.cmvp-card-p { font-size: 12.5px; line-height: 1.5; }
	/* linkurile din carduri își iau propria zonă de atins (erau de 21px) */
	.cmvp-card-link { display: inline-flex; align-items: center; min-height: 36px; font-size: 13px; }
	.dpp .cmvp-btn-wa { font-size: 14px; padding: 13px 0; border-radius: 10px; }
	.cmvp-card-prog { font-size: 10.5px; }

	/* datele de contact de jos: macheta le are ca text simplu, fără ramă */
	.cmvp-lat > .cmvp-card:nth-child(2) {
		border: 0; border-top: 1px solid #EDF1F7; border-radius: 0;
		background: none; padding: 14px 2px 4px; gap: 5px;
	}
	.cmvp-tel a { display: inline-flex; align-items: center; min-height: 36px; font-size: 16px; }

	/* ---------------------------------------------------------------- DESPRE */
	.cmvp-despre .cmvp-cap { padding-top: 6px; }
	.cmvp-eyebrow { font-size: 10.5px; letter-spacing: 2px; margin-bottom: 10px; }
	.cmvp-despre .cmvp-titlu { margin: 0 0 12px; font-size: 26px; letter-spacing: -0.6px; line-height: 1.15; }
	.cmvp-despre .cmvp-lead { font-size: 14.5px; line-height: 1.65; }

	.cmvp-sec-foto { padding-top: 20px; }
	.cmvp-sec { padding-top: 26px; }
	.cmvp-rand { gap: 16px; }
	.cmvp-rand h2 { margin-bottom: 8px; font-size: 19px; letter-spacing: -0.4px; line-height: 1.25; }
	.cmvp-rand p { margin-bottom: 10px; font-size: 13.5px; line-height: 1.65; }

	/* ⏳ Cele 3 fotografii lipsesc încă (le dă Marius) — locurile rămân marcate,
	   la înălțimile machetei. Nu se pun poze de umplutură. */

	/* cele 3 valori: bifa la stânga, textul la dreapta (macheta), fără să schimb marcajul */
	.cmvp-valori { gap: 10px; }
	.cmvp-valoare {
		display: grid; grid-template-columns: 32px minmax(0, 1fr);
		column-gap: 12px; row-gap: 3px;
		padding: 16px; border-radius: 14px;
	}
	.cmvp-valoare-bifa { grid-column: 1; grid-row: 1 / span 2; }
	.cmvp-valoare h3 { grid-column: 2; grid-row: 1; font-size: 14.5px; }
	.cmvp-valoare p { grid-column: 2; grid-row: 2; font-size: 12.5px; line-height: 1.5; }
}

/* 01.09.2026 — „Despre noi": rândurile pe 2 coloane și-au pierdut imaginea
   (pozele propuse erau generate cu AI, nu fotografii reale — DECIZII 103).
   Fără regula asta textul rămâne pe jumătate de lățime, cu un gol în dreapta. */
/* =====================================================================================
   „Despre noi" — text + fotografie pe două coloane  (cerere Marius, 02.09.2026)
   ⭐ `:has()` e ales dinadins: coloana a doua apare DOAR dacă slotul chiar a randat o
   figură. În producție, fără fotografie, scurtătura `[cmv_foto]` nu scrie nimic, `:has()`
   nu se potrivește, iar secțiunea rămâne pe toată lățimea — exact cum e azi. Dacă un
   browser vechi n-ar suporta `:has()`, cade tot pe varianta de o coloană: fără stricăciuni.
   ===================================================================================== */
.cmvp-despre .cmvp-sec-2col { display: block; }
.cmvp-despre .cmvp-sec-2col:has(> .cmvp-foto) {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 38px;
	/* ⚠️ `stretch`, nu `start`: cu raport fix (4/3) caseta ieșea mai înaltă decât textul
	   secțiunii scurte și rămânea un gol de ~200px sub paragrafe. Așa fotografia ia exact
	   înălțimea textului de lângă ea, iar rândul arată intenționat. `min-height` ține totuși
	   o înălțime decentă la secțiunile foarte scurte. */
	align-items: stretch;
}
/* în două coloane, limita de 74ch ar strânge textul a doua oară — coloana o dă deja */
.cmvp-despre .cmvp-sec-2col:has(> .cmvp-foto) .cmvp-sec-plin p { max-width: none; }
.cmvp-despre .cmvp-sec-2col > .cmvp-sec-plin { margin-bottom: 0; }

.cmvp-foto { margin: 0; min-height: 260px; }
.cmvp-foto-img {
	display: block; width: 100%; height: 100%; border-radius: 14px;
	border: 1px solid var(--cmv-border); background: var(--cmv-bg-soft);
	/* fotografia umple coloana pe înălțimea textului; decupajul e preferabil unui gol */
	object-fit: cover;
}
/* locul rezervat: se vede DOAR pe dev (v. comentariul din cmv3-pagini.php) */
.cmvp-foto--gol .cmvp-foto-cutie {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 8px; text-align: center; padding: 18px;
	height: 100%;
	border: 2px dashed var(--cmv-border); border-radius: 14px;
	background: repeating-linear-gradient(45deg, var(--cmv-bg-softer) 0 10px, var(--cmv-bg-soft) 10px 20px);
}
.cmvp-foto-eticheta {
	font-family: 'Space Grotesk', sans-serif; font-size: 10.5px; font-weight: 700;
	letter-spacing: 0.12em; text-transform: uppercase; color: var(--cmv-text-faint);
}
.cmvp-foto-text { font-size: 14px; line-height: 1.55; color: var(--cmv-text-soft); max-width: 34ch; }
.cmvp-foto-slug { font-size: 11.5px; color: var(--cmv-text-faint); background: #fff; padding: 3px 8px; border-radius: 5px; }

.cmvp-despre .cmvp-sec-plin { display: block; margin: 0 0 44px; }
.cmvp-despre .cmvp-sec-plin h2 { font-size: 26px; line-height: 1.25; margin: 0 0 14px; }
.cmvp-despre .cmvp-sec-plin p { margin: 0 0 12px; font-size: 15px; color: #4A5568; line-height: 1.7; max-width: 74ch; }
.cmvp-despre .cmvp-sec-plin p:last-child { margin-bottom: 0; }
.cmvp-despre .cmvp-sec-plin a { color: var(--cmv-blue); }

/* =====================================================================================
   „Despre noi" pe ecran îngust — fotografia trece SUB text.
   ⚠️ Regula stă la finalul fișierului dinadins: definiția de bază a grilei nu e într-un
   media query, iar la specificitate egală câștigă cea scrisă mai jos. Pusă mai sus, în
   blocul responsiv de la 860px, ar fi fost anulată în tăcere de propria ei definiție.
   ===================================================================================== */
@media (max-width: 860px) {
	.cmvp-despre .cmvp-sec-2col:has(> .cmvp-foto) { grid-template-columns: 1fr; gap: 20px; }
	.cmvp-despre .cmvp-sec-2col:has(> .cmvp-foto) .cmvp-sec-plin p { max-width: 74ch; }
}
@media (max-width: 860px) {
	.cmvp-foto { min-height: 0; }
	.cmvp-foto--gol .cmvp-foto-cutie { height: auto; aspect-ratio: 4 / 3; }
	.cmvp-foto-img { height: auto; object-fit: initial; }
}
@media (max-width: 560px) {
	/* ⛔ pe telefon NU se pune iconița deasupra ca să se câștige lățime — se micșorează */
	.cmvp-valoare { padding: 18px 18px; column-gap: 10px; }
	.cmvp-valoare-bifa { width: 32px; height: 32px; border-radius: 9px; }
	.cmvp-valoare-bifa .cmv-icon { width: 18px; height: 18px; }
	.cmvp-valoare h3 { font-size: 15px; }
}

/* ⛔⛔ REPARAT 04.09.2026 — REGULA CASEI: iconița și titlul stau pe ACEEAȘI linie.
   Pe „Garanție", „Cum plătesc" și „Cum returnez", cardurile aveau iconița (44×44, cu
   `margin-bottom:12px`) ca FRATE al lui `<h3>`, fără container flex ⇒ iconița se stivuia
   DEASUPRA titlului. Exact tiparul descris ca greșit în CLAUDE.md, inclusiv capcana:
   „iconița are margin-bottom din șablonul copiat → se stivuiește chiar dacă pui flex".
   Aici nu putem înveli iconița și titlul într-un container (markup-ul stă în conținutul
   paginii), așa că le punem pe un rând cu GRID: iconița coloana 1, titlul coloana 2,
   restul textului dedesubt, pe toată lățimea. */
.pro-gar-card, .pro-pay-card, .pro-ret-card {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 12px;
}
.pro-gar-card-icon, .pro-pay-card-icon, .pro-ret-card-icon {
	margin-bottom: 0 !important;   /* altfel rămâne spațiul din șablonul vechi */
	width: 40px; height: 40px;     /* 44px lângă un titlu de 17px arăta dezechilibrat */
	background-size: 20px;
}
.pro-gar-card > h3, .pro-pay-card > h3, .pro-ret-card > h3 { margin: 0; }
/* tot ce urmează după titlu trece sub el, pe ambele coloane */
.pro-gar-card > *:not(.pro-gar-card-icon):not(h3),
.pro-pay-card > *:not(.pro-pay-card-icon):not(h3),
.pro-ret-card > *:not(.pro-ret-card-icon):not(h3) { grid-column: 1 / -1; }

/* =====================================================================================
   PAGINA DE CONTACT — macheta v3 („Contact CarMedic" / „Contact Mobil CarMedic").
   Pereche cu `inc/contact.php`. Prefix `.cmv-ct-`. D1, 21.09.2026.
   Cifrele sunt cele calculate în machetă: carduri 16 px rază / 24 px interior / bară de 3 px
   sus · coloana din dreapta 380 px · câmpuri 44 px, rază 10, chenar #DFE3E8 · buton 48 px.
   ===================================================================================== */

.cmv-ct { max-width: 1328px; margin: 0 auto; padding: 26px 24px 60px; font-family: var(--cmv-font); }

/* titlul de pagină al temei ar fi al doilea H1 pe pagină */
body.cmv-are-ct .entry-header,
body.cmv-are-ct .hero-section { display: none; }

.cmv-ct-firimituri {
	display: flex; gap: 8px; margin-bottom: 14px;
	font-size: 12.5px; font-weight: 500; color: var(--cmv-text-fainter);
}
.cmv-ct-firimituri a { color: var(--cmv-text-fainter); text-decoration: none; }
.cmv-ct-firimituri a:hover { color: var(--cmv-green-dark); }
.cmv-ct-aici { color: var(--cmv-text); font-weight: 600; }

.cmv-ct-h1 { font-size: 30px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 8px; color: var(--cmv-text); }
.cmv-ct-sub { font-size: 15px; color: #4A5568; max-width: 640px; line-height: 1.6; margin: 0 0 22px; }

/* ---------------------------------------------------------------- cele trei carduri */
.cmv-ct-carduri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 28px; }
.cmv-ct-card {
	background: #fff; border-radius: 16px; padding: 24px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
	border-top: 3px solid var(--cmv-text-fainter);
	display: flex; flex-direction: column;
}
.cmv-ct-card--comercial { border-top-color: var(--cmv-green); }
.cmv-ct-card--tehnic    { border-top-color: var(--cmv-navy); }
.cmv-ct-card-et {
	font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
	color: var(--cmv-text-soft); margin: 0 0 8px;
}
.cmv-ct-card--comercial .cmv-ct-card-et { color: var(--cmv-green); }
.cmv-ct-card-t { font-size: 17px; font-weight: 800; margin: 0 0 6px; color: var(--cmv-text); line-height: 1.25; }
.cmv-ct-card-p { font-size: 13px; color: var(--cmv-text-soft); line-height: 1.55; margin: 0 0 14px; }

.cmv-ct-stare {
	display: flex; align-items: center; gap: 8px;
	font-size: 12.5px; font-weight: 700; color: var(--cmv-green); margin: 0 0 12px;
}
.cmv-ct-bulina { width: 8px; height: 8px; border-radius: 999px; background: currentColor; display: inline-block; }
.cmv-ct-stare--inchis { color: var(--cmv-text-faint); }
.cmv-ct-stare--pe-inchis { color: var(--cmv-green-bright); }

.cmv-ct-card-jos { display: flex; gap: 8px; margin-top: auto; }
/* butoanele de contact vin din motor ca `<a>` învelit; stilul stă pe înveliș ȘI pe link,
   ca să arate la fel indiferent care dintre ele e elementul de click */
/* ⚠️ `> a` NU e de ajuns: linkul de telefon vine din motor învelit într-un `<span class="cm-tel">`,
   deci e nepot, nu copil. Măsurat: textul butonului verde era albastru-link (rgb(40,114,250))
   pe fundal verde — ilizibil. Se scrie pe orice `<a>` din buton. */
.cmv-ct-btn, .cmv-ct-btn a {
	flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px;
	height: 42px; border-radius: 10px; font-size: 13px; font-weight: 700; text-decoration: none;
	box-sizing: border-box;
}
.cmv-ct-btn--plin, .cmv-ct-btn--plin a { background: var(--cmv-green); color: #fff !important; }
.cmv-ct-btn--plin:hover, .cmv-ct-btn--plin a:hover { background: var(--cmv-green-dark); color: #fff !important; }
.cmv-ct-btn--wa { border: 1.5px solid #25D366; }
.cmv-ct-btn--wa, .cmv-ct-btn--wa a { color: #168040 !important; }
.cmv-ct-btn--wa:hover { background: #168040; }
.cmv-ct-btn--wa:hover, .cmv-ct-btn--wa:hover a { color: #fff !important; }
.cmv-ct-btn--contur { border: 1.5px solid #D5DAE1; color: var(--cmv-text); }
.cmv-ct-btn--contur:hover { border-color: var(--cmv-green); color: var(--cmv-green-dark); }
.cmv-ct-card--tehnic .cmv-ct-btn--plin { background: var(--cmv-navy); }
.cmv-ct-card--tehnic .cmv-ct-btn--plin:hover { background: #0F1620; }

/* ---------------------------------------------------------------- formular + coloana dreaptă */
.cmv-ct-jos { display: flex; gap: 22px; align-items: flex-start; }
.cmv-ct-form {
	flex: 1; min-width: 0; background: #fff; border-radius: 16px; padding: 28px 30px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
.cmv-ct-form h2 { font-size: 19px; font-weight: 800; margin: 0 0 4px; color: var(--cmv-text); }
.cmv-ct-form-sub { font-size: 13px; color: var(--cmv-text-faint); margin: 0 0 18px; }
.cmv-ct-form-sub a { color: var(--cmv-green); font-weight: 600; }

/* Contact Form 7, adus la limbajul machetei. ⛔ Nu se rescrie formularul: reCAPTCHA de pe
   /contact/ se încarcă LA ATINGERE și ține de CF7 (de la 48 la 95 pe mobil, 19.09.2026). */
/* ⛔ Măsurat pe pagina livrată: `fieldset.hidden-fields-container` (câmpurile ascunse ale CF7)
   ocupa 802×62 px — caseta goală de deasupra numelui, pe care o vede clientul. Ascunsă, nu
   micșorată: câmpurile `<input type="hidden">` dinăuntru se trimit și dintr-un element ascuns. */
.cmv-ct-form .hidden-fields-container { display: none; }
.cmv-ct-form .screen-reader-response { position: absolute; left: -9999px; }
.cmv-ct-form .wpcf7 p { margin: 0 0 12px; }

/* pastilele „Despre ce e vorba?" (câmp radio în CF7) */
.cmv-ct-subiect { font-size: 13px; font-weight: 700; color: #3C4757; margin: 0 0 8px; }
.cmv-ct-form .wpcf7-radio { display: flex; gap: 8px; flex-wrap: wrap; }
.cmv-ct-form .wpcf7-radio .wpcf7-list-item { margin: 0; }
.cmv-ct-form .wpcf7-radio label {
	display: inline-flex; align-items: center; cursor: pointer;
	padding: 8px 15px; border-radius: 999px; border: 1.5px solid var(--cmv-border);
	font-size: 12.5px; font-weight: 700; color: var(--cmv-text-soft); background: #fff;
}
.cmv-ct-form .wpcf7-radio input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.cmv-ct-form .wpcf7-radio label:hover { border-color: var(--cmv-green); color: var(--cmv-green-dark); }
.cmv-ct-form .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label,
.cmv-ct-form .wpcf7-radio label:has(input:checked) {
	border-color: var(--cmv-green); background: var(--cmv-bg-tint); color: var(--cmv-green-dark);
}
/* rândul de sub buton, ca în machetă */
.cmv-ct-form .cmv-ct-trimite { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.cmv-ct-form .cmv-ct-nota { font-size: 12.5px; color: var(--cmv-text-faint); }
.cmv-ct-form .form-group { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cmv-ct-form .form-group p { margin: 0; }
.cmv-ct-form input[type="text"],
.cmv-ct-form input[type="email"],
.cmv-ct-form input[type="tel"],
.cmv-ct-form textarea {
	width: 100%; box-sizing: border-box;
	border: 1px solid #DFE3E8; border-radius: 10px;
	font: 500 13.5px/1.4 var(--cmv-font); color: var(--cmv-text); background: #fff;
	outline: none;
}
.cmv-ct-form input[type="text"],
.cmv-ct-form input[type="email"],
.cmv-ct-form input[type="tel"] { height: 44px; padding: 0 14px; }
.cmv-ct-form textarea { padding: 12px 14px; resize: vertical; min-height: 110px; }
.cmv-ct-form input:focus, .cmv-ct-form textarea:focus { border-color: var(--cmv-green); }
.cmv-ct-form .wpcf7-acceptance { font-size: 13px; color: #3C4757; line-height: 1.5; }
.cmv-ct-form .wpcf7-acceptance input[type="checkbox"] { accent-color: var(--cmv-green); margin-right: 7px; }
.cmv-ct-form .wpcf7-submit {
	background: var(--cmv-green); color: #fff; border: 0; border-radius: 12px;
	height: 48px; padding: 0 32px; font-size: 14px; font-weight: 800; cursor: pointer;
}
.cmv-ct-form .wpcf7-submit:hover { background: var(--cmv-green-dark); }
.cmv-ct-form .wpcf7-not-valid-tip { font-size: 12px; color: var(--cmv-red); margin-top: 4px; }

.cmv-ct-lateral { width: 380px; flex-shrink: 0; display: flex; flex-direction: column; gap: 16px; }
.cmv-ct-linie { background: var(--cmv-navy-2); color: #fff; border-radius: 16px; padding: 26px 28px; }
.cmv-ct-linie-et {
	font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
	color: var(--cmv-green-bright); margin: 0 0 10px;
}
.cmv-ct-tel-mare { display: block; font-size: 26px; font-weight: 800; letter-spacing: -.01em; }
.cmv-ct-tel-mare a { color: #fff; text-decoration: none; }
.cmv-ct-tel-mare:hover a { color: var(--cmv-green-bright); }
.cmv-ct-linie-prog { font-size: 13px; color: rgba(255, 255, 255, .65); margin: 6px 0 16px; }
.cmv-ct-wa-mare {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	background: #168040; color: #fff !important; font-size: 13.5px; font-weight: 800;
	height: 46px; border-radius: 12px; text-decoration: none;
}
.cmv-ct-wa-mare:hover { background: #0F6E35; }

.cmv-ct-rapide { background: #fff; border-radius: 16px; padding: 22px 24px; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.cmv-ct-rapide-t { font-size: 13.5px; font-weight: 800; margin: 0 0 10px; color: var(--cmv-text); }
.cmv-ct-rapide a {
	display: block; font-size: 13px; color: #3C4757; padding: 7px 0;
	border-bottom: 1px solid #F4F6F8; text-decoration: none;
}
.cmv-ct-rapide a:last-child { border-bottom: 0; }
.cmv-ct-rapide a:hover { color: var(--cmv-green-dark); }

/* ---------------------------------------------------------------- mobil */
@media (max-width: 999.98px) {
	.cmv-ct-carduri { grid-template-columns: 1fr; }
	.cmv-ct-jos { flex-direction: column; }
	.cmv-ct-lateral { width: 100%; }
	.cmv-ct { padding: 18px 14px 40px; }
	.cmv-ct-h1 { font-size: 24px; }
	.cmv-ct-form { padding: 22px 18px; }
	.cmv-ct-form .form-group { grid-template-columns: 1fr; }
	/* macheta mobilă stivuiește butoanele cardurilor: două butoane de 42 px unul lângă altul
	   la 390 px lățime taie textul („Fonduri europene" intra pe două rânduri) */
	.cmv-ct-card-jos { flex-direction: column; }
	.cmv-ct-btn, .cmv-ct-btn a { width: 100%; }
}

:root {
	--cmv-ic-wa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.9-1.4A10 10 0 1 0 12 2zm5 13.6c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-3.1-1-5.4-3.8-6.3-5.5-.4-.7-.7-1.6-.2-2.4.3-.4.7-.6 1-.6h.6c.2 0 .4 0 .6.5l.8 1.9c.1.2 0 .4-.1.6l-.4.5c-.2.2-.3.4-.1.7.6 1 1.7 2 3 2.6.3.2.5.1.7-.1l.6-.7c.2-.3.4-.3.7-.2l1.8.9c.3.1.5.2.6.4v.3z'/%3E%3C/svg%3E");
}

/* Bara lipită de jos, pe telefon (macheta „Contact Mobil"): sună + WhatsApp.
   ⛔ Pe desktop nu există în machetă — și n-ar avea ce căuta lângă coloana „Linia comercială". */
/* ⚠️ 21.09.2026: acasă are o bară la fel, dar `pagini.css` NU se încarcă pe prima pagină
   (CSS pe tipuri de pagină, vezi functions.php) ⇒ forma ei se repetă în `home.css`.
   ⚠️ Dacă se schimbă aici, se schimbă și acolo: `.cmv-barajos`. */
.cmv-ct-bara { display: none; }
@media (max-width: 999.98px) {
	.cmv-ct-bara {
		position: fixed; bottom: 0; left: 0; right: 0; z-index: 70;
		background: #fff; border-top: 1px solid var(--cmv-border);
		box-shadow: 0 -8px 24px rgba(16, 24, 40, .1);
		padding: 9px 12px 13px; display: flex; gap: 9px;
	}
	.cmv-ct-bara-tel, .cmv-ct-bara-tel a {
		flex: 1.3; height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px;
		background: var(--cmv-green); border-radius: 12px;
		color: #fff !important; font-size: 13.5px; font-weight: 800; text-decoration: none;
	}
	.cmv-ct-bara-tel a { background: none; border-radius: 0; height: auto; flex: none; }
	.cmv-ct-bara-wa {
		width: 56px; height: 48px; flex-shrink: 0; box-sizing: border-box;
		display: flex; align-items: center; justify-content: center;
		border: 1.5px solid #25D366; border-radius: 12px; color: #168040 !important;
		font-size: 0;
	}
	/* pictograma WhatsApp ca mască, nu ca literă: textul „WhatsApp" rămâne în pagină (îl citesc
	   cititoarele de ecran), dar nu se vede — exact ca în machetă. */
	.cmv-ct-bara-wa::before {
		content: ""; width: 21px; height: 21px; background: currentColor;
		-webkit-mask: var(--cmv-ic-wa) center/21px no-repeat;
		mask: var(--cmv-ic-wa) center/21px no-repeat;
	}
	/* loc pentru bară, ca să nu acopere ultimul rând al paginii */
	body.cmv-are-ct { padding-bottom: 76px; }
	/* ⛔ un singur buton de WhatsApp pe ecran */
	body.cmv-are-ct #cm-wa { display: none; }
}