/**
 * VT-Szablon Blog CSS — single blog post enhancements
 *
 * Version:    0.1.0
 * Last build: 2026-06-10
 * Sources:    template share-btn handler (app.js) + sprint v5 backlog (R11 disclaimer)
 *
 * Ładowane TYLKO na single blog post — patrz includes/assets.php (vt_is_blog_post helper).
 * Dependency: vt-szablon-template (vt-template.css MUSI być wcześniej — używamy --vt-* tokens).
 *
 * UWAGA v0.1.0: większość styli artykułów już jest w vt-template.css
 * (.vt-disclaimer, .vt-h1/h2/h3, .vt-eyebrow, .btn-red). R11 disclaimer
 * inline w ux.php (sprint v3). Ten plik dodaje TYLKO share-row stylizację
 * (share-btn handler w vt-frontend.js) i rezerwuje placeholdery dla Sprint 2.
 *
 * KOMPONENTY:
 *  - .vt-share-row + .share-btn — share buttons (FB/X/WhatsApp/LinkedIn/copy)
 *  - .vt-article-toc — Sprint 2 placeholder (sticky TOC sidebar)
 *  - .vt-article-author-bio — Sprint 2 placeholder (author byline)
 *
 * @package VT_Szablon
 */

/* ==========================================================================
   Article share buttons — layout dla .vt-share-row + .share-btn[data-net]
   Markup: <div class="vt-share-row"><span class="vt-share-label">Udostepnij</span>
           <a class="share-btn" data-net="fb">FB</a><a data-net="copy">…</a></div>
   JS: vt-frontend.js dopisuje href + clipboard handler.
   ========================================================================== */
.vt-share-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 32px 0;
  padding: 16px 20px;
  background: var(--vt-paper-2);
  border-radius: var(--vt-r-card);
}

.vt-share-row .vt-share-label {
  font-family: var(--vt-display);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--vt-slate);
}

.vt-share-row .share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--vt-surface);
  color: var(--vt-ink);
  text-decoration: none;
  border: 1px solid var(--vt-line);
  transition: transform var(--vt-t-micro), border-color var(--vt-t-micro), color var(--vt-t-micro);
}

.vt-share-row .share-btn:hover {
  border-color: var(--vt-red);
  color: var(--vt-red);
  transform: translateY(-1px);
}

.vt-share-row .share-btn.copied {
  background: var(--vt-mist-soft);
  border-color: var(--vt-mist);
  color: var(--vt-navy);
}

/* ==========================================================================
   Article TOC (Sprint 2 placeholder — sticky sidebar)
   ========================================================================== */
.vt-article-toc {
  display: none;
}

/* ==========================================================================
   Article author bio (Sprint 2 placeholder — author byline pod artykulem)
   ========================================================================== */
.vt-article-author-bio {
  display: none;
}

/* ==========================================================================
   Roadmap v0.2.0:
   - Article hero typography overrides (vs Divi default theme)
   - Reading-time meta styling (deferred from sprint v5 backlog)
   - Inline footnotes / citation refs (medical content YMYL)
   ========================================================================== */