/* TRUE SPRL · stiluri specifice paginii planuri.html (după style.css) */

.pg-planuri .plan-note { max-width: 80ch; }

/* Cardul planului: stânga identificare, dreapta stadiu; graficele pe toată lățimea */
.pg-planuri .card--plan { padding: var(--s-5) var(--s-4); }
@media (min-width: 768px) {
  .pg-planuri .card--plan { padding: var(--s-6); }
}
@media (min-width: 1024px) {
  .pg-planuri .card--plan { padding: var(--s-7); row-gap: var(--s-7); }
  .pg-planuri .plan__full { grid-column: 1 / -1; }
}
.pg-planuri .card--plan .plan__head { align-content: start; gap: var(--s-4); }
.pg-planuri .card--plan .plan__head h3 { margin-top: var(--s-2); }
.pg-planuri .plan__side { display: grid; gap: var(--s-6); align-content: start; }
.pg-planuri .plan__block > .chart__title { margin-bottom: var(--s-4); }
.pg-planuri .plan__head .plan__block { margin-top: var(--s-4); }
.pg-planuri .kpi-feature { margin-top: var(--s-2); }

/* Graficele din card: margini interioare mai mici pe telefon */
@media (max-width: 767px) {
  .pg-planuri .card--plan .chart { padding: var(--s-4); }
}

/* Programul de plăți: coloane pe ecran lat, bare orizontale pe ecran îngust */
.pg-planuri .chart-svg--narrow { display: none; }
@media (max-width: 1023px) {
  .pg-planuri .chart-svg--wide { display: none; }
  .pg-planuri .chart-svg--narrow { display: block; max-width: 400px; margin-inline: auto; }
}

/* Progres: insigna de stare pe același rând cu eticheta */
.pg-planuri .progress__head { flex-wrap: wrap; align-items: center; }

/* Măsurile planului */
.pg-planuri .plan__measures > li + li { margin-top: var(--s-4); }
.pg-planuri .plan__measures strong { color: var(--ink); font-weight: 600; }

/* Al doilea plan (card mic) */
.pg-planuri .plan-mini { gap: var(--s-3); }
.pg-planuri .plan-mini .cluster { margin-bottom: var(--s-2); }

/* Fagurele din banda CTA rămâne strat absolut (regula .cta-band > * îl repoziționa) */
.pg-planuri .cta-band > .fagure { position: absolute; }

/* Corecturi QA: scalarea textului din SVG-urile late/inguste */
.pg-planuri .chart-svg--wide text { font-size: 16px; }
.pg-planuri .chart-svg--narrow text { font-size: 14px; }