/* ==========================================================================
   07 SHOP :: Filter sidebar, results toolbar, licence badges
   Raw HTML rendered by the mh_shop_sidebar / mh_shop_toolbar shortcodes
   (functions.php) inside the Midnight Studio Shop Archive template.
   Class names match the source HTML build 1:1 so no new grammar is
   introduced -- .fgroup/.check/.toolbar/.chip/.tag are the same system
   used in marketence-hub.html.
   ========================================================================== */

.mh-fbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--s-3); }

.fgroup{ border-bottom:1px solid var(--line); padding-block:var(--s-4); }
.fgroup:first-of-type{ padding-top:0; }
.fgroup__h{
  width:100%; background:none; border:0; padding:0 0 var(--s-2); cursor:pointer; color:var(--text);
  display:flex; align-items:center; justify-content:space-between;
  font-family:var(--font-text); font-size:var(--t-xs); font-weight:800; text-transform:uppercase; letter-spacing:.12em;
}
.fgroup__b{ display:flex; flex-direction:column; }
.fgroup[data-shut="true"] .fgroup__b{ display:none; }

.check{ display:flex; gap:10px; align-items:flex-start; cursor:pointer; padding:6px 0; font-family:var(--font-text); font-size:var(--t-sm); color:var(--text-2); }
.check:hover{ color:var(--text); }
.check input{
  appearance:none; width:17px; height:17px; margin:3px 0 0; flex:none;
  border:1px solid var(--line-3); border-radius:5px; background:var(--ink-800);
  transition:background .15s var(--ease), border-color .15s var(--ease); cursor:pointer;
}
.check input:checked{
  background:var(--cyan-400); border-color:var(--cyan-400);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2303131B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
  background-size:100%; background-position:center; background-repeat:no-repeat;
}
.check__n{ color:var(--text-3); }
.range{ width:100%; accent-color:var(--cyan-400); }

.btn--quiet{ background:none; border:0; color:var(--text-3); font-family:var(--font-text); font-weight:600; font-size:var(--t-xs); cursor:pointer; text-decoration:none; padding:6px 0; transition:color .2s var(--ease); }
.btn--quiet:hover{ color:var(--text); }
.btn--sm{ padding:4px 0; }

.toolbar{ display:flex; align-items:center; gap:var(--s-3); flex-wrap:wrap; margin-bottom:var(--s-4); }
.ftoggle{ display:none; }
.chip{
  display:inline-flex; align-items:center; gap:7px; cursor:pointer; text-decoration:none;
  border:1px solid var(--line); background:var(--glass); color:var(--text-2);
  border-radius:var(--r-pill); padding:8px 14px; font-family:var(--font-text); font-size:var(--t-xs); font-weight:600;
  transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);
}
.chip:hover{ border-color:var(--line-2); color:var(--text); }
.chip.on{ border-color:var(--cyan-400); color:var(--cyan-300); background:var(--cyan-soft); }
.chip__x{ opacity:.7; font-size:13px; }
.mh-active-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:var(--s-4); }

.select--pill{ border-radius:var(--r-pill); padding:9px 36px 9px 16px; font-size:var(--t-xs); background-color:var(--glass); }

.vh{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:-1px; }

/* Licence + status pills on shop cards -- amber marks a licence right, never an action */
.tag{
  display:inline-flex; align-items:center; gap:5px; border-radius:var(--r-pill);
  padding:4px 10px; font-family:var(--font-text); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  border:1px solid var(--line-2); background:rgba(11,16,32,.72); color:var(--text-2);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); white-space:nowrap;
}
.tag--mrr{ background:var(--amber-500); border-color:var(--amber-500); color:var(--amber-on); }
.tag--plr{ background:rgba(233,240,255,.92); border-color:transparent; color:var(--ink-850); }
.tag--personal{ background:rgba(11,16,32,.72); }
.tag--new{ background:var(--cyan-400); border-color:var(--cyan-400); color:var(--on-cyan); }

.mh-badges-overlay{ position:absolute; top:12px; left:12px; z-index:5; display:flex; gap:6px; flex-wrap:wrap; max-width:calc(100% - 24px); }

.pcard__rate{ display:inline-flex; align-items:center; gap:4px; font-family:var(--font-text); font-size:var(--t-xs); color:var(--text-3); }
.pcard__rate .star{ color:var(--amber-400); }

/* Re-cluster price above rating in the card footer (rating renders via the
   xpro_elementor_woo_products_rating_before hook in functions.php) */
.xpro-woo-product-grid-price-wrapper{ margin-top:auto !important; order:4; }
.xpro-woo-product-grid-star-rating-wrapper{ order:5; margin-top:2px; color:var(--text-3); }

/* Desktop grid drops from 4 to 3 columns now the sidebar takes ~250px */
.cbp-wrapper{ grid-template-columns:repeat(3,1fr) !important; }

@media (max-width:1024px){
  .mh-filters-aside{ display:none; }
  .mh-filters-aside.is-open{ display:block; }
  .ftoggle{ display:inline-flex; }
}


.mh-faq-panel{ display:none; }
.mh-faq-panel--licensing{ display:block; }