/* Follow-up visual corrections loaded after the released storefront V2 sheet. */
html, body { overflow-x: clip; }
.storefront-body .header-row { gap: 24px; }
.storefront-body .logo img { width: 100px; height: 52px; object-fit: cover; object-position: center; }
.storefront-body .main-nav { gap: 12px; }
.storefront-body .main-nav a { position: relative; }
.storefront-body .main-nav a.active { background: rgba(249,115,22,.16); color: #fff; box-shadow: inset 0 -2px #f97316; }
.storefront-body .main-nav a:focus-visible, .storefront-body button:focus-visible, .storefront-body input:focus-visible, .storefront-body select:focus-visible, .storefront-body textarea:focus-visible { outline: 3px solid rgba(249,115,22,.65); outline-offset: 3px; }

.curated-admin-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: end; gap: 12px; }
.curated-admin-controls select { width: 100%; height: 220px; }
.curated-admin-controls .button { min-height: 44px; white-space: nowrap; }
.admin-help { color: var(--muted); font-size: .82rem; }
.curated-admin-list { display: grid; gap: 8px; min-height: 70px; margin: 14px 0; padding: 0; list-style: none; counter-reset: curated; }
.curated-admin-list:empty::before { display: block; padding: 18px; border: 1px dashed var(--border); border-radius: 10px; color: var(--muted); content: 'لم تُحدد منتجات بعد.'; text-align: center; }
.curated-admin-list > li { display: grid; grid-template-columns: 54px minmax(0,1fr) auto auto auto; align-items: center; gap: 8px; min-width: 0; padding: 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.curated-admin-list img { width: 54px; height: 44px; border-radius: 6px; object-fit: cover; background: #0b0b10; }
.curated-admin-list li > span { display: grid; min-width: 0; gap: 2px; }
.curated-admin-list strong { overflow-wrap: anywhere; font-size: .82rem; }
.curated-admin-list small { color: var(--muted); font-size: .72rem; }
.curated-admin-list button { min-height: 34px; padding: 5px 9px; }
@media (max-width: 760px) {
  .storefront-body .header-row { gap: 12px; }
  .storefront-body .logo img { width: 86px; height: 45px; }
  .curated-admin-controls { grid-template-columns: 1fr; }
  .curated-admin-controls select { height: 180px; }
  .curated-admin-controls .button { width: 100%; }
  .curated-admin-list > li { grid-template-columns: 44px minmax(0,1fr) auto auto; }
  .curated-admin-list img { width: 44px; height: 38px; }
  .curated-admin-list button[data-curated-remove] { grid-column: 2 / -1; justify-self: start; }
}