/* #/partajat — „Partajat cu tine” / „Accesul tău” (familie) */
.partajat { display: grid; gap: var(--sp-4); }
.partajat-card { display: grid; gap: var(--sp-4); min-width: 0; }
.partajat-card__head { display: flex; gap: var(--sp-3); align-items: center; min-width: 0; }
.partajat-card__txt { display: grid; gap: 2px; min-width: 0; }
.partajat-card__title { font-family: var(--font-display); font-size: var(--fs-title-l); font-weight: 500; line-height: 1.2; overflow-wrap: anywhere; }

.partajat-tags { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.partajat-tags .ui-badge { white-space: normal; }
.partajat-tags .ui-i { width: 14px; height: 14px; }

.partajat-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-2); }
.partajat-facts li { display: flex; gap: var(--sp-2); align-items: flex-start; color: var(--ink-2); font-size: var(--fs-body); min-width: 0; }
.partajat-facts li > span { min-width: 0; overflow-wrap: anywhere; }
.partajat-facts .ui-i { flex: none; margin-top: 3px; color: var(--muted); }

.partajat-cover { display: grid; gap: var(--sp-1); min-width: 0; }
.partajat-sub { display: flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-label, var(--fs-body-s)); font-weight: var(--fw-semibold); color: var(--ink); }
.partajat-list { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.partajat-list .ui-row { min-height: 56px; }

.partajat-note { margin: 0; padding: var(--sp-3) var(--sp-4); border-radius: var(--r-md); background: var(--surface-2); display: grid; gap: 4px; }
.partajat-note blockquote { margin: 0; color: var(--ink-2); font-style: italic; overflow-wrap: anywhere; }

.partajat-photos p { margin: 0; }
.partajat-photos p + p { margin-top: 4px; }
.partajat-photos__who { color: var(--ink-2); }

.partajat-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.partajat-actions .ui-btn { min-height: 44px; }

/* „Tradu” / Translate under the parent's note (SCREEN_CONTRACT §7.2) */
.partajat-tr { display: grid; gap: 4px; justify-items: start; min-width: 0; margin-top: 2px; }
.partajat-tr__btn { margin-left: -8px; min-height: 32px; padding-block: 2px; white-space: normal; text-align: start; }
.partajat-tr__box { width: 100%; min-width: 0; display: grid; gap: 4px; padding: 8px 10px; border-radius: var(--r-sm);
  background: var(--ai-soft, var(--surface)); border-left: 3px solid var(--ai-ink, var(--primary)); }
.partajat-tr__note { margin: 0; font-size: var(--fs-caption); color: var(--muted); line-height: 1.35; }
.partajat-tr__text { margin: 0; white-space: pre-line; overflow-wrap: anywhere; font-size: var(--fs-body-s); color: var(--ink); line-height: 1.45; }
.partajat-tr__err { margin: 0; color: var(--danger-ink); }

/* Longer English strings: headings with a count, eyebrows and action buttons wrap instead of clipping */
.partajat-sub { flex-wrap: wrap; }
.partajat-card__txt .ui-eyebrow { white-space: normal; overflow-wrap: anywhere; }
.partajat-actions .ui-btn { white-space: normal; text-align: center; max-width: 100%; }
.partajat-photos__who, .partajat-photos p { overflow-wrap: anywhere; }
/* The page head is the shell's, but the long subtitle is ours: let it wrap anywhere (also under ?i18n=long / keys at 320 px) */
[data-screen="partajat"] .ui-pagehead__title,
[data-screen="partajat"] .ui-pagehead__text { overflow-wrap: anywhere; min-width: 0; }
[data-screen="partajat"] .ui-empty { min-width: 0; max-width: 100%; }
[data-screen="partajat"] .ui-empty__title,
[data-screen="partajat"] .ui-empty__text { overflow-wrap: anywhere; min-width: 0; }
[data-screen="partajat"] .ui-empty .ui-btn { white-space: normal; max-width: 100%; text-align: center; }
/* Row subtitles here are short facts (days + times, what a tile opens): show them whole instead of the 2-line clamp,
   so "Tuesdays and Thursdays, 17:30–18:30 · …" is never cut at 320 px */
.partajat-list .ui-row__sub { display: block; -webkit-line-clamp: unset; overflow: visible; overflow-wrap: anywhere; }