/* ══════════════════════════════════════════════════════════════════════════════
   SHELL — componentele aplicației parohiale.

   REGULA DE AUR: în acest fișier NU există nicio culoare literală. Doar `var(--c-*)`.
   Culorile vin din `/css/tema.css`, generat pe server din `setari` (vezi src/teme.js).
   Schimbi tema din panoul de administrare → se schimbă tot, fără să atingi CSS-ul.

   Mobile-first: stilurile de bază sunt pentru telefon. `@media (min-width:…)` doar adaugă.
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Ornamente bizantine, ca forme (măști), nu ca imagini colorate ─────────────
   Sunt măști SVG: culoarea vine din token, deci ornamentul își schimbă culoarea
   odată cu tema. `--ornament-afisare` e pus de temă pe `none` acolo unde nu se vor
   ornamente (tema „Sobru"), fără să fie nevoie de clase speciale în pagini.        */
:root {
  --ornament-impletitura: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' viewBox='0 0 40 16'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M0 8C5 0 15 0 20 8 25 16 35 16 40 8'/%3E%3Cpath d='M0 8C5 16 15 16 20 8 25 0 35 0 40 8'/%3E%3C/g%3E%3C/svg%3E");
  --ornament-cruce: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Crect x='10.6' y='2' width='2.8' height='20' rx='1'/%3E%3Crect x='4' y='7.6' width='16' height='2.8' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  --latime-continut: 68rem;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--c-text);
  background: var(--c-bg);
  /* fundal discret de pergament: două licăriri calde, nu o textură care obosește */
  background-image:
    radial-gradient(1200px 420px at 12% -8%, color-mix(in srgb, var(--c-aur) 12%, transparent), transparent 70%),
    radial-gradient(900px 380px at 92% 4%, color-mix(in srgb, var(--c-accent) 8%, transparent), transparent 70%);
  background-attachment: fixed;
  min-height: 100vh;
}

h1, h2, h3, .titlu { font-family: var(--font-titlu); font-weight: 600; line-height: 1.25; margin: 0 0 .5rem; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.1rem; }
p { margin: 0 0 .85rem; }
a { color: var(--c-accent); text-underline-offset: .18em; }
a:hover { color: var(--c-accent-hover); }

:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; box-shadow: var(--focus-ring); border-radius: var(--r-sm); }

.invelis { width: 100%; max-width: var(--latime-continut); margin: 0 auto; padding: 0 1rem; }
.mono { font-variant-numeric: tabular-nums; }
.centrat { text-align: center; }
.discret { color: var(--c-text-3); font-size: .92rem; }
.ascuns { display: none !important; }

/* ── Ornament: banda împletită ────────────────────────────────────────────── */
.ornament {
  display: var(--ornament-afisare, block);
  height: 14px;
  background-color: var(--c-ornament);
  -webkit-mask: var(--ornament-impletitura) repeat-x center / 36px 14px;
  mask: var(--ornament-impletitura) repeat-x center / 36px 14px;
  opacity: .85;
}
.ornament--subtire { height: 11px; -webkit-mask-size: 28px 11px; mask-size: 28px 11px; opacity: .6; }

.cruce {
  display: var(--ornament-afisare, inline-block);
  width: 1em; height: 1em; vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask: var(--ornament-cruce) no-repeat center / contain;
  mask: var(--ornament-cruce) no-repeat center / contain;
}

/* separator cu cruce la mijloc */
.separator { display: flex; align-items: center; gap: .75rem; margin: 1.5rem 0; color: var(--c-aur-text); }
.separator::before, .separator::after { content: ''; flex: 1; height: 1px; background: var(--c-border-strong); opacity: .6; }

/* ── Antet ────────────────────────────────────────────────────────────────── */
.antet { background: var(--c-accent); color: var(--c-on-accent); }
.antet-bara { display: flex; align-items: center; gap: .75rem; min-height: 3.5rem; padding: .5rem 1rem; max-width: var(--latime-continut); margin: 0 auto; }
.antet-sigla { width: 2.1rem; height: 2.1rem; flex: 0 0 auto; background: var(--c-aur); color: var(--c-pe-aur);
  border-radius: 50%; display: grid; place-items: center; font-family: var(--font-titlu); font-weight: 700; font-size: 1rem; }
.antet-titlu { font-family: var(--font-titlu); font-size: 1.05rem; font-weight: 600; line-height: 1.15; min-width: 0; }
.antet-titlu small { display: block; font-family: var(--font); font-size: .74rem; font-weight: 400; opacity: .85;
  /* hramul e informație secundară: pe telefon rămâne pe un rând, cu tăiere */
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 30rem) { .antet-titlu small { white-space: normal; font-size: .78rem; } }
.antet-actiuni { margin-left: auto; display: flex; align-items: center; gap: .4rem; }

.antet-buton {
  appearance: none; border: 1px solid color-mix(in srgb, var(--c-on-accent) 45%, transparent);
  background: transparent; color: var(--c-on-accent);
  border-radius: var(--r-full); padding: .35rem .75rem; font: inherit; font-size: .85rem; cursor: pointer;
  min-height: 2.25rem;
  /* la o denumire lungă de parohie, butonul se rupea pe două rânduri și strica antetul */
  white-space: nowrap; flex: 0 0 auto;
}
.antet-buton:hover { background: color-mix(in srgb, var(--c-on-accent) 14%, transparent); }

/* ── Cuprins ──────────────────────────────────────────────────────────────── */
.cuprins { padding: 1.25rem 0 3rem; }

/* ── Plăci (prima pagină) ─────────────────────────────────────────────────── */
.placi { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; margin: 1rem 0; }
@media (min-width: 40rem) { .placi { grid-template-columns: repeat(3, 1fr); gap: 1rem; } }

.placa {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: var(--r-lg); overflow: hidden;
  text-decoration: none; color: var(--c-text);
  box-shadow: var(--sh-sm); transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  min-height: 8.5rem;
}
.placa:hover, .placa:focus-visible { transform: translateY(-2px); box-shadow: var(--sh-md); border-color: var(--c-border-strong); color: var(--c-text); }

/* arcada bizantină din capul plăcii */
.placa-arc {
  width: 100%; height: 2.6rem; flex: 0 0 auto;
  background: var(--c-accent-light);
  border-bottom: 2px solid var(--c-aur);
  border-radius: 100% 100% 0 0 / 100% 100% 0 0;
  display: grid; place-items: end center; padding-bottom: .2rem;
}
.placa-pictograma { width: 1.5rem; height: 1.5rem; background: var(--c-accent); -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.placa-corp { padding: .7rem .6rem 1rem; display: flex; flex-direction: column; gap: .2rem; justify-content: center; flex: 1; }
.placa-nume { font-family: var(--font-titlu); font-weight: 600; font-size: 1.02rem; }
.placa-sub { font-size: .8rem; color: var(--c-text-3); line-height: 1.35; }

/* ── Carduri ──────────────────────────────────────────────────────────────── */
.card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); box-shadow: var(--sh-xs); padding: 1rem; margin-bottom: 1rem; }
.card-antet { display: flex; align-items: center; gap: .6rem; margin: -1rem -1rem 1rem; padding: .75rem 1rem; background: var(--c-surface-2); border-bottom: 1px solid var(--c-border); border-radius: var(--r-lg) var(--r-lg) 0 0; }
.card-antet h2, .card-antet h3 { margin: 0; }

/* card „de pergament" cu chenar auriu — pentru lucruri importante (următoarea slujbă) */
.card--aur { border-color: var(--c-aur); box-shadow: 0 0 0 1px color-mix(in srgb, var(--c-aur) 35%, transparent), var(--sh-sm); }

/* ── Butoane ──────────────────────────────────────────────────────────────── */
.btn {
  appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  font: inherit; font-weight: 500; cursor: pointer;
  padding: .6rem 1.1rem; min-height: 2.75rem;   /* ținta de atingere pe telefon */
  border-radius: var(--r-md); border: 1px solid var(--c-border-strong);
  background: var(--c-surface); color: var(--c-text); text-decoration: none;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.btn:hover:not(:disabled) { border-color: var(--c-accent); color: var(--c-accent); background: var(--c-accent-light); }
.btn:disabled { opacity: .55; cursor: not-allowed; }
.btn--primar { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent); }
.btn--primar:hover:not(:disabled) { background: var(--c-accent-hover); border-color: var(--c-accent-hover); color: var(--c-on-accent); }
.btn--fantoma { background: transparent; border-color: transparent; color: var(--c-accent); }
.btn--fantoma:hover:not(:disabled) { background: var(--c-accent-light); }
.btn--pericol { background: var(--c-red); border-color: var(--c-red); color: var(--c-on-accent); }
.btn--pericol:hover:not(:disabled) { background: var(--c-red-hover); border-color: var(--c-red-hover); color: var(--c-on-accent); }
.btn--lat { width: 100%; }
.btn--mic { padding: .35rem .7rem; min-height: 2.15rem; font-size: .88rem; }

.btn-rand { display: flex; gap: .6rem; flex-wrap: wrap; }
.btn-rand--capat { justify-content: space-between; }

/* ── Comutator segmentat (Lună / Săptămână) ───────────────────────────────── */
.comutator { display: inline-flex; background: var(--c-surface-2); border: 1px solid var(--c-border); border-radius: var(--r-full); padding: .2rem; gap: .2rem; }
.comutator button {
  appearance: none; border: 0; background: transparent; font: inherit; font-size: .9rem; color: var(--c-text-2);
  padding: .38rem .95rem; border-radius: var(--r-full); cursor: pointer; min-height: 2.1rem;
}
.comutator button[aria-pressed="true"] { background: var(--c-accent); color: var(--c-on-accent); font-weight: 500; }
.comutator button:hover:not([aria-pressed="true"]) { color: var(--c-accent); }

/* ── Câmpuri ──────────────────────────────────────────────────────────────── */
.camp { margin-bottom: .9rem; }
.camp > label { display: block; font-size: .88rem; font-weight: 500; color: var(--c-text-2); margin-bottom: .3rem; }
.camp input, .camp select, .camp textarea {
  width: 100%; font: inherit; color: var(--c-text); background: var(--c-surface);
  border: 1px solid var(--c-border-strong); border-radius: var(--r-md);
  padding: .6rem .75rem; min-height: 2.75rem;
}
.camp input:focus, .camp select:focus, .camp textarea:focus { outline: none; border-color: var(--c-accent); box-shadow: var(--focus-ring); }
.camp-ajutor { font-size: .82rem; color: var(--c-text-3); margin-top: .25rem; }
.camp-eroare { font-size: .85rem; color: var(--c-red); margin-top: .25rem; }

/* ── Mesaje ───────────────────────────────────────────────────────────────── */
.mesaj { border-radius: var(--r-md); padding: .7rem .9rem; margin-bottom: 1rem; font-size: .93rem; border: 1px solid; }
.mesaj--info { background: var(--c-accent-light); border-color: var(--c-accent); color: var(--c-text); }
.mesaj--bine { background: var(--c-green-light); border-color: var(--c-green); color: var(--c-text); }
.mesaj--rau  { background: var(--c-red-light);   border-color: var(--c-red);   color: var(--c-text); }
.mesaj--atentie { background: var(--c-warn-light); border-color: var(--c-warn); color: var(--c-text); }
.mesaj ul { margin: .35rem 0 0; padding-left: 1.1rem; }

/* ── Toast ────────────────────────────────────────────────────────────────── */
.toast {
  position: fixed; left: 50%; bottom: 1.25rem; transform: translateX(-50%);
  background: var(--c-text); color: var(--c-surface);
  padding: .7rem 1.1rem; border-radius: var(--r-full); box-shadow: var(--sh-lg);
  font-size: .92rem; z-index: 60; max-width: calc(100vw - 2rem);
}
.toast--rau { background: var(--c-red); color: var(--c-on-accent); }
.toast--bine { background: var(--c-green); color: var(--c-on-accent); }

/* ── Program: vedere săptămânală ──────────────────────────────────────────── */
.zi { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); margin-bottom: .7rem; overflow: hidden; }
.zi--azi { border-color: var(--c-accent); box-shadow: 0 0 0 1px var(--c-accent); }
.zi--goala { background: var(--c-surface-2); }
.zi-antet { display: flex; align-items: baseline; gap: .5rem; padding: .55rem .85rem; background: var(--c-surface-2); border-bottom: 1px solid var(--c-border); }
.zi--goala .zi-antet { border-bottom: 0; }
.zi-nume { font-family: var(--font-titlu); font-weight: 600; text-transform: capitalize; }
.zi-data { font-size: .85rem; color: var(--c-text-3); }
.zi-azi-eticheta { margin-left: auto; font-size: .75rem; background: var(--c-accent); color: var(--c-on-accent); padding: .1rem .5rem; border-radius: var(--r-full); }
.zi-corp { padding: .35rem .85rem .6rem; }
.zi-fara { padding: .5rem .85rem .7rem; color: var(--c-text-4); font-size: .88rem; }

.sarbatoare { display: flex; align-items: center; gap: .4rem; font-size: .87rem; color: var(--c-aur-text); padding: .35rem 0; font-weight: 500; }
.sarbatoare--mare { color: var(--c-accent); }

.slujba { display: flex; align-items: center; gap: .7rem; padding: .5rem 0; border-top: 1px dashed var(--c-border); }
.slujba:first-child { border-top: 0; }
.slujba-ora { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--c-accent); min-width: 3.1rem; }
.slujba-nume { flex: 1; min-width: 0; }
.slujba-nume small { display: block; color: var(--c-text-3); font-size: .8rem; }
.slujba--anulata .slujba-nume { text-decoration: line-through; color: var(--c-text-4); }

/* ── Program: vedere lunară ───────────────────────────────────────────────── */
.luna { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; background: var(--c-border); border: 1px solid var(--c-border); border-radius: var(--r-md); overflow: hidden; }
.luna-cap { background: var(--c-surface-2); text-align: center; font-size: .72rem; font-weight: 600; color: var(--c-text-3); padding: .4rem .1rem; text-transform: uppercase; letter-spacing: .03em; }
.luna-zi { background: var(--c-surface); min-height: 3.6rem; padding: .25rem .3rem; display: flex; flex-direction: column; gap: .15rem; }
.luna-zi--alta { background: var(--c-surface-2); opacity: .55; }
.luna-zi--azi { outline: 2px solid var(--c-accent); outline-offset: -2px; }
.luna-numar { font-size: .8rem; font-variant-numeric: tabular-nums; color: var(--c-text-2); }
.luna-zi--sarbatoare .luna-numar { color: var(--c-accent); font-weight: 700; }
.luna-puncte { display: flex; flex-wrap: wrap; gap: 2px; }
.luna-punct { width: 5px; height: 5px; border-radius: 50%; background: var(--c-accent); }
.luna-punct--sarbatoare { background: var(--c-aur); }
@media (min-width: 40rem) {
  .luna-zi { min-height: 5.2rem; padding: .35rem .45rem; }
  .luna-cap { font-size: .8rem; padding: .5rem .2rem; }
}

/* ziua selectată din calendar, detaliată sub el */
.luna-detaliu { margin-top: 1rem; }

/* ── Pomelnic ─────────────────────────────────────────────────────────────── */
.pasi { display: flex; gap: .3rem; margin-bottom: 1.1rem; }
.pas-punct { flex: 1; height: 4px; border-radius: var(--r-full); background: var(--c-border); }
.pas-punct--facut { background: var(--c-aur); }
.pas-punct--curent { background: var(--c-accent); }
.pas-eticheta { font-size: .8rem; color: var(--c-text-3); margin-bottom: .2rem; }

.optiuni { display: grid; gap: .6rem; }
.optiune {
  display: flex; align-items: flex-start; gap: .7rem; width: 100%; text-align: left;
  padding: .85rem .9rem; border: 1px solid var(--c-border-strong); border-radius: var(--r-md);
  background: var(--c-surface); color: var(--c-text); font: inherit; cursor: pointer;
}
.optiune:hover { border-color: var(--c-accent); background: var(--c-accent-light); }
.optiune[aria-pressed="true"] { border-color: var(--c-accent); background: var(--c-accent-light); box-shadow: 0 0 0 1px var(--c-accent); }
.optiune-titlu { font-weight: 600; }
.optiune-sub { font-size: .85rem; color: var(--c-text-3); }

.lista-nume { display: flex; flex-direction: column; gap: .4rem; margin: .5rem 0; }
.nume-rand { display: flex; align-items: center; gap: .4rem; }
.nume-rand input { flex: 1; }
.nume-sterge {
  appearance: none; border: 1px solid var(--c-border-strong); background: var(--c-surface);
  color: var(--c-text-3); width: 2.4rem; height: 2.4rem; border-radius: var(--r-md); cursor: pointer; font-size: 1.1rem; line-height: 1;
}
.nume-sterge:hover { border-color: var(--c-red); color: var(--c-red); background: var(--c-red-light); }

.contor { font-variant-numeric: tabular-nums; font-size: .85rem; color: var(--c-text-3); }
.contor--plin { color: var(--c-red); font-weight: 600; }

.grup-nume { border: 1px solid var(--c-border); border-radius: var(--r-md); padding: .8rem; margin-bottom: .8rem; background: var(--c-surface); }
.grup-nume > h3 { display: flex; align-items: center; justify-content: space-between; font-size: 1rem; margin-bottom: .4rem; }

/* ── Subsol ───────────────────────────────────────────────────────────────── */
.subsol { margin-top: 2.5rem; background: var(--c-surface-2); border-top: 1px solid var(--c-border); color: var(--c-text-2); font-size: .88rem; }
.subsol-corp { padding: 1.25rem 1rem 2rem; max-width: var(--latime-continut); margin: 0 auto; display: grid; gap: .75rem; }
.subsol a { color: var(--c-text-2); }
.subsol a:hover { color: var(--c-accent); }
.subsol-linkuri { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }

/* ── Selector de temă ─────────────────────────────────────────────────────── */
.teme { display: flex; gap: .5rem; flex-wrap: wrap; }
.tema-buton { appearance: none; cursor: pointer; font: inherit; font-size: .85rem;
  border: 1px solid var(--c-border-strong); background: var(--c-surface); color: var(--c-text);
  border-radius: var(--r-md); padding: .4rem .6rem; display: flex; align-items: center; gap: .45rem; }
.tema-buton[aria-pressed="true"] { border-color: var(--c-accent); box-shadow: 0 0 0 1px var(--c-accent); }
.tema-mostre { display: flex; border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--c-border); }
.tema-mostra { width: .85rem; height: 1.1rem; }

/* ── Stări de încărcare ───────────────────────────────────────────────────── */
.se-incarca { color: var(--c-text-3); padding: 1.25rem; text-align: center; }
.gol { text-align: center; padding: 2rem 1rem; color: var(--c-text-3); }
.gol .cruce { display: block; margin: 0 auto .5rem; width: 2rem; height: 2rem; opacity: .35; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ── Pictograme (măști SVG, deci își iau culoarea din token) ────────────────
   Inline, ca să nu existe nicio cerere către un CDN de iconițe. CSP-ul interzice
   oricum orice origine externă.                                                */
.ico-program   { -webkit-mask-image: var(--ico-program);   mask-image: var(--ico-program); }
.ico-pomelnic  { -webkit-mask-image: var(--ico-pomelnic);  mask-image: var(--ico-pomelnic); }
.ico-doneaza   { -webkit-mask-image: var(--ico-doneaza);   mask-image: var(--ico-doneaza); }
.ico-programari{ -webkit-mask-image: var(--ico-programari);mask-image: var(--ico-programari); }
.ico-contact   { -webkit-mask-image: var(--ico-contact);   mask-image: var(--ico-contact); }
.ico-cuvant    { -webkit-mask-image: var(--ico-cuvant);    mask-image: var(--ico-cuvant); }

:root {
  --ico-program: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
  --ico-pomelnic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v4h4M9 12h7M9 16h5'/%3E%3C/svg%3E");
  --ico-doneaza: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-9.5A3.5 3.5 0 0 1 12 8a3.5 3.5 0 0 1 7 2.5C19 15.5 12 20 12 20z'/%3E%3C/svg%3E");
  --ico-programari: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
  --ico-contact: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3h3l1.5 4-2 1.5a12 12 0 0 0 6.5 6.5l1.5-2 4 1.5v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4.5 5.2 2 2 0 0 1 6.5 3z'/%3E%3C/svg%3E");
  --ico-cuvant: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6a3 3 0 0 1 2 5 3 3 0 0 1-2 5H4z' transform='translate(0 2)'/%3E%3Cpath d='M20 4h-6a3 3 0 0 0-2 5 3 3 0 0 0 2 5h6z' transform='translate(0 2)'/%3E%3C/svg%3E");
}