/* Global Style Overrides */

/* Apply Proxima Nova font */
body {
  font-family: "proxima-nova", -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* Hide Zendesk chat widget */
iframe#launcher {
  display: none !important;
}

.zEWidget-launcher {
  display: none !important;
}

/* Style hr elements - thinner, lighter, more spacing */
hr {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 1.5rem 0;
}

/* Table header styling */
th,
.content table th,
.content table:not([class*="table"]) thead th,
.article-content table th {
  font-family: "proxima-nova", -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 600;
}

/* Offset anchor links to account for sticky header */
.content h2[id],
.content h3[id],
.content h4[id],
.article-content h2[id],
.article-content h3[id],
.article-content h4[id] {
  scroll-margin-top: 100px;
}

/* Make header row border more pronounced */
.content table thead,
.article-content table thead {
  border-bottom: 2px solid #d1d5db;
}

/* Table of contents arrow styling */
.toc-arrow {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  color: #6b7280;
  font-weight: 600;
  font-size: 1.1em;
}

/* Hide article attachments (images) */
.article-content > ul.list-unstyled.my-6 {
  display: none;
}

/* Remove link underlines globally */
a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

/* Staff badge in article lists */
.staff-badge {
  background: #fef3c7;
  color: #92400e;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.65rem;
  font-weight: 600;
  margin-right: 0.4rem;
  white-space: nowrap;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/* User segment badge in article body - links to GitHub source */
.user-segment-badge {
  display: none;
  background: #f59e0b;
  color: #000 !important;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 1rem;
  cursor: help;
}

a.user-segment-badge:hover {
  background: #d97706;
  color: #fff !important;
}

.user-segment-badge.visible {
  display: inline-block;
}

/* Center notification banner - icon and text together */
.bg-notification .flex {
  justify-content: center;
  position: relative;
}

.bg-notification .flex .mr-auto {
  margin-right: 0 !important;
  flex-grow: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bg-notification .flex button {
  position: absolute;
  right: 1rem;
}