/* Structured items are a separate state; legacy HTML keeps the existing theme layout. */
.oct-ib-row { display:flex; align-items:center; gap:16px; }
.oct-infobar--items .oct-infobar-text { flex:1; min-width:0; margin:0; }
.oct-infobar--items #oct-infobar-btn { position:static; flex:none; }
.oct-ib-items { width:100%; min-width:0; overflow:hidden; }
.oct-ib-viewport { overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.oct-ib-viewport::-webkit-scrollbar { display:none; }
.oct-ib-track { display:flex; align-items:center; justify-content:space-between; gap:28px; width:100%; margin:0; padding:0; list-style:none; }
.oct-ib-track > li { flex:none; margin:0; padding:0; list-style:none; font-size:13px; font-weight:500; line-height:18px; white-space:nowrap; }
.oct-ib-track > li::before { content:none; }
.oct-ib-track a { text-decoration:none; }
.oct-ib-track a:hover, .oct-ib-track a:focus-visible { text-decoration:underline; }
@media (max-width:991.98px) {
    .oct-infobar--items > .container { width:100%; max-width:none; padding-left:0; padding-right:0; }
    .oct-infobar--items > .container > .row { margin-left:0; margin-right:0; }
    .oct-ib-row { column-gap:0; padding-left:0; padding-right:0; }
    .oct-infobar--items #oct-infobar-btn { min-width:20px; padding-left:2px; padding-right:2px; }

    .oct-ib-track { justify-content:flex-start; gap:20px; }
    .oct-ib-track > li { font-size:12px; line-height:16px; }
    .oct-ib-mode-wrap .oct-ib-track { flex-wrap:wrap; gap:4px 20px; }
    .oct-ib-mode-wrap .oct-ib-track > li { flex-shrink:1; min-width:0; white-space:normal; overflow-wrap:anywhere; }
    .oct-ib-mode-ticker .oct-ib-track { width:max-content; padding-right:28px; }
    .oct-ib-mode-ticker.oct-ib-running .oct-ib-viewport { overflow:hidden; }
}