/* Custom CSS for Bazzite AI Documentation - Material Theme */

/* ============================================
   Admonitions
   ============================================ */
.admonition {
  border-radius: 0.4rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.admonition.note {
  border-left: 4px solid #3498db;
}

.admonition.tip {
  border-left: 4px solid #2ecc71;
}

.admonition.warning {
  border-left: 4px solid #f39c12;
}

.admonition.danger {
  border-left: 4px solid #e74c3c;
}

/* ============================================
   Code Blocks
   ============================================ */
.highlight {
  border-radius: 0.4rem;
  margin: 1em 0;
}

.md-clipboard:not([hidden]) {
  opacity: 0.4;
  transition: opacity 0.2s;
}

.md-clipboard:hover {
  opacity: 1;
}

/* ============================================
   Centered Images
   ============================================ */
[align="center"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================
   Table of Contents
   ============================================ */
.md-nav {
  font-size: 0.9rem;
}

/* ============================================
   Footer
   ============================================ */
.md-footer-meta {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

/* ============================================
   Responsive Design
   ============================================ */
@media (max-width: 768px) {
  .md-sidebar {
    font-size: 0.85rem;
  }

  .md-nav {
    font-size: 0.85rem;
  }
}