/* ==========================================================================
   Share Publication — компонент кнопок «поделиться» + акцентный CTA-блок.
   Самодостаточный (литеральные цвета, без CSS-переменных), т.к. подключается
   на страницах с разными бандлами: publication.php, publication-certificate.php,
   cabinet.php. Разметка — includes/share-publication.php, логика — share-publication.js.
   ========================================================================== */

.share-buttons { display: flex; gap: 8px; flex-wrap: wrap; }

.share-btn {
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 700 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-decoration: none;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #1f2937;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, color .2s ease;
}

.share-btn:hover { transform: translateY(-2px); border-color: #a5b4fc; color: #4338ca; }
.share-btn.vk:hover       { color: #07f;     border-color: #07f; }
.share-btn.telegram:hover { color: #2ca5e0;  border-color: #2ca5e0; }
.share-btn.whatsapp:hover { color: #25D366;  border-color: #25D366; }
.share-btn.ok:hover       { color: #ee8208;  border-color: #ee8208; }
.share-btn.native:hover   { color: #4338ca;  border-color: #4338ca; }
.share-btn.native svg, .share-btn.copy svg { display: block; }

/* Акцентный блок-призыв (success-экран оплаты, кабинет) */
.share-cta-block {
  margin-top: 20px;
  padding: 20px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 14px;
  text-align: center;
}
.share-cta-block .share-cta-title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  color: #0c4a6e;
}
.share-cta-block .share-cta-proof {
  margin: 0 0 14px;
  font-size: 14px;
  color: #475569;
}
.share-cta-block .share-buttons { justify-content: center; }

/* Компактный вариант в карточке кабинета */
.share-inline {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.share-inline .share-label {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
}