/* Shop Admin — styles that sit on top of Bootstrap 5.3.
   Loaded after bootstrap.min.css so these rules win without !important. */

/* Sign-in and registration cards sit centred on an empty page. */
.auth-card {
  max-width: 420px;
}

/* --- Signed-in shell: fixed top bar, sidebar, offset main area --- */

:root {
  --admin-topbar-height: 3.5rem;
  --admin-sidebar-width: 15rem;
}

/* Pin the bar to a known height so the offsets below stay in step with it. */
.admin-topbar {
  min-height: var(--admin-topbar-height);
}

/* Below lg the sidebar is an offcanvas panel, so Bootstrap positions it.
   Clear the fixed top bar when it slides in. */
.admin-sidebar .offcanvas-header {
  padding-top: calc(var(--admin-topbar-height) - 1rem);
}

#adminMain {
  padding-top: var(--admin-topbar-height);
}

/* From lg upwards offcanvas-lg drops the panel styles, so the sidebar
   becomes an ordinary block that we fix beside the content. */
@media (min-width: 992px) {
  .admin-sidebar {
    position: fixed;
    top: var(--admin-topbar-height);
    bottom: 0;
    left: 0;
    width: var(--admin-sidebar-width);
    overflow-y: auto;
  }

  #adminMain {
    margin-left: var(--admin-sidebar-width);
  }
}

/* Square thumbnails in the product table. */
.product-thumb {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
}