/* Vitrin paylaş çubuğu (T-145): ince, kompakt; yalnız token. */
.sharebar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2, 8px); margin: var(--space-3, 12px) 0; }
.sharebar__label { font-size: var(--fs-sm, .875rem); font-weight: 600; color: var(--color-muted); margin-right: var(--space-1, 4px); }
.sharebar__btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--color-border); border-radius: var(--radius-btn); background: var(--color-surface); color: var(--color-text); text-decoration: none; cursor: pointer; font-size: 1.05rem; transition: border-color var(--dur, .15s) var(--ease, ease), color var(--dur, .15s) var(--ease, ease), background var(--dur, .15s) var(--ease, ease); }
.sharebar__btn:hover { border-color: var(--color-primary); color: var(--color-primary-text); background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)); }
.sharebar__btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.sharebar__btn[hidden] { display: none; }
.sharebar__status { font-size: var(--fs-sm, .875rem); color: var(--color-success-text); min-height: 1.2em; }
.sharebar__menu { display: contents; }
.sharebar__more { display: none; }
@media (max-width: 767.98px) {
  .sharebar { gap: 6px; }
  .sharebar__btn { width: 42px; height: 42px; }
  /* Tek "Paylaş" düğmesi: hedefler (WhatsApp, Facebook, …) düğmeye basınca açılır; JS yoksa hepsi görünür kalır */
  .sharebar.is-compact .sharebar__label, .sharebar.is-compact .sharebar__btn--native { display: none; }
  .sharebar.is-compact .sharebar__more { display: inline-flex; align-items: center; gap: var(--space-2, 8px); min-height: 44px; padding: 0 var(--space-4, 16px); border: 1px solid var(--color-border); border-radius: var(--radius-btn); background: var(--color-surface); color: var(--color-text); font: 600 var(--fs-sm, .875rem) var(--font-body, inherit); cursor: pointer; }
  .sharebar.is-compact .sharebar__more[hidden] { display: none; }
  .sharebar.is-compact .sharebar__more:hover { border-color: var(--color-primary); color: var(--color-primary-text); }
  .sharebar.is-compact .sharebar__more:focus-visible { outline: none; box-shadow: var(--focus-ring); }
  .sharebar.is-compact .sharebar__menu { display: none; }
  .sharebar.is-compact.is-open .sharebar__menu { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2, 8px); }
}