/* The Slapidary — layout overrides.
   The store is sidebar-less by design (no blog sidebar anywhere; the shop's Material
   filter, when built, is its own left element — not Storefront's #secondary). Storefront
   sizes the content column for a sidebar regardless of whether it has widgets, which
   squished every page. Force full-width content and drop the sidebar column.
   !important is used deliberately to override Storefront's percentage-width layout. */

#secondary,
.widget-area {
  display: none !important;
}

.site-content #primary,
.site-content .content-area,
.content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Storefront adds a right/left-sidebar body class that also nudges widths — neutralize. */
.right-sidebar #primary,
.left-sidebar #primary {
  width: 100% !important;
}