/* === _comun/r11.css === */
/* Runda 11 (16.10.2026): prețurile aprobate (texte/18). Nivelele Esențial / Creștere / Autoritate,
   coloana Creștere evidențiată ca în oferta PDF (slide 6), în sistemul vizual al site-ului: fond --el-bg pe coloană,
   eticheta „Recomandat” pe fondul butonului. Tabelele se sprijină pe .r8-tab (sub 760 px devin blocuri, fără scroll). */

/* ---------- tabelul pachetelor (Prețuri și hub) ---------- */
.r11-pach { margin-top: 8px; }
.r11-pach thead th { padding-top: 40px; position: relative; font-size: 20px; }
.r11-pach thead th, .r11-pach thead td { vertical-align: bottom; }
.r11-pach .r11-rec { background: var(--el-bg); color: var(--text); }
.r11-pach thead th.r11-rec { border-radius: var(--r-el) var(--r-el) 0 0; }
.r11-pach tfoot td.r11-rec { border-radius: 0 0 var(--r-el) var(--r-el); }
.r11-et { position: absolute; top: 12px; left: 16px; padding: 2px 8px; font: 700 12px/18px var(--f-body); letter-spacing: .02em;
  color: #fff; background: var(--btn); border-radius: var(--r-bar); }
.r11-pach .r11-pret th, .r11-pach .r11-pret td { padding-top: 10px; padding-bottom: 18px; }
.r11-pach .r11-pret td { font: var(--w-head, 800) 22px/1.2 var(--f-head); color: var(--text); white-space: nowrap; }
.r11-btn td { padding-top: 18px; padding-bottom: 20px; }
.r11-pach .btn { height: auto; min-height: 46px; padding: 10px 16px; white-space: normal; text-align: center; line-height: 1.25; }
.r11-pach tbody th { width: 22%; }

/* ---------- ușa B + proiectul custom ---------- */
.r11-usi { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 24px; margin-top: 40px; }
.r11-usa { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px; background: var(--surface);
  border: 1px solid var(--line); border-radius: var(--r-el); }
.r11-usa h3 { font-size: 21px; line-height: 1.3; }
.r11-usa p { color: var(--muted); }
.r11-usa .btn { margin-top: auto; }
.r11-usa-b { border-top: 3px solid var(--btn); }
.r11-usa-b h3 { font-size: clamp(22px, 2.1vw, 26px); }

/* ---------- rândul „cele două uși” de pe hub ---------- */
.r11-doua-usi { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; margin-top: 28px; border-top: 2px solid var(--text); }
.r11-doua-usi > div { padding: 20px 0 4px; }
.r11-doua-usi p { font: var(--w-head, 800) 19px/1.35 var(--f-head); color: var(--text); margin-bottom: 10px; }

/* ---------- tabelele mici (lansare, audit, suplimente) ---------- */
.r11-mic { margin-top: 0; }
.r11-mic td { color: var(--text); }
.r11-mic tbody td { font: var(--w-head, 800) 18px/1.3 var(--f-head); }
.r11-audit tbody td:last-child { font: inherit; color: var(--muted); }
.r11-supl { margin: 18px 0 10px; }
.r11-supl tbody th { width: 58%; }
.r11-lans .r2-bife { margin-top: 0; }
.r11-act { margin-top: 20px; }

/* ---------- reperele de preț pe paginile de serviciu și pe Acasă ---------- */
.r11-rand { margin-top: 10px; color: var(--text); font-weight: 600; }
.pr-lans { margin-top: 22px; font-size: 17px; color: var(--text); }

@media (max-width: 900px) {
  .r11-usi, .r11-doua-usi { grid-template-columns: minmax(0, 1fr); }
  .r11-doua-usi > div + div { border-top: 1px solid var(--line-2); }
}
@media (max-width: 760px) {
  /* pe blocuri: eticheta pachetului la stânga, Creștere cu fondul evidențiat și eticheta „Recomandat” */
  .r11-pach .r11-rec { border-radius: var(--r-bar); padding: 6px 8px; margin: 2px -8px; }
  .r11-pach td.r11-rec::before { content: attr(data-p) " · Recomandat"; }
  .r11-pach tbody th { width: auto; }
  .r11-pach .r11-pret td { font-size: 19px; white-space: normal; }
  .r11-btn td { display: block; padding: 6px 0; }
  .r11-pach .r11-btn td::before { content: none; }
  .r11-pach .r11-btn td.r11-rec { margin: 0; padding: 6px 0; background: none; }
  .r11-btn .btn { width: 100%; }
  .r11-btn td[aria-hidden] { display: none; }
  .r11-supl tbody th { width: auto; }
  .r11-usa { padding: 22px 20px; }
  .r11-mic td::before { font: 600 16px/1.4 var(--f-body); }
  .r11-pach td::before { font-family: var(--f-body); font-size: 16px; }
}

/* gemenii de mărime a textului (panoul de accesibilitate, generat de _sursa/panou_a11y.py) */
.a11y-text .r11-pach thead th { font-size: calc(20px * var(--a11y-k, 1)); }
.a11y-text .r11-et { font-size: calc(12px * var(--a11y-k, 1)); }
.a11y-text .r11-pach .r11-pret td { font-size: calc(22px * var(--a11y-k, 1)); }
.a11y-text .r11-usa h3 { font-size: calc(21px * var(--a11y-k, 1)); }
.a11y-text .r11-usa-b h3 { font-size: calc(clamp(22px, 2.1vw, 26px) * var(--a11y-k, 1)); }
.a11y-text .r11-doua-usi p { font-size: calc(19px * var(--a11y-k, 1)); }
.a11y-text .r11-mic tbody td { font-size: calc(18px * var(--a11y-k, 1)); }
.a11y-text .r11-audit tbody td:last-child { font-size: inherit; }
.a11y-text .pr-lans { font-size: calc(17px * var(--a11y-k, 1)); }
@media (max-width: 760px) {
.a11y-text .r11-pach .r11-pret td { font-size: calc(19px * var(--a11y-k, 1)); }
.a11y-text .r11-mic td::before { font-size: calc(16px * var(--a11y-k, 1)); }
.a11y-text .r11-pach td::before { font-size: calc(16px * var(--a11y-k, 1)); }
}