:host {
  display: block;
  padding-bottom: 2rem;
  color: var(--py-metin);
}

// Semantic UI header/divider tema uyumu
.ui.horizontal.divider.header {
  color: var(--py-metin-ikincil);
}

.ui.placeholder.segment {
  background: var(--py-arkaplan-segment);
  border-color: var(--py-kenarlik);

  .ui.icon.header {
    color: var(--py-metin-ucuncul);
  }
}

// Sayfalama — alt güvenli alan (mobil klavye/çentik)
.paylasim-sayfalayici {
  bottom: calc(5px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 768px) {
  :host {
    padding-left: 8px;
    padding-right: 8px;
  }

  .paylasim-sayfalayici > div {
    justify-content: center !important;
    margin-right: 0 !important;
  }
}