/* Obsidian Callout Styles */

.callout {
    margin: 1.25rem 0;
    border-radius: 0.25rem;
    border-left-width: 3px;
    border-left-style: solid;
    padding: 0.75rem 1rem;
    background-color: transparent;
}

.callout-title {
    font-weight: 600;
    font-size: 1rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.callout.callout-has-content .callout-title {
    margin-bottom: 0.5rem;
}

.callout-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    min-width: 1.75rem;
    padding: 0.125rem 0.25rem;
    line-height: 1;
    font-size: 1.35rem;
}

.callout-title-text {
    line-height: 1.35;
}

.callout-content {
    font-size: 1rem;
    line-height: 1.6;
}

.callout-content > *:first-child {
    margin-top: 0;
}

.callout-content > *:last-child {
    margin-bottom: 0;
}

/* Standard Obsidian Callout Types */

.callout-note {
    border-left-color: #3b82f6; /* blue-500 */
    background-color: rgba(59, 130, 246, 0.05);
}

.callout-note .callout-title {
    color: #2563eb; /* blue-600 */
}

.callout-tip {
    border-left-color: #22c55e; /* green-500 */
    background-color: rgba(34, 197, 94, 0.05);
}

.callout-tip .callout-title {
    color: #16a34a; /* green-600 */
}

.callout-warning {
    border-left-color: #eab308; /* yellow-500 */
    background-color: rgba(234, 179, 8, 0.05);
}

.callout-warning .callout-title {
    color: #ca8a04; /* yellow-600 */
}

.callout-important {
    border-left-color: #ef4444; /* red-500 */
    background-color: rgba(239, 68, 68, 0.05);
}

.callout-important .callout-title {
    color: #dc2626; /* red-600 */
}

.callout-quote {
    border-left-color: #9ca3af; /* gray-400 */
    background-color: rgba(107, 114, 128, 0.05);
    font-style: italic;
}

.callout-quote .callout-title {
    color: #6b7280; /* gray-500 */
}

.callout-success {
    border-left-color: #16a34a; /* green-600 */
    background-color: rgba(22, 163, 74, 0.05);
}

.callout-success .callout-title {
    color: #16a34a; /* green-600 */
}

.callout-error {
    border-left-color: #dc2626; /* red-600 */
    background-color: rgba(220, 38, 38, 0.05);
}

.callout-error .callout-title {
    color: #dc2626; /* red-600 */
}

.callout-bug {
    border-left-color: #b91c1c; /* red-700 */
    background-color: rgba(185, 28, 28, 0.05);
}

.callout-bug .callout-title {
    color: #b91c1c; /* red-700 */
}

.callout-example {
    border-left-color: #a855f7; /* purple-500 */
    background-color: rgba(168, 85, 247, 0.05);
}

.callout-example .callout-title {
    color: #9333ea; /* purple-600 */
}

.callout-cite {
    border-left-color: #6b7280; /* gray-500 */
    background-color: rgba(107, 114, 128, 0.05);
}

.callout-cite .callout-title {
    color: #6b7280; /* gray-500 */
}

.callout-definition {
    border-left-color: #6366f1; /* indigo-500 */
    background-color: rgba(99, 102, 241, 0.05);
}

.callout-definition .callout-title {
    color: #6366f1; /* indigo-500 */
}

.callout-faq {
    border-left-color: #06b6d4; /* cyan-500 */
    background-color: rgba(6, 182, 212, 0.05);
}

.callout-faq .callout-title {
    color: #06b6d4; /* cyan-500 */
}

.callout-help {
    border-left-color: #60a5fa; /* blue-400 */
    background-color: rgba(96, 165, 250, 0.05);
}

.callout-help .callout-title {
    color: #3b82f6; /* blue-500 */
}

.callout-info {
    border-left-color: #60a5fa; /* blue-400 */
    background-color: rgba(96, 165, 250, 0.05);
}

.callout-info .callout-title {
    color: #3b82f6; /* blue-500 */
}

.callout-question {
    border-left-color: #06b6d4; /* cyan-500 */
    background-color: rgba(6, 182, 212, 0.05);
}

.callout-question .callout-title {
    color: #06b6d4; /* cyan-500 */
}

.callout-todo {
    border-left-color: #f97316; /* orange-500 */
    background-color: rgba(249, 115, 22, 0.05);
}

.callout-todo .callout-title {
    color: #ea580c; /* orange-600 */
}

/* Custom callout types - default fallback */
/* Note: This selector targets callouts that don't match any standard type */
.callout[class*="callout-"]:not(.callout-note):not(.callout-tip):not(.callout-warning):not(.callout-important):not(.callout-quote):not(.callout-success):not(.callout-error):not(.callout-bug):not(.callout-example):not(.callout-cite):not(.callout-definition):not(.callout-faq):not(.callout-help):not(.callout-info):not(.callout-question):not(.callout-todo) {
    border-left-color: #9ca3af; /* gray-400 */
    background-color: rgba(107, 114, 128, 0.05);
}

.callout[class*="callout-"]:not(.callout-note):not(.callout-tip):not(.callout-warning):not(.callout-important):not(.callout-quote):not(.callout-success):not(.callout-error):not(.callout-bug):not(.callout-example):not(.callout-cite):not(.callout-definition):not(.callout-faq):not(.callout-help):not(.callout-info):not(.callout-question):not(.callout-todo) .callout-title {
    color: #6b7280; /* gray-500 */
}