/* Madala Market — Eletrónica (WordPress plugin)
   Todas as classes usam o prefixo mm- para não conflituar com o tema. */

.mm-wrap{
  --mm-orange: #F26B1D;
  --mm-orange-dark: #D6560F;
  --mm-orange-light: #FFF1E6;
  --mm-black: #1B1B1B;
  --mm-gray-900: #23262B;
  --mm-gray-700: #4A4E57;
  --mm-gray-500: #7B818C;
  --mm-gray-300: #D7DBE0;
  --mm-gray-100: #F2F3F5;
  --mm-bg: #F6F7F9;
  --mm-white: #FFFFFF;
  --mm-green: #1E8E4F;
  --mm-red: #E0392B;
  --mm-star: #F5A623;
  --mm-radius: 10px;
  --mm-shadow-hover: 0 8px 24px rgba(20,20,20,.10);
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--mm-bg);
  color: var(--mm-gray-900);
}
.mm-wrap *{box-sizing:border-box;}
.mm-wrap a{text-decoration:none;color:inherit;}
.mm-wrap button{font-family:inherit;cursor:pointer;}
.mm-wrap ul{list-style:none;margin:0;padding:0;}

/* ===== Hero ===== */
.mm-hero{position:relative;}
.mm-hero-banner{position:relative;overflow:hidden;min-height:190px;display:flex;align-items:center;background:#141414;border-radius:12px;}
.mm-hero-content{position:relative;z-index:2;padding:30px 24px;width:100%;color:#fff;}
.mm-breadcrumb{font-size:12.5px;color:#C9CCD1;margin-bottom:10px;}
.mm-breadcrumb .mm-sep{margin:0 6px;opacity:.6;}
.mm-hero-content h1{font-size:34px;margin:0 0 6px;font-weight:800;}
.mm-hero-content p{margin:0 0 14px;color:#D6D8DC;font-size:14.5px;max-width:420px;}
.mm-hero-count{display:inline-flex;align-items:center;gap:8px;color:#E7E9EC;font-size:13px;font-weight:600;}
.mm-hero-count svg{width:14px;height:14px;}

/* ===== Layout body ===== */
.mm-layout{margin:24px auto 40px;display:flex;gap:24px;align-items:flex-start;}

/* ===== Filters ===== */
.mm-filters{width:264px;flex-shrink:0;background:var(--mm-white);border:1px solid var(--mm-gray-300);border-radius:12px;padding:20px;}
.mm-filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.mm-filters-head h3{font-size:15px;margin:0;font-weight:700;}
.mm-clear-link{font-size:13px;color:var(--mm-orange);font-weight:600;}
.mm-filter-group{border-top:1px solid var(--mm-gray-100);padding:16px 0;}
.mm-filter-group:first-of-type{border-top:none;padding-top:14px;}
.mm-filter-group-title{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;margin-bottom:12px;cursor:pointer;}
.mm-filter-group-title svg{width:15px;height:15px;stroke:var(--mm-gray-500);}
.mm-check-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--mm-gray-700);}
.mm-check-row input{width:16px;height:16px;accent-color:var(--mm-orange);}
.mm-check-row .mm-count{color:var(--mm-gray-500);margin-left:auto;font-size:12.5px;}
.mm-check-row.mm-checked{color:var(--mm-gray-900);font-weight:600;}
.mm-see-more{color:var(--mm-orange);font-size:13px;font-weight:600;margin-top:2px;display:inline-flex;align-items:center;gap:3px;}

.mm-price-range{padding:10px 4px 0;}
.mm-price-track{position:relative;height:4px;background:var(--mm-gray-300);border-radius:2px;margin-bottom:12px;}
.mm-price-track .mm-fill{position:absolute;left:12%;right:22%;top:0;bottom:0;background:var(--mm-orange);border-radius:2px;}
.mm-price-track .mm-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border:3px solid var(--mm-orange);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:grab;touch-action:none;}
.mm-price-track .mm-knob:active{cursor:grabbing;}
.mm-price-labels{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mm-gray-500);}

.mm-hidden{display:none !important;}
.mm-empty-state{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--mm-gray-500);font-size:14.5px;}

.mm-stars-row{display:flex;align-items:center;gap:2px;}
.mm-stars-row svg{width:13px;height:13px;}
.mm-star-filled{fill:var(--mm-star);stroke:var(--mm-star);}
.mm-star-empty{fill:none;stroke:var(--mm-gray-300);}

/* ===== Products area ===== */
.mm-products{flex:1;min-width:0;}
.mm-products-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px;}
.mm-sort-group{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mm-gray-700);}
.mm-sort-select{border:1px solid var(--mm-gray-300);border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;color:var(--mm-gray-900);background:#fff;}
.mm-view-toggle{display:flex;gap:6px;}
.mm-view-toggle button{width:36px;height:36px;border-radius:8px;border:1px solid var(--mm-gray-300);background:#fff;display:flex;align-items:center;justify-content:center;}
.mm-view-toggle button.mm-active{background:var(--mm-orange-light);border-color:var(--mm-orange);}
.mm-view-toggle svg{width:17px;height:17px;stroke:var(--mm-gray-700);}
.mm-view-toggle button.mm-active svg{stroke:var(--mm-orange);}

.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}

.mm-card{background:#fff;border:1px solid var(--mm-gray-300);border-radius:var(--mm-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s, transform .18s, border-color .18s;position:relative;}
.mm-card:hover{box-shadow:var(--mm-shadow-hover);transform:translateY(-3px);border-color:#E3E5E9;}

.mm-card-media{position:relative;background:var(--mm-gray-100);aspect-ratio:1/0.92;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mm-card-media img{width:100%;height:100%;object-fit:cover;}
.mm-discount-badge{position:absolute;top:10px;left:10px;background:var(--mm-red);color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px;z-index:2;}
.mm-fav-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--mm-gray-300);display:flex;align-items:center;justify-content:center;z-index:2;transition:background .15s;}
.mm-fav-btn:hover{background:#fff;}
.mm-fav-btn svg{width:16px;height:16px;stroke:var(--mm-gray-700);fill:none;}

.mm-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:7px;flex:1;}
.mm-card-title{font-size:14.5px;font-weight:700;line-height:1.35;color:var(--mm-gray-900);min-height:39px;}
.mm-card-rating{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mm-gray-500);}
.mm-card-rating .mm-score{font-weight:700;color:var(--mm-gray-900);}

.mm-price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;}
.mm-price-now{font-size:19px;font-weight:800;color:var(--mm-orange-dark);}
.mm-price-old{font-size:12.5px;color:var(--mm-gray-500);text-decoration:line-through;}

.mm-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mm-gray-500);flex-wrap:wrap;}
.mm-meta-row svg{width:13px;height:13px;stroke:var(--mm-gray-500);flex-shrink:0;}
.mm-meta-sep{opacity:.5;}
.mm-delivery-ok{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--mm-green);}
.mm-delivery-ok svg{width:13px;height:13px;stroke:var(--mm-green);}

.mm-card-actions{display:flex;gap:8px;margin-top:6px;}
.mm-btn{flex:1;text-align:center;padding:10px 8px;border-radius:8px;font-size:13.5px;font-weight:700;border:1.5px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;}
.mm-btn svg{width:15px;height:15px;flex-shrink:0;}
.mm-btn-outline{border-color:var(--mm-orange);color:var(--mm-orange);background:#fff;}
.mm-btn-outline:hover{background:var(--mm-orange-light);}
.mm-btn-solid{background:var(--mm-orange);color:#fff;box-shadow:0 2px 6px rgba(242,107,29,.35);}
.mm-btn-solid svg{stroke:#fff;}
.mm-btn-solid:hover{background:var(--mm-orange-dark);box-shadow:0 3px 10px rgba(214,86,15,.45);}

/* ===== Pagination ===== */
.mm-pagination-row{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font-size:13.5px;color:var(--mm-gray-500);flex-wrap:wrap;gap:12px;}
.mm-pages{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.mm-pages button{width:34px;height:34px;border-radius:8px;border:1px solid var(--mm-gray-300);background:#fff;font-weight:700;font-size:13.5px;color:var(--mm-gray-700);}
.mm-pages button.mm-active{background:var(--mm-orange);border-color:var(--mm-orange);color:#fff;}
.mm-pages .mm-arrow{display:flex;align-items:center;gap:5px;width:auto;padding:0 12px;color:var(--mm-gray-700);}
.mm-pages .mm-dots{border:none;}

/* ===== Trust strip ===== */
.mm-trust-strip{background:#fff;border:1px solid var(--mm-gray-300);border-radius:12px;margin-top:24px;}
.mm-trust-inner{padding:26px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.mm-trust-item{display:flex;align-items:center;gap:14px;}
.mm-trust-icon{width:44px;height:44px;border-radius:10px;background:var(--mm-orange-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mm-trust-icon svg{width:22px;height:22px;stroke:var(--mm-orange);}
.mm-trust-text .mm-t1{font-weight:700;font-size:14px;color:var(--mm-gray-900);}
.mm-trust-text .mm-t2{font-size:12.5px;color:var(--mm-gray-500);}

@media (max-width:1180px){
  .mm-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:980px){
  .mm-filters{display:none;}
  .mm-grid{grid-template-columns:repeat(2,1fr);}
  .mm-trust-inner{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .mm-grid{grid-template-columns:1fr;}
  .mm-layout{flex-direction:column;}
}