/* smit-phone — единый компонент «Номер телефона» (build 1547).
   Иконка + маска +7(___)___-__-__, клик → тултип звонок/копия. Тёмная + мобильно. */
.smit-phone {
  display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
  color: #16a34a; font-variant-numeric: tabular-nums; white-space: nowrap;
  border-radius: 5px; padding: 1px 3px; transition: background .12s;
}
.smit-phone:hover { background: rgba(22,163,74,.10); }
.smit-phone:focus-visible { outline: 2px solid #16a34a; outline-offset: 1px; }
.smit-phone .sph-ico { font-size: .82em; opacity: .85; }
.smit-phone .sph-num { font-weight: 500; }
.smit-phone .sph-ext { color: #94a3b8; font-size: .82em; font-weight: 400; }

/* поповер (тултип) */
.sph-pop {
  position: fixed; z-index: 3300; min-width: 190px;
  background: #1f2937; color: #fff; border-radius: 10px;
  box-shadow: 0 8px 26px rgba(0,0,0,.35); padding: 9px; font-size: .82rem;
}
.sph-pop-num { font-weight: 600; padding: 2px 4px 7px; border-bottom: 1px solid rgba(255,255,255,.12); margin-bottom: 7px; }
.sph-pop-actions { display: flex; gap: 6px; }
.sph-pop-btn {
  flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  border: 0; border-radius: 7px; padding: 7px 9px; font-size: .8rem; cursor: pointer;
  background: rgba(255,255,255,.14); color: #fff; transition: background .12s;
}
.sph-pop-btn:hover { background: rgba(255,255,255,.24); }
.sph-pop-btn.sph-call { background: #16a34a; }
.sph-pop-btn.sph-call:hover { background: #15883f; }
.sph-pop-btn:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }

/* тёмная тема: номер чуть светлее для контраста; поповер уже тёмный */
[data-bs-theme="dark"] .smit-phone, .dark-theme .smit-phone { color: #4ade80; }
[data-bs-theme="dark"] .smit-phone:hover, .dark-theme .smit-phone:hover { background: rgba(74,222,128,.12); }
[data-bs-theme="dark"] .smit-phone .sph-ext, .dark-theme .smit-phone .sph-ext { color: #8a929c; }

/* мобильно: поповер шире, тач-таргеты крупнее */
@media (max-width: 575.98px) {
  .sph-pop { min-width: calc(100vw - 40px); left: 20px !important; }
  .sph-pop-btn { padding: 11px 9px; font-size: .88rem; }
}