/* Custom styles for LinkForge Documentation */

/* Improve Mermaid diagram display */
.mermaid {
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

/* sphinxcontrib-mermaid injects max-width: 100% !important via JS, so we need higher specificity */
html body pre.mermaid > svg,
html body div.mermaid-container > pre > svg,
.mermaid svg {
    max-width: 350px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Landing page grid styling */
.sd-card {
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

.sd-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Sidebar adjustments */
.wy-nav-side {
    background: #343131 !important;
}

.wy-side-nav-search {
    background-color: #2b2b2b !important;
    padding: 15px 15px !important;
    /* Add space around the search/logo area */
}

/* Limit logo size */
.wy-side-nav-search img.logo {
    max-width: 110px !important;
    height: auto !important;
    margin-bottom: 15px !important;
    background-color: transparent !important;
}

/* Typography */
h1,
h2,
h3 {
    color: #2c3e50;
    font-weight: 600;
}

/* Layout width adjustment */
.wy-nav-content {
    max-width: 1200px !important;
    /* Increase from default 800px */
}

/* Balance the 'empty' right side feeling */
.wy-nav-content-wrap {
    background: #fcfcfc;
}

/* Improve header layout */
.wy-nav-top {
    background: #343131 !important;
}