/* Custom styles for py3plex documentation */

/* DSL Example Box - Simple bordered styling */
.dsl-example {
    background: #ffffff !important;
    border: 2px solid #cccccc !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin: 20px 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.dsl-example .admonition-title {
    background-color: #f5f5f5 !important;
    border: none !important;
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    padding: 10px 15px !important;
    margin: -15px -20px 15px -20px !important;
    border-radius: 5px 5px 0 0 !important;
}

.dsl-example .admonition-title::before {
    content: "";
}

.dsl-example p,
.dsl-example .highlight {
    color: inherit !important;
}

.dsl-example code {
    background-color: #f5f5f5 !important;
    color: inherit !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

.dsl-example .highlight pre {
    background-color: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
    padding: 12px !important;
}

/* Alternative DSL box style - info variant */
.dsl-info {
    background: #ffffff !important;
    border: 2px solid #cccccc !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin: 20px 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.dsl-info .admonition-title {
    background-color: #f5f5f5 !important;
    border: none !important;
    color: #333333 !important;
    font-weight: bold !important;
    padding: 10px 15px !important;
    margin: -15px -20px 15px -20px !important;
    border-radius: 5px 5px 0 0 !important;
}

.dsl-info .admonition-title::before {
    content: "";
}

.dsl-info p,
.dsl-info .highlight {
    color: inherit !important;
}

.dsl-info code {
    background-color: #f5f5f5 !important;
    color: inherit !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

.dsl-info .highlight pre {
    background-color: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
    padding: 12px !important;
}

/* DSL highlight - for inline mentions */
.dsl-highlight {
    background-color: #ffffff !important;
    border: 2px solid #cccccc !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    margin: 15px 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.dsl-highlight .admonition-title {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
}

/* Make tip admonitions with DSL content stand out */
.admonition.tip.dsl-tip {
    background-color: #ffffff !important;
    border: 2px solid #cccccc !important;
    border-radius: 8px !important;
}

.admonition.tip.dsl-tip .admonition-title {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
}

/* Emphasize code blocks in DSL sections */
.dsl-code-emphasis .highlight {
    border: 2px solid #cccccc !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}