/**
 * custom.css
 * Custom styles for REROUTE documentation
 * Based on FastAPI documentation patterns
 */

/* Ensure header elements are NOT animated */
.md-header,
.md-header *,
.md-tabs,
.md-tabs *,
.md-nav,
.md-nav * {
    animation: none !important;
    transition: none !important;
}

/* Keep site name static */
.md-header__title,
.md-logo {
    animation: none !important;
}

/* Termynal comment styling */
.termynal-comment {
    color: #4a968f;
    font-style: italic;
    display: block;
}

/* Termy wrapper for proper direction handling */
.termy {
    direction: ltr;
}

.termy [data-termynal] {
    white-space: pre-wrap;
}

.termy .linenos {
    display: none;
}

/* Screenshot frame styling (macOS-like window) */
.screenshot {
    display: block;
    background-color: #d3e0de;
    border-radius: 4px;
    padding: 45px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.screenshot img {
    display: block;
    border-radius: 2px;
}

.screenshot:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #d9515d;
    -webkit-box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
            box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
}

/* Shadow utility class */
.shadow {
    box-shadow: 5px 5px 10px #999;
}

/* Code direction (for RTL language support) */
code {
    direction: ltr;
    display: inline-block;
}

/* Illustration spacing */
.illustration {
    margin-top: 2em;
    margin-bottom: 2em;
}