/* =============================================================================
   Custom CSS for mdweb furo build — Wix site stylesheet (Helvetica, MD brand colors)
   Body: Helvetica 18px #003541 on #ffffff
   Links: #003541 (default/hover/visited — no color change on hover)
   Headings: Helvetica #003541, H1-H3 bold (700), H4-H5 light (300), H6 regular (400)
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Furo CSS variable overrides
   ----------------------------------------------------------------------------- */

:root {
    --color-brand-primary: #003541;
    --color-brand-content: #003541;
    --color-link: #003541;
    --color-link--hover: #003541;
    --color-link--visited: #003541;
    --color-foreground-primary: #003541;
    --color-highlight-on-target: #DEDFE0;
}

/* -----------------------------------------------------------------------------
   Hide furo top header bar — page is embedded in a Wix iframe
   ----------------------------------------------------------------------------- */

header.furo-header,
.mobile-header {
    display: none !important;
}

.page {
    padding-top: 0 !important;
}

/* -----------------------------------------------------------------------------
   Fix h1 title area — remove furo's highlighted/tinted background
   ----------------------------------------------------------------------------- */

article[role="main"] section > h1 {
    background-color: #ffffff !important;
    color: #003541 !important;
    padding: 0;
}

/* Hide empty left sidebar drawer */
.sidebar-drawer {
    display: none !important;
}

/* Expand content width — furo defaults to 46em (sidebar layout); no sidebar so fill available space */
.content {
    width: 100% !important;
    max-width: 1170px !important;
}

/* Hide furo UI buttons — not needed in Wix iframe */
.content-icon-container {
    display: none !important;
}

/* Hide furo footer (black "Made with Sphinx/Furo" bar) */
footer {
    display: none !important;
}

/* -----------------------------------------------------------------------------
   At-a-Glance admonition — olive green background, teal borders and text
   ----------------------------------------------------------------------------- */

.admonition {
    background-color: #A1B11E;
    border: none;
    border-top: 0.5px solid #003541;
    border-bottom: 0.5px solid #003541;
    border-radius: 0;
    border-left: none !important;
    padding: 15px;
    margin-bottom: 20px;
    color: #003541;
    font-size: 18px;
}

.admonition > .admonition-title {
    background-color: transparent !important;
    color: #003541 !important;
    font-weight: bold;
    font-size: 18px !important;
    border: none;
    border-bottom: 0.5px solid #003541;
    padding: 0 0 5px 0 !important;
    margin: 0 0 8px 0 !important;
    text-indent: 0 !important;
}

/* Remove furo's colored bar on the left side of admonitions */
.admonition::before,
.admonition-title::before {
    display: none !important;
}

/* Override furo's white link color inside admonitions */
.admonition a {
    color: #003541 !important;
    text-decoration: underline;
}

/* Horizontal divider under each paragraph inside the admonition */
.admonition > p {
    margin-bottom: 0;
    font-weight: 400;
    border-bottom: 0.5px solid #003541;
    padding-bottom: 5px;
}

.admonition > ul {
    margin-bottom: 0;
    font-weight: 400;
}

/* -----------------------------------------------------------------------------
   Body / text
   ----------------------------------------------------------------------------- */

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.42857143;
    color: #003541 !important;
    background-color: #ffffff !important; /* override roles.css #DEE5A6 if synced from mddocuments */
    font-weight: 400;
    --color-highlight-on-target: #DEDFE0;
}

/* Apply brand color to all main content text */
article[role="main"] p,
article[role="main"] li,
article[role="main"] td,
article[role="main"] th,
article[role="main"] aside,
article[role="main"] dl {
    color: #003541;
}

/* -----------------------------------------------------------------------------
   Links
   ----------------------------------------------------------------------------- */

a {
    color: #003541;
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #003541 !important;
    text-decoration: underline;
}

a:visited {
    color: #003541;
}

/* Ensure underline on content links — overrides furo's more specific resets */
article[role="main"] a {
    text-decoration: underline !important;
}

/* -----------------------------------------------------------------------------
   Headings
   ----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.15;
}

/* |partofmedea| inline span — override 12px inline style for HTML builds only */
h1 span[style], h2 span[style], h3 span[style], p span[style] {
    font-size: 16px !important;
}

h1, .h1 {
    font-size: 40px;
    font-weight: 700;
    color: #003541;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

h2, .h2 {
    font-size: 35px;
    font-weight: 700;
    color: #003541;
    margin-top: 20px;
    padding-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

h3, .h3 {
    font-size: 22px;
    font-weight: 700;
    color: #003541;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

h4, .h4 {
    font-size: 22px;
    font-weight: 300;
    margin-top: 0;
}

h5, .h5 {
    font-size: 18px;
    font-weight: 300;
}

h6, .h6 {
    font-size: 16px;
    font-weight: 400;
}

/* -----------------------------------------------------------------------------
   Tables
   ----------------------------------------------------------------------------- */

table.docutils {
    border-collapse: collapse;
    border: 2px solid #003541;
    overflow: visible;
}

table.docutils td,
table.docutils th {
    border: 1px solid #003541;
    white-space: normal;
}

table.docutils thead {
    text-align: center;
    vertical-align: middle;
}

table.docutils thead th {
    font-weight: 700;
    background-color: #A1B11E;
}

/* -----------------------------------------------------------------------------
   Lists — restore browser-default indentation (furo resets it)
   ----------------------------------------------------------------------------- */

article[role="main"] ul,
article[role="main"] ol {
    padding-left: 40px;
    margin-bottom: 10px;
}

/* -----------------------------------------------------------------------------
   Code / syntax highlighting
   ----------------------------------------------------------------------------- */

div.highlight {
    background: none;
}

.highlighttable .code pre,
.highlighttable .linenos pre {
    font-size: 12px;
}

.highlighttable .linenos pre {
    word-break: normal;
}

/* -----------------------------------------------------------------------------
   Text align helpers
   ----------------------------------------------------------------------------- */

.textalign-center { text-align: center; }
.textalign-right  { text-align: right; }
.textalign-left   { text-align: left; }

/* -----------------------------------------------------------------------------
   Custom separator
   ----------------------------------------------------------------------------- */

.tbseparator {
    border-top: 1px solid #e1e4e5;
    border-bottom: 1px solid #e1e4e5;
    padding-top: 25px;
    margin-bottom: 20px;
}

/* -----------------------------------------------------------------------------
   Jumbotron-gray intro block — gray background banner used on some product pages
   ----------------------------------------------------------------------------- */

p.jumbotron-gray,
p.container-fluid.jumbotron-gray {
    background-color: #DEDFE0;
    padding: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    border-radius: 0;
}

/* -----------------------------------------------------------------------------
   Bootstrap glyphicon-check — render as unicode checkmark (no Bootstrap font)
   ----------------------------------------------------------------------------- */

.glyphicon-check::before {
    content: '✓';
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* -----------------------------------------------------------------------------
   Topic title
   ----------------------------------------------------------------------------- */

.topic-title {
    font-weight: 400;
    font-size: 24px;
}

/* -----------------------------------------------------------------------------
   TOC back-reference links
   ----------------------------------------------------------------------------- */

.toc-backref {
    color: #003541;
}

/* -----------------------------------------------------------------------------
   Footnote reference (superscript, smaller)
   ----------------------------------------------------------------------------- */

a.footnote-reference {
    vertical-align: super;
    font-size: 75%;
}

article[role="main"] a.footnote-reference {
    text-decoration: none !important;
}

/* Remove [brackets] from footnote references — commas handled by footnote_commas.js */
span.fn-bracket { display: none; }

/* -----------------------------------------------------------------------------
   Custom span roles (inline formatting)
   ----------------------------------------------------------------------------- */

span.mydtsrevision { color: gray; }
span.myquote { display: block; color: #ffffff; background-color: #A1B11E; font-size: 20px; font-style: italic; padding: 12px 15px 4px 15px; }
span.myquote::before { content: '\201C'; }
span.myquote::after  { content: '\201D'; }
span.underline { text-decoration: underline; }
span.blue { color: blue; }
span.mypurplequote { color: purple; font-size: 25px; }
span.mypurple { color: purple; }
span.myrevision { color: gray; }
span.mypurplequotee { color: purple; }
span.green { color: green; }
span.myquotee { display: block; color: #ffffff; background-color: #A1B11E; font-size: 16px; font-style: italic; padding: 4px 15px 12px 15px; }

p:has(span.myquote)  { margin-bottom: 0 !important; }
p:has(span.myquotee) { margin-top: 0 !important; }
span.strike { text-decoration: line-through; }
span.red { color: red; }
span.highlightgray { background-color: #DEDFE0; }
span.highlightyellow { background-color: #FFC107; color: #FFFFFF; }

.hmath {
    background-color: #DEDFE0 !important;
    padding: 0.1em 0.25em !important;
    border-radius: 3px !important;
}

span.grayframe {
    border-width: 1px;
    border-style: solid;
    border-color: #9FA6AD;
    padding: 2px 2px;
    white-space: nowrap;
}

span.button {
    background-color: #DEDFE0;
    border-width: 1px;
    border-style: solid;
    border-color: #9FA6AD;
    padding: 2px 2px;
    border-radius: 3px;
    white-space: nowrap;
}

span.combobox {
    align-items: left;
    border: 1px solid #9FA6AD;
    padding: 2px 2px;
    background-color: #FFFFFF;
    border-radius: 3px;
    white-space: nowrap;
}
span.combobox:after { content: '▼'; color: black; }

span.dualcombobox {
    display: inline-flex;
    align-items: center;
    border: 1px solid #9FA6AD;
    padding: 0.3px 1px;
    background-color: #FFFFFF;
    border-radius: 3px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
}
span.dualcombobox:after {
    content: '▲ ▼';
    display: inline-flex;
    flex-direction: column;
    margin-left: 2px;
    font-size: 10px;
    line-height: 1.0;
    letter-spacing: 0;
    word-break: break-all;
    width: 8px;
}

span.graycombobox {
    align-items: left;
    border: 1px solid #9FA6AD;
    padding: 2px 2px;
    background-color: #DEDFE0;
    border-radius: 3px;
    white-space: nowrap;
}
span.graycombobox:after { content: '▼'; color: black; }

span.file {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
                 Courier New, Courier, monospace;
}

span.submenu { background-color: #DEDFE0; }
span.submenu:after { content: '▹'; color: black; padding-left: 5px; }

span.submenul { background-color: #DEDFE0; }
span.submenul:before { content: '▷'; color: black; padding-right: 5px; }

span.mddoc { font-weight: bold; }
span.guitext { font-weight: 400; font-style: italic; }
span.stage { font-weight: bold; }

span.checkedbox { align-items: left; padding: 0px 0px; }
span.checkedbox:after { content: '☑'; color: black; }

span.uncheckedbox { align-items: left; padding: 0px 0px; }
span.uncheckedbox:after { content: '☐'; color: black; }

/* -----------------------------------------------------------------------------
   Download field-list — "Download PDF" teal button, hides the "download:" dt label
   ----------------------------------------------------------------------------- */

dl.field-list {
    display: block;
    margin-top: 10px;
}

/* Hide the "download:" label */
dl.field-list dt {
    display: none !important;
}

dl.field-list dd {
    display: block;
    margin: 0;
    padding: 0;
}

dl.field-list dd p {
    display: block;
    margin: 0;
}

/* Hide the "pdf" link text and replace with "Download PDF" */
dl.field-list a.reference.download.internal code span.pre {
    display: none;
}

dl.field-list a.reference.download.internal::before {
    content: 'Download PDF';
}


/* -----------------------------------------------------------------------------
   Datasheet buttons — View/Read more (green) and Download (dark teal)
   Targets only ref links that appear alongside a download link in the same <p>
   ----------------------------------------------------------------------------- */

a.reference.download.internal,
a.reference.download.internal:hover,
a.reference.download.internal:focus {
    display: inline-block;
    text-decoration: none !important;
}

a.reference.download.internal {
    background-color: #003541 !important;
    color: #ffffff !important;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
}

a.reference.download.internal:hover,
a.reference.download.internal:focus {
    background-color: #ffffff !important;
    color: #003541 !important;
    border: 2px solid #003541 !important;
    padding: 4px 14px;
    text-decoration: none !important;
}

a.reference.download.internal:hover code,
a.reference.download.internal:focus code {
    color: #003541 !important;
}

/* code element inside download button */
a.reference.download.internal code {
    color: #ffffff !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* View / Read more links that appear in a paragraph with a download link */
p:has(a.reference.download.internal) > a.reference.internal,
p:has(a.reference.download.internal) > a.reference.internal:hover,
p:has(a.reference.download.internal) > a.reference.internal:focus {
    text-decoration: none !important;
}

p:has(a.reference.download.internal) > a.reference.internal {
    display: inline-block;
    background-color: #A1B11E;
    color: #ffffff !important;
    padding: 4px 16px 8px 16px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
}


a.reference.download.internal::after {
    content: none !important;
}

p:has(a.reference.download.internal) > a.reference.internal:not(.download)::after {
    content: ' ›';
    font-size: 30px;
    font-weight: 300;
    line-height: 0;
    vertical-align: -0.1em;
}


p:has(a.reference.download.internal) > a.reference.internal:hover,
p:has(a.reference.download.internal) > a.reference.internal:focus {
    background-color: #ffffff !important;
    color: #003541 !important;
    border: 2px solid #003541 !important;
    padding: 2px 14px 6px 14px;
    text-decoration: none !important;
}


/* -----------------------------------------------------------------------------
   Explicit button roles — :greenbutton: :greenbuttonA: :tealbutton: :tealbuttonA:
   ----------------------------------------------------------------------------- */

span.greenbutton > a,
span.greenbuttona > a {
    display: inline-block;
    background-color: #A1B11E;
    color: #ffffff !important;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    text-decoration: none !important;
}

span.greenbuttona > a::after {
    content: ' ›';
    font-size: 30px;
    font-weight: 300;
    line-height: 0;
    vertical-align: -0.1em;
}

span.greenbutton > a:hover,
span.greenbutton > a:focus,
span.greenbuttona > a:hover,
span.greenbuttona > a:focus {
    background-color: #ffffff !important;
    color: #003541 !important;
    border: 2px solid #003541;
    padding: 4px 14px;
    text-decoration: none !important;
}

span.tealbutton > a,
span.tealbuttona > a {
    display: inline-block;
    background-color: #003541;
    color: #ffffff !important;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    text-decoration: none !important;
}

span.tealbuttona > a.reference.download.internal::after {
    content: ' ›' !important;
    font-size: 30px;
    font-weight: 300;
    line-height: 0;
    vertical-align: -0.1em;
}

span.tealbutton > a:hover,
span.tealbutton > a:focus,
span.tealbuttona > a:hover,
span.tealbuttona > a:focus {
    background-color: #ffffff !important;
    color: #003541 !important;
    border: 2px solid #003541;
    padding: 4px 14px;
    text-decoration: none !important;
}

/* Strip <code> chrome from download links inside teal button roles */
span.tealbutton > a code,
span.tealbuttona > a code {
    color: #ffffff !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
    font-size: 16px !important;
}

span.tealbutton > a:hover code,
span.tealbutton > a:focus code,
span.tealbuttona > a:hover code,
span.tealbuttona > a:focus code {
    color: #003541 !important;
}


/* -----------------------------------------------------------------------------
   Equation numbers
   ----------------------------------------------------------------------------- */

span.eqno {
    float: right;
}