/* LesnoyGroup admin product layout hotfix 2026-11-06.
   Scoped to .page-admin: no changes to public catalog or checkout. */

/* The shipped v62 CSS has no compiled utility for
   lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto].
   Consequently the parent/child filters and the tally stack across the full width. */
.page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] {
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
  align-items:end;
}
.page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] > * {
  min-width:0;
  max-width:100%;
}
.page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] select {
  width:100%!important;
  min-width:0;
  min-height:46px;
}
.page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] > div:last-child > div {
  display:flex;
  align-items:center;
  width:100%;
  min-height:46px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* Keep desktop header and product action row in the admin's own grid.
   Explicitly avoid public header styles even when public widgets remain loaded. */
.page-admin.lg-admin-v2 {
  min-width:0;
  max-width:100%;
  overflow-x:clip;
}
.page-admin.lg-admin-v2 > header {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  background:#fffefa!important;
  padding:13px 28px!important;
}
.page-admin.lg-admin-v2 > header > div:first-child {
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
}
.page-admin.lg-admin-v2 > header > div:first-child > div:first-child {
  line-height:1.25!important;
  white-space:normal!important;
}
.page-admin.lg-admin-v2 > header > div:first-child > div:last-child {
  line-height:1.25!important;
  white-space:normal!important;
}
.page-admin.lg-admin-v2 > main {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:clip;
}
.page-admin.lg-admin-v2 > main .flex.items-center.justify-between:has(> h1) {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
}
.page-admin.lg-admin-v2 > main .flex.items-center.justify-between:has(> h1) > button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  min-height:44px!important;
  visibility:visible!important;
}

/* Public badges should never cover the administration header. */
body:has(.page-admin) #root > header,
body:has(.page-admin) #root > .lg-site-topbar,
body:has(.page-admin) header.lg-new-header,
body:has(.page-admin) .lg-v7-header-socials,
body:has(.page-admin) .lg-v89-contact-messengers,
body:has(.page-admin) #lg-corp-fab,
body:has(.page-admin) #lg-corp-strip {
  display:none!important;
}

@media(min-width:1150px) {
  .page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,max-content)!important;
  }
}
@media(min-width:768px) and (max-width:1149px) {
  .page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] > div:last-child {
    grid-column:1 / -1;
  }
}
@media(max-width:767px) {
  .page-admin.lg-admin-v2 > header {padding:12px 16px!important;min-height:74px!important}
  .page-admin.lg-admin-v2 > main [class*="lg:grid-cols-[minmax(220px,1fr)_minmax(220px,1fr)_auto]"] {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .page-admin.lg-admin-v2 > main .flex.items-center.justify-between:has(> h1) > button {
    width:100%;
  }
}