/* ============================================================
   Museum of MTG - catalogue UI
   Scoped tightly so it inherits BeTheme's type but not its
   list/button styling (which fights the facet pills).
   ============================================================ */
.motg-section{padding:0!important;margin:1.5rem 0 0!important;background:none!important}
.motg-section .section_wrapper{padding-top:0!important;padding-bottom:0!important}

.motg-filters{
  display:flex;flex-wrap:wrap;gap:1.25rem 2.25rem;
  margin:0 0 2rem;padding:1.15rem 1.35rem;
  border:1px solid rgba(0,0,0,.1);border-radius:12px;
  background:rgba(0,0,0,.018);
  font-size:14px;line-height:1.4;
}
.motg-facet{flex:1 1 22rem;min-width:0}
.motg-facet__label{
  display:block;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;opacity:.5;margin:0 0 .6rem;
}
/* reset BeTheme list styling */
.motg-filters ul,.motg-filters li{list-style:none!important;margin:0!important;padding:0!important;background:none!important}
.motg-filters ul{display:flex;flex-wrap:wrap;gap:.4rem}
.motg-filters li:before{display:none!important;content:none!important}

.motg-filters a{
  display:inline-flex;align-items:center;gap:.4em;
  padding:.34em .8em;border-radius:999px;
  font-size:13px;font-weight:500;line-height:1.5;
  text-decoration:none!important;
  border:1px solid rgba(0,0,0,.14);
  color:inherit;background:transparent;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
  white-space:nowrap;
}
.motg-filters a:hover{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.28)}
.motg-filters a.is-active{background:#1f2d3d;border-color:#1f2d3d;color:#fff}
.motg-filters a.is-active .motg-count{opacity:.75}
.motg-count{font-size:11px;font-weight:600;opacity:.5;font-variant-numeric:tabular-nums}

/* --- spec block on single posts --- */
.motg-specs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));
  gap:.9rem 1.6rem;margin:0 0 1.9rem;padding:1.1rem 1.35rem;
  border:1px solid rgba(0,0,0,.09);border-left:3px solid #c93814;
  border-radius:0 10px 10px 0;background:rgba(0,0,0,.02);
}
.motg-specs>div{margin:0;min-width:0}
.motg-specs dt{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin:0 0 .25rem}
.motg-specs dd{margin:0;font-size:15px;font-weight:500;line-height:1.4}
.motg-specs code{font-size:.9em;padding:.12em .45em;border-radius:4px;background:rgba(0,0,0,.07);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

@media (max-width:767px){
  .motg-filters{gap:1rem;padding:1rem}
  .motg-facet{flex:1 1 100%}
}