/*
 * WordPress-only rules (SPEC: "A separate small wp.css only if a WordPress artefact forces it").
 * Loaded after site.css by inc/setup.php. Every rule here is scoped to body.admin-bar, a class the
 * theme prints only while the WordPress admin bar shows (logged-in users), so logged-out output is
 * unchanged.
 */

/*
 * The admin bar (#wpadminbar, fixed, 32px high; 46px at 782px and below) sits on top of
 * Meshi's fixed header and the full-height side menu and cart drawer. Move them below it.
 * The panels are anchored with inset-block: 0, so moving the top edge also shortens them
 * to the visible height under the bar.
 */
body.admin-bar .site-header,
body.admin-bar .menu-panel,
body.admin-bar .cart-panel {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header,
  body.admin-bar .menu-panel,
  body.admin-bar .cart-panel {
    top: 46px;
  }
}