/* Custom styles for Asya documentation - Simplex theme customization */

/* Hide non-functional copy button - all possible variations */
.copy-button,
button[data-clipboard-text],
.md-clipboard,
.highlighttable .copy-code-button,
pre button,
.codehilite button,
.highlight button,
button[title="Copy to clipboard"],
button[aria-label="Copy to clipboard"],
.btn-clipboard,
div.highlight button,
div.codehilite button,
.highlight-container button,
code + button,
pre + button,
[class*="copy"] button,
[class*="clipboard"] button,
button[onclick*="clipboard"],
button[onclick*="README.md"],
.tabler-icon-copy {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Force nested navigation to display */
.bs-sidebar .nav .nav {
  display: block !important;
  padding-left: 20px;
}

.bs-sidebar .nav > li > ul {
  display: block !important;
}

/* Style nested nav items */
.bs-sidebar .nav > li > ul > li > a {
  padding-left: 30px;
  font-size: 0.9em;
}

.bs-sidebar .nav > li > ul > li > ul > li > a {
  padding-left: 50px;
  font-size: 0.85em;
  color: #666;
}

/* Override aggressive red with softer blue-gray tones */
a {
  color: #5a6c8f;
}

a:hover,
a:focus {
  color: #3d4f6b;
}

/* Navbar styling */
.navbar-inverse {
  background-color: #2c3e50;
  border-color: #233140;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #ecf0f1;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #3498db;
}

.navbar-inverse .navbar-nav > .active > a {
  background-color: #34495e;
  color: #3498db;
}

/* Sidebar active link */
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  color: #3498db;
  border-left-color: #3498db;
  font-weight: 600;
}

/* Code blocks */
pre {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 16px;
  overflow-x: auto;
}

/* Inline code */
code {
  color: #c7254e;
  background-color: #f9f2f4;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 90%;
}

/* Code blocks should not have the inline code styling */
pre code {
  color: inherit;
  background-color: transparent;
  padding: 0;
  font-size: inherit;
}

/* Syntax highlighting colors - apply to both .codehilite and .highlight */
.codehilite .hll,
.highlight .hll { background-color: #ffffcc }
.codehilite .c,
.highlight .c { color: #999988; font-style: italic }
.codehilite .k,
.highlight .k { color: #000000; font-weight: bold }
.codehilite .o,
.highlight .o { color: #000000; font-weight: bold }
.codehilite .cm,
.highlight .cm { color: #999988; font-style: italic }
.codehilite .cp,
.highlight .cp { color: #999999; font-weight: bold; font-style: italic }
.codehilite .c1,
.highlight .c1 { color: #999988; font-style: italic }
.codehilite .cs,
.highlight .cs { color: #999999; font-weight: bold; font-style: italic }
.codehilite .gd,
.highlight .gd { color: #000000; background-color: #ffdddd }
.codehilite .gr,
.highlight .gr { color: #aa0000 }
.codehilite .gh,
.highlight .gh { color: #999999 }
.codehilite .gi,
.highlight .gi { color: #000000; background-color: #ddffdd }
.codehilite .go,
.highlight .go { color: #888888 }
.codehilite .gp,
.highlight .gp { color: #555555 }
.codehilite .gu,
.highlight .gu { color: #aaaaaa }
.codehilite .gt,
.highlight .gt { color: #aa0000 }
.codehilite .kc,
.highlight .kc { color: #000000; font-weight: bold }
.codehilite .kd,
.highlight .kd { color: #000000; font-weight: bold }
.codehilite .kn,
.highlight .kn { color: #000000; font-weight: bold }
.codehilite .kp,
.highlight .kp { color: #000000; font-weight: bold }
.codehilite .kr,
.highlight .kr { color: #000000; font-weight: bold }
.codehilite .kt,
.highlight .kt { color: #445588; font-weight: bold }
.codehilite .m,
.highlight .m { color: #009999 }
.codehilite .s,
.highlight .s { color: #d01040 }
.codehilite .na,
.highlight .na { color: #008080 }
.codehilite .nb,
.highlight .nb { color: #0086B3 }
.codehilite .nc,
.highlight .nc { color: #445588; font-weight: bold }
.codehilite .no,
.highlight .no { color: #008080 }
.codehilite .nd,
.highlight .nd { color: #3c5d5d; font-weight: bold }
.codehilite .ni,
.highlight .ni { color: #800080 }
.codehilite .ne,
.highlight .ne { color: #990000; font-weight: bold }
.codehilite .nf,
.highlight .nf { color: #990000; font-weight: bold }
.codehilite .nl,
.highlight .nl { color: #990000; font-weight: bold }
.codehilite .nn,
.highlight .nn { color: #555555 }
.codehilite .nt,
.highlight .nt { color: #000080 }
.codehilite .nv,
.highlight .nv { color: #008080 }
.codehilite .ow,
.highlight .ow { color: #000000; font-weight: bold }
.codehilite .w,
.highlight .w { color: #bbbbbb }
.codehilite .mf,
.highlight .mf { color: #009999 }
.codehilite .mh,
.highlight .mh { color: #009999 }
.codehilite .mi,
.highlight .mi { color: #009999 }
.codehilite .mo,
.highlight .mo { color: #009999 }
.codehilite .sb,
.highlight .sb { color: #d01040 }
.codehilite .sc,
.highlight .sc { color: #d01040 }
.codehilite .sd,
.highlight .sd { color: #d01040 }
.codehilite .s2,
.highlight .s2 { color: #d01040 }
.codehilite .se,
.highlight .se { color: #d01040 }
.codehilite .sh,
.highlight .sh { color: #d01040 }
.codehilite .si,
.highlight .si { color: #d01040 }
.codehilite .sx,
.highlight .sx { color: #d01040 }
.codehilite .sr,
.highlight .sr { color: #009926 }
.codehilite .s1,
.highlight .s1 { color: #d01040 }
.codehilite .ss,
.highlight .ss { color: #990073 }
.codehilite .bp,
.highlight .bp { color: #999999 }
.codehilite .vc,
.highlight .vc { color: #008080 }
.codehilite .vg,
.highlight .vg { color: #008080 }
.codehilite .vi,
.highlight .vi { color: #008080 }
.codehilite .il,
.highlight .il { color: #009999 }

/* Headers with softer accent */
h1, h2, h3, h4, h5, h6 {
  color: #2c3e50;
}

/* Dark mode: lighter headers for better visibility */
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: #e8eaed;
}

/* Dark mode: lighter navigation titles for better visibility */
.dark .text-muted-foreground {
  color: #b4b8c0 !important;
}

/* Buttons */
.btn-primary {
  background-color: #3498db;
  border-color: #2980b9;
}

.btn-primary:hover {
  background-color: #2980b9;
  border-color: #21618c;
}

/* Table cells should wrap text instead of scrolling */
.table-responsive {
  overflow-x: visible !important;
}

table {
  table-layout: fixed !important;
  width: 100% !important;
  overflow-x: visible !important;
}

table td,
table th {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Force wrapping in table cells with code elements */
table td code {
  white-space: normal !important;
  word-break: break-word !important;
}

/* Dark mode: code blocks and syntax highlighting */
.dark pre {
  background-color: #1e1e1e;
  border: 1px solid #3a3a3a;
  color: #d4d4d4;
}

.dark code {
  color: #e06c75;
  background-color: #2d2d2d;
}

.dark pre code {
  color: #d4d4d4;
  background-color: transparent;
}

/* Dark mode syntax highlighting - VS Code Dark+ inspired colors */
.dark .codehilite .hll,
.dark .highlight .hll { background-color: #3a3a3a }
.dark .codehilite .c,
.dark .highlight .c { color: #6a9955; font-style: italic }
.dark .codehilite .k,
.dark .highlight .k { color: #c586c0; font-weight: normal }
.dark .codehilite .o,
.dark .highlight .o { color: #d4d4d4; font-weight: normal }
.dark .codehilite .cm,
.dark .highlight .cm { color: #6a9955; font-style: italic }
.dark .codehilite .cp,
.dark .highlight .cp { color: #6a9955; font-weight: normal; font-style: italic }
.dark .codehilite .c1,
.dark .highlight .c1 { color: #6a9955; font-style: italic }
.dark .codehilite .cs,
.dark .highlight .cs { color: #6a9955; font-weight: normal; font-style: italic }
.dark .codehilite .gd,
.dark .highlight .gd { color: #d4d4d4; background-color: #4b1818 }
.dark .codehilite .gr,
.dark .highlight .gr { color: #f44747 }
.dark .codehilite .gh,
.dark .highlight .gh { color: #808080 }
.dark .codehilite .gi,
.dark .highlight .gi { color: #d4d4d4; background-color: #1a3a1a }
.dark .codehilite .go,
.dark .highlight .go { color: #808080 }
.dark .codehilite .gp,
.dark .highlight .gp { color: #9cdcfe }
.dark .codehilite .gu,
.dark .highlight .gu { color: #808080 }
.dark .codehilite .gt,
.dark .highlight .gt { color: #f44747 }
.dark .codehilite .kc,
.dark .highlight .kc { color: #569cd6; font-weight: normal }
.dark .codehilite .kd,
.dark .highlight .kd { color: #569cd6; font-weight: normal }
.dark .codehilite .kn,
.dark .highlight .kn { color: #c586c0; font-weight: normal }
.dark .codehilite .kp,
.dark .highlight .kp { color: #569cd6; font-weight: normal }
.dark .codehilite .kr,
.dark .highlight .kr { color: #569cd6; font-weight: normal }
.dark .codehilite .kt,
.dark .highlight .kt { color: #4ec9b0; font-weight: normal }
.dark .codehilite .m,
.dark .highlight .m { color: #b5cea8 }
.dark .codehilite .s,
.dark .highlight .s { color: #ce9178 }
.dark .codehilite .na,
.dark .highlight .na { color: #9cdcfe }
.dark .codehilite .nb,
.dark .highlight .nb { color: #dcdcaa }
.dark .codehilite .nc,
.dark .highlight .nc { color: #4ec9b0; font-weight: normal }
.dark .codehilite .no,
.dark .highlight .no { color: #4fc1ff }
.dark .codehilite .nd,
.dark .highlight .nd { color: #dcdcaa; font-weight: normal }
.dark .codehilite .ni,
.dark .highlight .ni { color: #c586c0 }
.dark .codehilite .ne,
.dark .highlight .ne { color: #4ec9b0; font-weight: normal }
.dark .codehilite .nf,
.dark .highlight .nf { color: #dcdcaa; font-weight: normal }
.dark .codehilite .nl,
.dark .highlight .nl { color: #dcdcaa; font-weight: normal }
.dark .codehilite .nn,
.dark .highlight .nn { color: #4ec9b0 }
.dark .codehilite .nt,
.dark .highlight .nt { color: #569cd6 }
.dark .codehilite .nv,
.dark .highlight .nv { color: #9cdcfe }
.dark .codehilite .ow,
.dark .highlight .ow { color: #569cd6; font-weight: normal }
.dark .codehilite .w,
.dark .highlight .w { color: #d4d4d4 }
.dark .codehilite .mf,
.dark .highlight .mf { color: #b5cea8 }
.dark .codehilite .mh,
.dark .highlight .mh { color: #b5cea8 }
.dark .codehilite .mi,
.dark .highlight .mi { color: #b5cea8 }
.dark .codehilite .mo,
.dark .highlight .mo { color: #b5cea8 }
.dark .codehilite .sb,
.dark .highlight .sb { color: #ce9178 }
.dark .codehilite .sc,
.dark .highlight .sc { color: #ce9178 }
.dark .codehilite .sd,
.dark .highlight .sd { color: #ce9178 }
.dark .codehilite .s2,
.dark .highlight .s2 { color: #ce9178 }
.dark .codehilite .se,
.dark .highlight .se { color: #d7ba7d }
.dark .codehilite .sh,
.dark .highlight .sh { color: #ce9178 }
.dark .codehilite .si,
.dark .highlight .si { color: #d7ba7d }
.dark .codehilite .sx,
.dark .highlight .sx { color: #ce9178 }
.dark .codehilite .sr,
.dark .highlight .sr { color: #d16969 }
.dark .codehilite .s1,
.dark .highlight .s1 { color: #ce9178 }
.dark .codehilite .ss,
.dark .highlight .ss { color: #ce9178 }
.dark .codehilite .bp,
.dark .highlight .bp { color: #4ec9b0 }
.dark .codehilite .vc,
.dark .highlight .vc { color: #9cdcfe }
.dark .codehilite .vg,
.dark .highlight .vg { color: #9cdcfe }
.dark .codehilite .vi,
.dark .highlight .vi { color: #9cdcfe }
.dark .codehilite .il,
.dark .highlight .il { color: #b5cea8 }