/* ==========================================================================
   Apple Design System - CodePill Component Styles
   ========================================================================== */

.apple-code-pill-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--apple-text, #1d1d1f);
  white-space: nowrap;
}

.apple-code-mono {
  font-size: 0.875rem;
  line-height: 1;
}

.apple-code-copy-btn {
  border: none;
  background: transparent;
  color: var(--apple-text-secondary, #86868b);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 5px;
  transition: all 0.15s ease;
  line-height: 1;
}

.apple-code-copy-btn:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--apple-text, #1d1d1f);
}

.apple-code-copy-btn.copied {
  color: var(--apple-success, #16a34a) !important;
  background: rgba(22, 163, 74, 0.1) !important;
}

.apple-code-copy-btn .hidden {
  display: none !important;
}

/* Dark Theme Support */
[data-theme='dark'] .apple-code-pill-wrapper {
  color: #f5f5f7;
}

[data-theme='dark'] .apple-code-copy-btn {
  color: #94a3b8;
}

[data-theme='dark'] .apple-code-copy-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

[data-theme='dark'] .apple-code-copy-btn.copied {
  color: #4ade80 !important;
  background: rgba(74, 222, 128, 0.15) !important;
}