/* Edytowalna makieta: Grafika/Wiadomosci/spolecznosc/zrodla/rolsi-wiadomosci-spolecznosc.figcraft. */
.news-social { position: relative; margin-top: 18px; padding-top: 16px; border-top: 1px solid #d7e5da; color: #17211b; font-size: 1rem; line-height: 1.5; }
.news-social [hidden] { display: none !important; }
/* Środkowa kolumna rezerwuje miejsce na przyszły przycisk 44 × 44 px. */
.news-social-bar { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); align-items: start; gap: 8px; }
.news-social-reactions { grid-column: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.news-social-control { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.news-social .news-social-tooltip { display: none; position: absolute; z-index: 2; bottom: calc(100% + 7px); left: 0; width: max-content; max-width: min(240px, calc(100vw - 32px)); box-sizing: border-box; border-radius: 6px; padding: 6px 9px; background: #173f2d; color: #fff; font-size: .85rem; line-height: 1.4; font-weight: 400; pointer-events: none; text-align: left; }
.news-social-control:focus-visible > .news-social-tooltip { display: block; }
/* Dotyk nie może ujawniać treści przez emulowane :hover przed zdarzeniem click. */
@media (hover: hover) and (pointer: fine) {
  .news-social-control:hover > .news-social-tooltip { display: block; }
}
.news-social button, .news-social a.news-comment-login { box-sizing: border-box; min-height: 44px; border: 1px solid #cbdacd; border-radius: 10px; padding: 9px 12px; background: #fff; color: #173f2d; font: inherit; font-weight: 700; line-height: 1.4; cursor: pointer; }
.news-social button:hover:not(:disabled) { background: #f0f5ed; }
.news-social button:disabled { cursor: wait; opacity: .65; }
.news-social button[aria-pressed="true"], .news-social button[type="submit"], .news-social a.news-comment-login { background: #173f2d; color: #fff; border-color: #173f2d; }
.news-social button[aria-pressed="true"]:hover:not(:disabled), .news-social button[type="submit"]:hover:not(:disabled), .news-social a.news-comment-login:hover { background: #245c42; }
.news-social button:focus-visible, .news-social a:focus-visible, .news-social textarea:focus-visible { outline: 3px solid #1f6d3e; outline-offset: 3px; }
.news-social-share { grid-column: 3; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; color: #56625a; }
.news-social .news-social-share a { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 44px; min-width: 44px; padding: 10px; color: #173f2d; font-weight: 700; border: 1px solid #cbdacd; border-radius: 10px; background: #fff; }
.news-social-share button { min-width: 44px; padding: 10px; }
.news-social-share .news-social-tooltip { left: auto; right: 0; }
.news-social [data-news-social-icon] { display: block; width: 22px; height: 22px; }
.news-social [role="status"] p { margin: 10px 0; }
.news-comments { margin-top: 16px; padding: clamp(12px, 3vw, 20px); background: #e8efe5; border: 1px solid #cbdacd; border-radius: 12px; overflow-wrap: anywhere; }
.news-comments h4 { margin: 0 0 16px; color: #173f2d; font-size: 1.15rem; }
.news-comment { margin: 0 0 14px; padding: 14px; background: #fff; border: 1px solid #cbdacd; border-radius: 10px; }
.news-comment-heading { margin: 0 0 14px; color: #56625a; font-size: .9rem; }
.news-comment-body { margin: 0 0 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
.news-comment-body:last-child { margin-bottom: 0; }
.news-comments-composer { margin-top: 22px; }
.news-comments-composer form { display: grid; gap: 10px; }
.news-comments-composer label { display: grid; gap: 8px; font-weight: 700; }
.news-comments-composer textarea { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 96px; padding: 12px; resize: vertical; border: 1px solid #aebfaf; border-radius: 10px; background: #fff; color: #17211b; font: inherit; line-height: 1.5; }
.news-comments-composer small { color: #56625a; }
.news-comments-composer button { justify-self: start; }
.news-social a.news-comment-login { display: inline-flex; align-items: center; text-decoration: none; }
@media (max-width: 760px) {
  .news-social-bar { grid-template-columns: minmax(0, 1fr) clamp(32px, 10vw, 44px) minmax(0, 1fr); gap: 4px; }
  .news-social-reactions, .news-social-share { display: grid; grid-template-columns: repeat(3, minmax(0, 44px)); gap: 4px; }
  .news-social-share { justify-content: end; }
  .news-social .news-social-bar .news-social-control { position: static; width: 100%; min-width: 0; height: 44px; padding: 4px 2px; gap: 0; }
  .news-social-reactions .news-social-control { flex-direction: column; font-size: 1rem; line-height: 20px; }
  .news-social [data-news-count] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 12px; font-variant-numeric: tabular-nums; }
  .news-social .news-social-tooltip { left: 0; right: auto; max-width: 100%; }
}
