/* Custom CSS to improve enum documentation display */

/* Hide the compact enum overview section that shows all values in one paragraph */
.memitem .memItemRight {
    display: none !important;
}

/* Keep only the enum name visible in the overview */
.memitem .memItemLeft {
    width: 100% !important;
}

/* Reset and fix fieldtable styling with higher specificity */
.fieldtable,
table.fieldtable {
    background-color: #2b2b2b !important;
    border: 1px solid #444 !important;
    border-radius: 5px !important;
    margin-top: 15px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
}

/* Header row styling */
.fieldtable th,
table.fieldtable th {
    background-color: #404040 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 10px !important;
    border-bottom: 2px solid #555 !important;
}

/* Enum name column (left column) - Base styling */
.fieldtable .fieldname,
table.fieldtable .fieldname,
.fieldtable td.fieldname,
table.fieldtable td.fieldname {
    background-color: #353535 !important;
    color: #ffffff !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    border-right: 1px solid #555 !important;
    width: 25% !important;
    vertical-align: top !important;
}

/* Hex value column (middle column) - Base styling */
.fieldtable .fieldinit,
table.fieldtable .fieldinit,
.fieldtable td.fieldinit,
table.fieldtable td.fieldinit {
    background-color: #404040 !important;
    color: #00d4ff !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    border-right: 1px solid #555 !important;
    width: 15% !important;
    vertical-align: top !important;
}

/* Documentation column (right column) - Base styling */
.fieldtable .fielddoc,
table.fieldtable .fielddoc,
.fieldtable td.fielddoc,
table.fieldtable td.fielddoc {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
    padding: 8px 12px !important;
    vertical-align: top !important;
    line-height: 1.4 !important;
    width: 60% !important;
}

/* Alternating row colors - Override base colors for even rows */
.fieldtable tr:nth-child(even) .fieldname,
table.fieldtable tr:nth-child(even) .fieldname,
.fieldtable tr:nth-child(even) td.fieldname,
table.fieldtable tr:nth-child(even) td.fieldname {
    background-color: #3a3a3a !important;
}

.fieldtable tr:nth-child(even) .fieldinit,
table.fieldtable tr:nth-child(even) .fieldinit,
.fieldtable tr:nth-child(even) td.fieldinit,
table.fieldtable tr:nth-child(even) td.fieldinit {
    background-color: #454545 !important;
}

.fieldtable tr:nth-child(even) .fielddoc,
table.fieldtable tr:nth-child(even) .fielddoc,
.fieldtable tr:nth-child(even) td.fielddoc,
table.fieldtable tr:nth-child(even) td.fielddoc {
    background-color: #313131 !important;
}

/* Hover effects - Apply to all columns when row is hovered */
.fieldtable tr:hover .fieldname,
table.fieldtable tr:hover .fieldname,
.fieldtable tr:hover td.fieldname,
table.fieldtable tr:hover td.fieldname {
    background-color: #4a5a70 !important;
}

.fieldtable tr:hover .fieldinit,
table.fieldtable tr:hover .fieldinit,
.fieldtable tr:hover td.fieldinit,
table.fieldtable tr:hover td.fieldinit {
    background-color: #555a65 !important;
}

.fieldtable tr:hover .fielddoc,
table.fieldtable tr:hover .fielddoc,
.fieldtable tr:hover td.fielddoc,
table.fieldtable tr:hover td.fielddoc {
    background-color: #3a4550 !important;
}

/* Style for SCPI command references - higher specificity */
.fielddoc code,
.fieldtable .fielddoc code,
table.fieldtable .fielddoc code,
.fielddoc span.tt,
.fieldtable .fielddoc span.tt,
table.fieldtable .fielddoc span.tt {
    background-color: #404040 !important;
    color: #87ceeb !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

/* Improve readability of documentation paragraphs */
.fielddoc p,
.fieldtable .fielddoc p,
table.fieldtable .fielddoc p {
    margin: 0 0 8px 0 !important;
    color: #e0e0e0 !important;
}

.fielddoc p:last-child,
.fieldtable .fielddoc p:last-child,
table.fieldtable .fielddoc p:last-child {
    margin-bottom: 0 !important;
}

/* Style for parameter, return, note sections */
.fielddoc .params,
.fielddoc .section,
.fieldtable .fielddoc .params,
.fieldtable .fielddoc .section,
table.fieldtable .fielddoc .params,
table.fieldtable .fielddoc .section {
    margin-top: 8px !important;
}

.fielddoc .params dt,
.fielddoc .section dt,
.fieldtable .fielddoc .params dt,
.fieldtable .fielddoc .section dt,
table.fieldtable .fielddoc .params dt,
table.fieldtable .fielddoc .section dt {
    color: #87ceeb !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.fielddoc .params dd,
.fielddoc .section dd,
.fieldtable .fielddoc .params dd,
.fieldtable .fielddoc .section dd,
table.fieldtable .fielddoc .params dd,
table.fieldtable .fielddoc .section dd {
    margin-left: 0 !important;
    margin-bottom: 4px !important;
    color: #c0c0c0 !important;
}

/* Parameter table styling within documentation */
.fielddoc .params table,
.fieldtable .fielddoc .params table,
table.fieldtable .fielddoc .params table {
    background-color: transparent !important;
    border: none !important;
    margin: 4px 0 !important;
}

.fielddoc .params table td,
.fieldtable .fielddoc .params table td,
table.fieldtable .fielddoc .params table td {
    background-color: transparent !important;
    border: none !important;
    padding: 2px 8px 2px 0 !important;
    font-size: 12px !important;
}

/* Make sure the enum section header is prominent */
.groupheader h2,
h2.groupheader {
    color: #87ceeb !important;
    border-bottom: 2px solid #555 !important;
    padding-bottom: 5px !important;
}