/* Custom CSS for Twin4Build documentation */

/* Center the main content area */
.wy-nav-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Center content within the main area */
.rst-content {
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Center images */
.rst-content img {
    display: block !important;
    margin: 0 auto !important;
}

/* Center text content */
.rst-content p,
.rst-content ul,
.rst-content ol,
.rst-content div {
    text-align: left !important;
}



/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .wy-nav-content {
        max-width: 100% !important;
        margin: 0 !important;
    }
    
    .rst-content {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
    
    .rst-content h1:first-of-type {
        font-size: 2em !important;
    }
}



/* Center the main page title specifically */
.rst-content h1:first-of-type {
    font-size: 2.5em !important;
    color: #2c3e50 !important;
    border-bottom: 4px solid #3498db !important;
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* Make all other h1 headers (like "Modules") consistent */
.rst-content h1 {
    font-size: 2.2em !important;
    color: #2c3e50 !important;
    border-bottom: 3px solid #3498db !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    font-weight: bold !important;
}

/* Style other section headers */
.rst-content h2 {
    font-size: 1.8em;
    color: #34495e;
    border-bottom: 2px solid #95a5a6;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.rst-content h3 {
    font-size: 1.2em;
    color: #394d4e;
    border-bottom: 1px solid #bdc3c7;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* Make class definitions smaller with natural wrapping */
.rst-content .descclassname,
.rst-content .descname,
.rst-content .sig-name,
.rst-content .sig-prename {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #2c3e50 !important;
    padding: 3px 0 !important;
    margin: 8px 0 !important;
    display: inline !important;
    /* Remove white-space: nowrap to allow natural wrapping */
}

/* Style the class signature line - allow natural wrapping */
.rst-content .sig,
.rst-content .sig-object {
    font-size: 1.0em !important;
    font-weight: bold !important;
    color: #34495e !important;
    background-color: #f8f9fa !important;
    padding: 8px !important;
    border-left: 3px solid #3498db !important;
    margin: 12px 0 !important;
    border-radius: 3px !important;
    /* Remove white-space: nowrap to allow natural wrapping */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/*
Fix for horizontal stacking weirdness in the RTD theme with Python properties:
https://github.com/readthedocs/sphinx_rtd_theme/issues/1301
*/
.py.property {
    display: block !important;
}

/* Property-specific styling with purple/pink theme */
.rst-content .property .sig {
    padding: 4px 8px !important;
    margin: 4px 0 !important;
    background-color: #f4f6f8 !important;
    border-left: 2px solid #8e44ad !important;
}

/* Property signatures should be compact and colorful */
.rst-content .property .sig-name {
    display: inline !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    color: #8e44ad !important;
}

/* Property getter/setter styling */
.rst-content .property .descaddname {
    font-size: 0.9em !important;
    color: #7f8c8d !important;
}

/* Make properties and methods smaller than class labels */
.rst-content .property,
.rst-content .attribute,
.rst-content .method,
.rst-content .function {
    font-size: 1em !important;
    color: #34495e !important;
    font-weight: normal !important;
    margin-bottom: 10px !important;
}

/* Make method and property names smaller than class labels */
.rst-content .method .descname,
.rst-content .function .descname,
.rst-content .property .descname,
.rst-content .attribute .descname {
    font-size: 1em !important;
    color: #34495e !important;
    font-weight: bold !important;
}