/* ==========================================================================
   bLMs 2027 — WordPress-only additions.
   site.css is the source of truth and is left untouched. This file only
   covers things the static site didn't have: the WP admin bar, the Google
   Play button row, Windows download cards and install steps.
   Uses the brand tokens from site.css only.
   ========================================================================== */

/* Fixed navbar below the WP admin bar (logged-in users only). */
.admin-bar .navbar { top: 46px; }
@media (min-width: 783px) { .admin-bar .navbar { top: 32px; } }
@media (max-width: 600px) { .admin-bar .navbar { top: 0; } } /* the admin bar scrolls away here */

/* Google Play button under the hero buttons (mobile app page). */
.play-group { margin-top: .75rem; }

/* Windows download cards (in the hero of /windows-app/). */
.downloads { margin-top: 2.5rem; }
@media (min-width: 992px) { .downloads { margin-top: 3rem; } }
.download-card { display: flex; flex-direction: column; align-items: flex-start; }
.download-card .btn { margin-top: 1.25rem; }
.download-meta { list-style: none; padding: 0; margin: 1rem 0 0; display: flex; flex-wrap: wrap; gap: .35rem 1.25rem; font-size: .95rem; }
.download-meta span { font-weight: 700; color: var(--teal-dark); }
.checksum { margin-top: 1rem; width: 100%; font-size: .9rem; }
.checksum summary { cursor: pointer; font-weight: 700; color: var(--teal-mid); }
.checksum code {
  display: block; margin-top: .5rem; padding: .6rem .75rem; border-radius: 8px;
  background: var(--off-white); border: 1px solid var(--grey-teal); color: var(--ink);
  font-size: .8rem; overflow-wrap: anywhere; word-break: break-all;
}
.download-os-note { margin-top: 1.5rem; }
.download-os-note[hidden] { display: none; }
.download-notes { margin: 1rem 0 0; }

/* Installing on Windows. */
.install-steps { margin: 0 0 1rem; padding-left: 1.25rem; color: var(--ink-soft); }
.install-steps li { margin-bottom: .35rem; }
.install-card p { margin: 0; }
.install-note { margin-top: 1.5rem; }
.callout code, .install-steps code, .doc-content code { overflow-wrap: anywhere; }
.doc-content ol { padding-left: 1.25rem; }
.doc-content ol li { margin-bottom: .35rem; }

/* Test-build badge, system requirements, install notes. */
.download-badge { margin-bottom: .75rem; }
.requirements-card { height: auto; margin-bottom: 1.5rem; }
.requirements-card .check-list { margin-top: .5rem; }
.install-card p + p { margin-top: .75rem; }
.play-note { margin-top: .5rem; }

/* bLMs overview videos (home page). Portrait videos get a phone-width frame. */
.video-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; }
.video-shot { flex: 1 1 100%; max-width: 960px; }
.video-shot.portrait { flex: 0 1 360px; max-width: 360px; }
@media (min-width: 992px) { .video-grid .video-shot:not(.portrait) { flex-basis: calc(50% - .75rem); } }
.video-shot video { display: block; width: 100%; height: auto; background: var(--teal-deep); }