/* Admonition extension styles */

/* Reset the parent ul to align with content flow */
.at-tags:has(li[class^="admonition"]) {
  margin-left: 0;
}

/* Style the outer container */
.at-tags li[class^="admonition"] {
  padding: 0.875em 1em;
  margin: 1em 0;
  border-left: 3px solid;
  border-radius: 2px;
  text-indent: 0;
  padding-left: 1em;
  list-style: none;
}

/* Remove duplicate styling from inner paragraphs */
.admonition-note, .admonition-warning, .admonition-tip, .admonition-important {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}

/* Container colors - light mode */
.at-tags li[class^="admonition"][class*="note"],
.at-tags li[class="admonition"] {
  border-color: #1976D2;
  background: #F5F9FD;
  color: #1565C0;
}
.at-tags li[class*="warning"] {
  border-color: #EF6C00;
  background: #FFF8F0;
  color: #E65100;
}
.at-tags li[class*="tip"] {
  border-color: #2E7D32;
  background: #F5FAF5;
  color: #1B5E20;
}
.at-tags li[class*="important"] {
  border-color: #C62828;
  background: #FDF5F5;
  color: #B71C1C;
}

.admonition-label {
  font-weight: 600;
  margin-bottom: 0.25em;
  display: block;
  letter-spacing: 0.01em;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .at-tags li[class^="admonition"][class*="note"],
  .at-tags li[class="admonition"] {
    border-color: #64B5F6;
    background: rgba(33, 150, 243, 0.08);
    color: #90CAF9;
  }
  .at-tags li[class*="warning"] {
    border-color: #FFB74D;
    background: rgba(255, 152, 0, 0.08);
    color: #FFCC80;
  }
  .at-tags li[class*="tip"] {
    border-color: #81C784;
    background: rgba(76, 175, 80, 0.08);
    color: #A5D6A7;
  }
  .at-tags li[class*="important"] {
    border-color: #E57373;
    background: rgba(244, 67, 54, 0.08);
    color: #EF9A9A;
  }
}