/* ax-youtube-bar.css - YouTube bar (icon, channel name, note, Google subscribe widget with live count, red Subscribe button).
   Uses speclang.pro's shop panel colours through ax-settings.css. */
.ax-ytbar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem 1rem;
  min-block-size: 44px; padding: .45rem var(--ax-shell);
  background: linear-gradient(125deg, var(--ax-panel-a), var(--ax-panel-b)); color: var(--ax-panel-text);
  border-block-end: 1px solid #5d9c9b; font-size: .82rem; line-height: 1.4;
}
.ax-ytbar a { color: inherit; }
.ax-ytbar__next { display: inline-flex; align-items: center; gap: .45rem; padding-inline-end: 1rem; border-inline-end: 1px solid #5d9c9b; }
.ax-ytbar__next[hidden] { display: none; }
.ax-ytbar__next b { color: var(--ax-panel-accent); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.ax-ytbar__next span { opacity: .85; }
.ax-ytbar__msg { display: inline-flex; align-items: center; gap: .55rem; }
.ax-ytbar__yt { display: inline-flex; color: #ff4e45; }
.ax-ytbar__yt svg { inline-size: 1.25rem; block-size: 1.25rem; fill: currentColor; }
.ax-ytbar__name { font-weight: 650; }
.ax-ytbar__note { opacity: .85; }
.ax-ytbar__count { display: inline-flex; align-items: center; max-inline-size: 9.5rem; overflow: hidden; border-radius: 2px; }
.ax-ytbar__count:empty { display: none; }
.ax-ytbar__cta {
  display: inline-flex; align-items: center; min-block-size: 32px; padding: .3rem 1rem;
  background: var(--ax-youtube); color: #fff; font-weight: 650; font-size: .8rem; text-decoration: none; border: 1px solid transparent;
  transition: box-shadow .2s, transform .2s;
}
.ax-ytbar a.ax-ytbar__cta:is(:hover, :focus-visible) { color: #fff; box-shadow: 0 4px 14px #0713; transform: translateY(-2px); }
.ax-ytbar a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 1100px) { .ax-ytbar__note { display: none; } }
@media (max-width: 560px) { .ax-ytbar { font-size: .76rem; } .ax-ytbar__next { padding: 0; border: 0; flex-basis: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .ax-ytbar__cta { transition: none; transform: none !important; } }
html[data-motion="reduce"] .ax-ytbar__cta, html[data-mode="low"] .ax-ytbar__cta, html[data-motion-allowed="false"] .ax-ytbar__cta { transition: none; transform: none; }
@media (forced-colors: active) { .ax-ytbar { background: Canvas; color: CanvasText; border: 1px solid CanvasText; } .ax-ytbar__cta { background: ButtonFace; color: ButtonText; border-color: ButtonText; } }
@media print { .ax-ytbar { display: none; } }

/* Google's subscribe widget puts an absolutely positioned helper <div> (left:-10000px) inside this container. Its containing block must be the
   container (overflow hidden clips it); otherwise it is positioned against .page and, on right-to-left pages, becomes scrollable overflow
   thousands of px to the LEFT (phones zoom out, sideways scroll). */
.ax-ytbar__count { position: relative; }