/* WantPage: одна узкая служебная полоса для независимых демосайтов. */
.wp-demo-ribbon, .wp-demo-ribbon * { box-sizing: border-box; }
.wp-demo-ribbon {
  display: block;
  position: sticky;
  top: 0;
  z-index: 10000;
  width: 100%;
  margin: 0;
  background: #ffba39;
  color: #191308;
  border-bottom: 1px solid rgba(81, 49, 0, .13);
  font: 400 12px/1.25 Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
.wp-demo-ribbon__inner {
  min-height: 37px;
  max-width: 1320px;
  margin: 0 auto;
  padding: 6px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 2px;
  text-align: center;
}
.wp-demo-ribbon span { display: inline; padding: 0; margin: 0; color: inherit; }
.wp-demo-ribbon a {
  color: inherit !important;
  background: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  font: inherit;
  white-space: nowrap;
}
.wp-demo-ribbon a:hover { color: #563500 !important; }
.wp-demo-ribbon a:focus-visible { outline: 2px solid #183d6d; outline-offset: 3px; }
.wp-demo-ribbon__sep { opacity: .85; }
@media (max-width: 640px) {
  .wp-demo-ribbon { font-size: 11px; }
  .wp-demo-ribbon__inner { padding: 7px 12px; min-height: 37px; column-gap: 6px; }
}
@media (max-width: 380px) {
  .wp-demo-ribbon__sep { display: none !important; }
  .wp-demo-ribbon__inner { row-gap: 3px; }
}

/* A single text line; no links or extra controls in the banner. */
.wp-demo-ribbon__inner { flex-wrap: nowrap; }
.wp-demo-ribbon strong { font: inherit; font-weight: 700; white-space: nowrap; }
.wp-demo-ribbon__brand { font: inherit; font-weight: 400; white-space: nowrap; }

/* Only mobile users navigate back from the ribbon; desktop demos remain independent. */
.wp-demo-ribbon__return { display: none !important; }
@media (max-width: 767px) {
  .wp-demo-ribbon__brand { display: none !important; }
  .wp-demo-ribbon a.wp-demo-ribbon__return {
    display: inline !important;
    color: inherit !important;
    font: inherit;
    font-weight: 400;
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    white-space: nowrap;
  }
}