/* ═══════════════════════════════════════════════════════════════════
   Shahab Clinic — Logout Button (دکمه خروج پنل هنرجو/مربی)
   این فایل صرفاً دکمه‌ی خروج را استایل می‌دهد و فایل اصلی public.css
   دست‌نخورده باقی می‌ماند.
   ═══════════════════════════════════════════════════════════════════ */
.sh-sp-logout-btn,
.sh-instr-logout-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 10px;
  padding: 9px 16px;
  border-radius: 8px;
  background: rgba(255,255,255,.16);
  border: 1.5px solid rgba(255,255,255,.35);
  color: #fff;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  flex-shrink: 0;
  transition: background .2s, border-color .2s;
  white-space: nowrap;
}
.sh-sp-logout-btn:hover,
.sh-instr-logout-btn:hover {
  background: rgba(255,255,255,.28);
  border-color: rgba(255,255,255,.55);
  color: #fff;
}
.sh-sp-logout-btn i,
.sh-instr-logout-btn i {
  font-size: 1em;
}

/* در صفحات کوچک (موبایل) فقط آیکون نمایش داده شود تا فضای هدر به‌هم نریزد */
@media (max-width: 480px) {
  .sh-sp-logout-btn span,
  .sh-instr-logout-btn span {
    display: none;
  }
  .sh-sp-logout-btn,
  .sh-instr-logout-btn {
    padding: 9px 11px;
  }
}

/* در حالت موبایل این دکمه‌ها با منوی کشویی جایگزین می‌شوند (public.css) */
@media (max-width: 768px) {
  .sh-sp-header-actions .sh-sp-logout-btn,
  .sh-sp-header-actions .sh-instr-logout-btn {
    display: none;
  }
}