/* LokalWP-like Marketplace UI (plugin pages) */
:root{
  --mawdmp-primary:#7c3aed;
  --mawdmp-primary-2:#a78bfa;
  --mawdmp-text:#0b1320;
  --mawdmp-muted:#64748b;
  --mawdmp-bg:#eef2f7;
  --mawdmp-card:#ffffff;
  --mawdmp-border:rgba(15,23,42,.10);
  --mawdmp-shadow:0 14px 30px rgba(2,6,23,.10);
  --mawdmp-radius:16px;
  --mawdmp-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

body.mawdmp-store{
  font-family:var(--mawdmp-font);
  background:var(--mawdmp-bg);
  color:var(--mawdmp-text);
}
body.mawdmp-store a{color:inherit;text-decoration:none}
body.mawdmp-store .container{max-width:1180px}

/* Buttons (match LokalWP purple) */
body.mawdmp-store .btn{
  border-radius:12px;
  font-weight:800;
}
body.mawdmp-store .btn-primary{
  background:var(--mawdmp-primary);
  border-color:var(--mawdmp-primary);
}
body.mawdmp-store .btn-primary:hover,
body.mawdmp-store .btn-primary:focus{
  background:#6d28d9;
  border-color:#6d28d9;
}
body.mawdmp-store .btn-outline-primary{
  color:var(--mawdmp-primary);
  border-color:rgba(124,58,237,.35);
}
body.mawdmp-store .btn-outline-primary:hover,
body.mawdmp-store .btn-outline-primary:focus{
  background:rgba(124,58,237,.08);
  border-color:rgba(124,58,237,.45);
  color:var(--mawdmp-primary);
}

/* Sticky header */
.mawdmp-header{
  position:sticky;
  top:var(--wp-admin--admin-bar--height, 0px);
  z-index:99999;
}
/*
  NOTE: Jangan hardcode offset admin-bar (32/46px). Di beberapa site admin-bar disembunyikan
  tapi class `admin-bar` tetap ada, jadi header kelihatan turun dan ada ruang kosong.
*/
body.mawdmp-store.mawdmp-single-product .mawdmp-header{ top:0 !important; }

.mawdmp-header.mawdmp-scrolled{
  box-shadow:0 10px 18px rgba(2,6,23,.10);
}
.mawdmp-topbar{
  background:#3a3a3a;
  color:#fff;
  padding:14px 0;
}
.mawdmp-topbar .mawdmp-brand{color:#fff;}
.mawdmp-topbar .mawdmp-brand-name{font-weight:800;letter-spacing:.2px;}
.mawdmp-topbar .mawdmp-brand-sub{opacity:.75;font-weight:400;}
.mawdmp-topbar .mawdmp-brand i{
  color:var(--mawdmp-primary-2);
  font-size:18px;
}
.mawdmp-topbar .mawdmp-topbtn{
  border-radius:999px;
  padding:.45rem .95rem;
  font-weight:600;
  font-size:13px;
  border-color:rgba(255,255,255,.35);
}
.mawdmp-topbar .mawdmp-topbtn:hover{background:rgba(255,255,255,.08);}

.mawdmp-iconbtn{
  width:38px;
  height:38px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
}

/* User dropdown in store header (use LokalWP asset style, do not rely on theme/bootstrap dropdown) */
.mawdmp-userdrop{position:relative;}
.mawdmp-user-trigger{padding:0;overflow:hidden;width:40px;height:40px;border-radius:999px;}
.mawdmp-user-avatar{width:40px;height:40px;display:block;border-radius:999px;object-fit:cover;}
.mawdmp-user-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  z-index:9999;
  min-width:340px;
  max-width:min(92vw, 380px);
  border-radius:16px;
  padding:0;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 24px 60px rgba(2,6,23,.18);
  background:#fff;
  overflow:hidden;
  display:none;
}
.mawdmp-userdrop.is-open .mawdmp-user-menu{display:block;}
.mawdmp-user-menu:before{
  content:"";
  position:absolute;
  top:-7px;
  right:16px;
  width:14px;
  height:14px;
  background:#fff;
  border-left:1px solid rgba(15,23,42,.10);
  border-top:1px solid rgba(15,23,42,.10);
  transform:rotate(45deg);
}
.mawdmp-user-menu *{box-sizing:border-box;}
.mawdmp-user-menu-head{
  background:#eaf3ff;
  padding:12px 14px;
}
.mawdmp-user-greet{
  font-size:14px;
  line-height:1.2;
  color:#0f172a;
}
.mawdmp-user-divider{height:1px;background:rgba(15,23,42,.08);}
.mawdmp-user-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  font-weight:600;
  font-size:14px;
  /* Force colors so theme cannot override (some themes set link color to white with !important) */
  color:#0f172a !important;
  text-decoration:none !important;
}
.mawdmp-user-item span{color:inherit !important;}
.mawdmp-user-item i{font-size:18px;line-height:1;color:rgba(15,23,42,.72) !important;}
.mawdmp-user-item:hover{background:rgba(59,130,246,.08);}
.mawdmp-user-item.is-danger{color:#dc2626 !important;}
.mawdmp-user-item.is-danger i{color:#dc2626 !important;}
.mawdmp-user-item.is-danger:hover{background:rgba(220,38,38,.08);}

/* Make sure visited links stay readable */
.mawdmp-user-item:visited{color:inherit !important;}
.mawdmp-iconbtn:hover{background:rgba(255,255,255,.10);}

/* Dark category nav (row 2 like LokalWP) */
.mawdmp-mainnav{
  background:#2f2f2f;
  border-top:1px solid rgba(255,255,255,.10);
}
.mawdmp-mainnav-inner{
  display:flex;
  align-items:center;
  gap:22px;
  padding:12px 0;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}
.mawdmp-mainnav-inner::-webkit-scrollbar{display:none;}
.mawdmp-mainnav .nav-link{
  color:rgba(255,255,255,.78);
  font-size:14px;
  font-weight:600;
  padding:6px 0;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.mawdmp-mainnav .mawdmp-navicon{
  font-size:15px;
  line-height:1;
  opacity:.95;
}
.mawdmp-subnav .nav-link.is-all{
  font-weight:800;
  color:rgba(11,19,32,.85);
}
.mawdmp-mainnav .nav-link:hover{color:#fff;}
.mawdmp-mainnav .nav-link.active{
  color:#fff;
  position:relative;
}
.mawdmp-mainnav .nav-link.active::after{
  content:"";
  position:absolute;
  left:10px;
  /* notch indicator: point UP (match reference) */
  /* move notch down so it sits on the black bar edge */
  bottom:-12px;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #ffffff;
  border-top:0;
  opacity:.95;
}

/* White subnav (row 3 like LokalWP) */
.mawdmp-subnav{
  background:#fff;
  border-bottom:1px solid var(--mawdmp-border);
}
.mawdmp-subnav-inner{
  display:flex;
  align-items:center;
  gap:22px;
  padding:14px 0;
}
.mawdmp-subnav .nav-link{
  color:rgba(11,19,32,.70);
  font-size:13px;
  font-weight:600;
  padding:0;
}
.mawdmp-subnav .nav-link:hover{color:rgba(11,19,32,1);}
.mawdmp-subnav-label{
  font-size:13px;
  color:rgba(11,19,32,.55);
  font-weight:700;
  text-transform:none;
}

/* Hero */
.mawdmp-hero{
  padding:44px 0 24px;
  background:var(--mawdmp-bg);
  text-align:center;
}
.mawdmp-hero h1{
  font-size:38px !important;
  line-height:1.2 !important;
  letter-spacing:-.02em;
  margin:0 0 10px;
  font-weight:700;
}
.mawdmp-hero h1 .accent{color:var(--mawdmp-primary);}
.mawdmp-hero h1 .accent{color:var(--mawdmp-primary)}
.mawdmp-hero p{
  margin:0 auto 22px;
  max-width:720px;
  font-size:16px;
  line-height:1.6;
  color:rgba(11,19,32,.70);
}
.mawdmp-searchwrap{
  max-width:900px;
  margin:0 auto;
}
.mawdmp-searchbar{
  display:flex;
  align-items:center;
  height:56px;
  padding:0;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 22px rgba(2,6,23,.10);
  overflow:hidden;
}
.mawdmp-searchbar .mawdmp-dd{
  position:relative;
  min-width:260px;
  height:100%;
  display:flex;
  align-items:stretch;
}
.mawdmp-searchbar .mawdmp-dd-btn{
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  font-size:15px;
  font-weight:600;
  color:rgba(11,19,32,.90);
}
.mawdmp-searchbar .mawdmp-dd-btn:focus{outline:0;}
.mawdmp-searchbar .mawdmp-dd-label{display:flex; align-items:center; height:100%;}
.mawdmp-searchbar .mawdmp-dd-caret{font-size:18px; color:rgba(11,19,32,.60);}
.mawdmp-searchbar .mawdmp-dd-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  width:280px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:12px;
  padding:8px;
  box-shadow:0 18px 45px rgba(2,6,23,.18);
  max-height:320px;
  overflow:auto;
  display:none;
  z-index:60;
}
.mawdmp-searchbar .mawdmp-dd.is-open .mawdmp-dd-menu{display:block;}
.mawdmp-searchbar .mawdmp-dd-item{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  color:rgba(11,19,32,.90);
  text-align:left;
}
.mawdmp-searchbar .mawdmp-dd-item:hover{background:rgba(124,58,237,.08);}
.mawdmp-searchbar .mawdmp-dd-radio{
  width:14px;
  height:14px;
  border-radius:999px;
  border:2px solid rgba(15,23,42,.25);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 14px;
}
.mawdmp-searchbar .mawdmp-dd-item.is-selected .mawdmp-dd-radio{border-color:var(--mawdmp-primary);}
.mawdmp-searchbar .mawdmp-dd-item.is-selected .mawdmp-dd-radio:after{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--mawdmp-primary);
  display:block;
}
.mawdmp-searchbar .mawdmp-search-select{
  min-width:240px;
  height:100%;
  border:0!important;
  background:transparent;
  padding:0 20px;
  font-size:15px;
  font-weight:600;
  color:rgba(11,19,32,.90);
  outline:0!important;
  appearance:none;
  -webkit-appearance:none;
}
.mawdmp-searchbar .mawdmp-search-divider{
  width:1px;
  height:100%;
  background:rgba(15,23,42,.12);
}
.mawdmp-searchbar .mawdmp-search-input{
  flex:1;
  height:100%;
  border:0!important;
  background:transparent;
  padding:0 22px;
  font-size:15px;
  color:rgba(11,19,32,.85);
  text-align:left;
  outline:0!important;
}
.mawdmp-searchbar .mawdmp-search-input::placeholder{color:rgba(11,19,32,.45);}
.mawdmp-searchbar .mawdmp-searchbtn{
  height:40px;
  border-radius:8px;
  padding:0 18px;
  font-weight:700;
  font-size:14px;
  background:var(--mawdmp-primary);
  color:#fff;
  border:1px solid rgba(124,58,237,.20);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-right:12px;
}
.mawdmp-searchbar .mawdmp-searchbtn:hover{filter:brightness(.97)}
@media (max-width: 576px){
  .mawdmp-searchbar{flex-wrap:wrap; gap:10px;}
  .mawdmp-searchbar .mawdmp-dd{min-width:100%; height:48px; border-bottom:1px solid rgba(15,23,42,.10);}
  .mawdmp-searchbar .mawdmp-dd-btn{padding:0 14px; height:48px;}
  .mawdmp-searchbar .mawdmp-dd-menu{width:100%;}
  .mawdmp-searchbar .mawdmp-search-select{min-width:100%; border-right:0!important; border-bottom:1px solid rgba(15,23,42,.10)!important;}
  /* stacked layout: divider isn't needed */
  .mawdmp-searchbar .mawdmp-search-divider{display:none;}
.mawdmp-searchbar .mawdmp-search-input{min-width:100%; padding-left:14px;}
  .mawdmp-searchbar .mawdmp-searchbtn{width:100%; justify-content:center;}
}

/* Sections */
/* LokalWP uses a roomier vertical rhythm */
.mawdmp-section{padding:48px 0}
.mawdmp-h{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
/* Theme styles sometimes override headings; keep these locked to LokalWP-like sizes */
body.mawdmp-store .mawdmp-h h2{
  margin:0;
  font-size:22px !important;
  font-weight:800;
  letter-spacing:-.01em;
}
.mawdmp-h a.small{
  color:var(--mawdmp-primary);
  font-weight:700;
  font-size:12px;
}

/* Spotlight heading matches LokalWP (a bit larger than other sections) */
.mawdmp-spotlight .mawdmp-h h2{
  font-size:34px !important;
  letter-spacing:-.02em;
  line-height:1.05;
}

/* Spotlight section should sit on a clean white block like LokalWP */
.mawdmp-spotlight{
  background:#fff;
  padding-top:46px;
  padding-bottom:46px;
}

/* View all button (top right) like LokalWP */
body.mawdmp-store .mawdmp-viewall{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border:1px solid var(--mawdmp-border);
  background:#fff;
  color:var(--mawdmp-text);
  border-radius:8px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
}
.mawdmp-viewall:hover{
  box-shadow:0 10px 18px rgba(2,6,23,.06);
  color:var(--mawdmp-text);
}
body.mawdmp-store .mawdmp-tabs{
  display:flex;
  gap:10px;
  align-items:center;
  margin:16px 0 24px;
}
body.mawdmp-store .mawdmp-tabs .tab{
  appearance:none;
  border:1px solid var(--mawdmp-border);
  background:#fff;
  color:var(--mawdmp-muted);
  font-size:14px;
  font-weight:600;
  padding:11px 18px;
  border-radius:8px;
  line-height:1;
}
body.mawdmp-store .mawdmp-tabs .tab:hover{background:rgba(2,6,23,.02)}
body.mawdmp-store .mawdmp-tabs .tab.active{
  background:rgba(124,58,237,.10);
  border-color:rgba(124,58,237,.45);
  color:var(--mawdmp-primary);
}

/* Product grid */
.mawdmp-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
@media (max-width: 992px){
  .mawdmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mawdmp-hero h1{font-size:38px}
  .mawdmp-h h2{font-size:20px}
}
@media (max-width: 576px){
  .mawdmp-grid{grid-template-columns:1fr}
  .mawdmp-hero{padding:44px 0 18px}
  .mawdmp-hero h1{font-size:30px}
}

/* Card */
.mawdmp-card{
  border:1px solid var(--mawdmp-border);
  /* Slightly tighter radius like LokalWP cards */
  border-radius:5px;
  overflow:hidden;
  background:var(--mawdmp-card);
  box-shadow:0 6px 14px rgba(2,6,23,.05);
  height:100%;
  display:flex;
  flex-direction:column;
}
.mawdmp-card:hover{box-shadow:var(--mawdmp-shadow)}
.mawdmp-card .thumb{
  /* LokalWP-like: consistent height, image fills area (no blank gap) */
  height:190px;
  background:#ffffff;
  position:relative;
  display:block;
  overflow:hidden;
}

/*
  LokalWP ribbon badges (match reference):
  - Left attached to thumbnail
  - Swallowtail notch on the right
  - Icon only (white)
*/
.mawdmp-sale-badge,
.mawdmp-trending-badge{
  position:absolute;
  left:0;
  /* Smaller ribbon like LokalWP reference */
  top:10px;
  width:60px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-left:10px;
  z-index:4;
  color:#fff;
  filter:drop-shadow(0 10px 18px rgba(2,6,23,.18));
  -webkit-clip-path:polygon(0 0,100% 0,100% 32%,76% 50%,100% 68%,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 0,100% 32%,76% 50%,100% 68%,100% 100%,0 100%);
}
.mawdmp-sale-badge{background:linear-gradient(90deg,#77d44c 0%,#35c15a 100%);} 
.mawdmp-trending-badge{background:linear-gradient(90deg,#ff8a1f 0%,#ff5a1f 100%);} 

.mawdmp-sale-badge__icon,
.mawdmp-trending-badge__icon{
  font-size:16px;
  line-height:1;
  color:#fff;
  opacity:1;
}

/* Make badge icons self-contained (do not depend on icon fonts) */
.mawdmp-sale-badge__icon i,
.mawdmp-trending-badge__icon i{display:none!important;}

.mawdmp-sale-badge__icon::before{
  content:"";
  width:16px;
  height:16px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px 16px;
  /* tag icon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.59 13.41 12 22l-8.59-8.59A2 2 0 0 1 3 12V4a1 1 0 0 1 1-1h8a2 2 0 0 1 1.41.59l7.18 7.18a2 2 0 0 1 0 2.64ZM7.5 8A1.5 1.5 0 1 0 6 6.5 1.5 1.5 0 0 0 7.5 8Z'/%3E%3C/svg%3E");
}

.mawdmp-trending-badge__icon::before{
  content:"";
  width:18px;
  height:18px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
  /* bolt icon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M13 2 3 14h8l-1 8 11-14h-8l0-6Z'/%3E%3C/svg%3E");
}

/* remove legacy text (kept for safety if any old markup remains) */
.mawdmp-sale-badge__text,
.mawdmp-trending-badge__text{display:none !important;}
.mawdmp-card .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
}

/* Desktop: thumbnail area follows a fixed aspect ratio (LokalWP-like) FULL BLEED (no side gaps) */
@media (min-width: 992px){
  .mawdmp-card .thumb{
    height:auto;
    aspect-ratio: 16 / 9;
    background:#ffffff;
    position:relative;
    display:block;
    overflow:hidden;
    padding:0;
    line-height:0;
  }
  .mawdmp-card .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
  }

/* Desktop spacing + typography tuning (mobile unchanged) */
  .mawdmp-card-body{padding:14px 18px 18px}
  .mawdmp-card-title{font-weight:600;margin:8px 0 6px}
}
.mawdmp-card-body{padding:18px}
.mawdmp-pill{
  display:inline-flex;
  align-items:center;
  font-size:11px;
  font-weight:800;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(124,58,237,.12);
  color:var(--mawdmp-primary);
}
.mawdmp-pill.discount{background:rgba(34,197,94,.14);color:#16a34a}
.mawdmp-card-title{
  font-size:16px;
  font-weight:600;
  line-height:1.35;
  margin:10px 0 6px;
  min-height:48px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--mawdmp-text);
}
.mawdmp-card-title,
.mawdmp-card-title *{
  /* hard reset for any theme 'underline/background' decorations */
  text-decoration:none !important;
  text-decoration-line:none !important;
  background-image:none !important;
  box-shadow:none !important;
}
.mawdmp-card-title a{
  color:inherit;
  /* prevent theme underline styles that look like a "coretan" */
  text-decoration:none !important;
  text-decoration-line:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background-image:none !important;
  display:block;
}
.mawdmp-card-title a:hover{
  text-decoration:none !important;
  color:inherit;
}

/* Some themes add pseudo-element underlines/overlays on links (can look like the title is covered/struck-through).
   Hard-disable those for product card titles (desktop was affected). */
.mawdmp-card-title a::before,
.mawdmp-card-title a::after{
  content:none !important;
  display:none !important;
}

/* Product card header row: allow the title to wrap cleanly next to the Featured pill
   (some themes + desktop widths caused the pill/row to overlap the title). */
.mawdmp-card-body > .d-flex.align-items-center.justify-content-between{
  align-items:flex-start !important;
  gap:12px;
  flex-wrap:wrap;
}
.mawdmp-card-title{
  flex:1 1 220px;
  min-width:0;
  margin:0 0 6px !important;
  min-height:0 !important;
}
.mawdmp-pill{ margin-top:2px; flex:0 0 auto; }

/* hard-stop any inherited underline/decoration from the theme */
.mawdmp-card-title,
.mawdmp-card-title *{
  text-decoration:none !important;
  text-decoration-line:none !important;
  background-image:none !important;
}
.mawdmp-card-sub{
  font-size:13px;
  color:var(--mawdmp-muted);
  line-height:1.3;
}
.mawdmp-stats{
  font-size:12px;
  color:var(--mawdmp-muted);
}
.mawdmp-stats i{color:var(--mawdmp-primary)}
/* price row: old price inline + current price on same baseline (LokalWP-like) */
.mawdmp-price-row{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:10px;
  white-space:nowrap;
}
.mawdmp-price{
  /* reduce oversized price (esp. Rp) while staying bold */
  font-size:20px !important;
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}

/* ensure price wins even if theme uses !important */
.mawdmp-card .mawdmp-price{font-size:20px !important;}
.mawdmp-card .mawdmp-oldprice{font-size:14px !important;}
.mawdmp-oldprice{
  font-size:14px !important;
  color:#94a3b8;
  text-decoration:line-through;
  margin:0;
  white-space:nowrap;
}

/* Card action buttons (keep header icons circular; scope to cards only) */
.mawdmp-card .mawdmp-iconbtn{
  width:44px;height:44px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  /* make icons clearly visible (not washed out) */
  color:#0b1320;
  box-shadow:0 6px 14px rgba(2,6,23,.04);
}
.mawdmp-card .mawdmp-iconbtn:hover{
  background:rgba(2,6,23,.03);
  border-color:rgba(124,58,237,.35);
  color:var(--mawdmp-primary);
}
.mawdmp-card .mawdmp-wishlist.is-active{
  background:rgba(124,58,237,.08);
  border-color:rgba(124,58,237,.45);
  color:var(--mawdmp-primary);
}
.mawdmp-card .mawdmp-iconbtn i{font-size:18px;}

.mawdmp-livebtn{
  height:44px;
  border-radius:10px;
  padding:0 14px;
  font-weight:800;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#fff;
  color:var(--mawdmp-primary);
  border:1px solid rgba(124,58,237,.35);
  text-decoration:none;
  white-space:nowrap;
}
.mawdmp-livebtn:hover{background:rgba(124,58,237,.06);color:var(--mawdmp-primary)}

/* Footer (LokalWP-like, self-contained — do not inherit theme styles) */
body.mawdmp-store .mawdmp-footer{
  background:#0b1320;
  color:rgba(255,255,255,.86);
  padding:72px 0 28px;
}
body.mawdmp-store .mawdmp-footer .hd{
  color:#fff !important;
  font-weight:900;
  margin-bottom:14px;
  font-size:14px;
}
body.mawdmp-store .mawdmp-footer a{
  color:rgba(255,255,255,.78) !important;
  text-decoration:none !important;
}
body.mawdmp-store .mawdmp-footer a:hover{
  color:#fff !important;
}

body.mawdmp-store .mawdmp-footer-logo{
  max-height:32px;
  width:auto;
  object-fit:contain;
  display:inline-block;
}
@media (max-width:576px){body.mawdmp-store .mawdmp-footer-logo{max-height:28px}}

body.mawdmp-store .mawdmp-footer-tagline{
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.6;
  max-width:420px;
}

body.mawdmp-store .mawdmp-footer-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.mawdmp-store .mawdmp-footer-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:14px;
}
body.mawdmp-store .mawdmp-footer-list li::before{
  content:"\25E6"; /* white bullet */
  color:rgba(255,255,255,.55);
  margin-top:2px;
  font-size:12px;
  flex:0 0 auto;
}

body.mawdmp-store .mawdmp-footer-sep{
  border:0;
  border-top:1px solid rgba(255,255,255,.12);
  margin:40px 0 18px;
}

body.mawdmp-store .mawdmp-footer-bottom{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

body.mawdmp-store .mawdmp-footer-legal{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  font-size:15px;
}

body.mawdmp-store .mawdmp-footer-note{
  margin-top:14px;
  color:rgba(255,255,255,.62);
  font-size:13px;
}
body.mawdmp-store .mawdmp-footer-copy{
  margin-top:6px;
  color:rgba(255,255,255,.56);
  font-size:13px;
}

body.mawdmp-store .mawdmp-footer-bottom__right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

body.mawdmp-store .mawdmp-footer-social{
  display:flex;
  align-items:center;
  gap:10px;
}
body.mawdmp-store .mawdmp-footer-social a{
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.80) !important;
  background:transparent;
}
body.mawdmp-store .mawdmp-footer-social a:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.28);
  color:#fff !important;
}
body.mawdmp-store .mawdmp-footer-social i{font-size:18px;}

body.mawdmp-store .mawdmp-footer-secure{
  font-size:14px;
  color:rgba(255,255,255,.72);
}
body.mawdmp-store .mawdmp-footer-secure strong{color:#fff;}

@media (max-width: 768px){
  body.mawdmp-store .mawdmp-footer-bottom__right{align-items:flex-start;}
}

/* Topbar right buttons like LokalWP */
.mawdmp-topbar .btn.btn-outline-light{
  border-radius:999px;
  padding:10px 18px;
  font-weight:700;
  border-color:rgba(255,255,255,.35);
  color:#fff;
}
.mawdmp-topbar .btn.btn-outline-light:hover{
  background:rgba(255,255,255,.10);
}

.mawdmp-searchbar .mawdmp-searchbtn i{font-size:16px;}

/* Popular Categories (LokalWP-like) */
.mawdmp-viewall{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(15,23,42,.12);
  padding:10px 14px;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  font-weight:600;
  font-size:14px;
}
.mawdmp-viewall:hover{
  border-color:rgba(111,66,193,.35);
  color:#6f42c1;
  background:rgba(111,66,193,.04);
}

.mawdmp-cat{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:12px;
  padding:18px 18px;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
  height:100%;
}
.mawdmp-cat:hover{
  border-color:rgba(111,66,193,.35);
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.mawdmp-cat .ic{
  width:48px;
  height:48px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#6f42c1;
  background:rgba(111,66,193,.14);
  flex:0 0 48px;
}
.mawdmp-cat .txt{line-height:1.1}
.mawdmp-cat-title{
  font-weight:800;
  font-size:18px;
  color:#0f172a;
}
.mawdmp-cat-explore{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:6px;
  color:#6f42c1;
  font-weight:600;
  font-size:14px;
  text-decoration:underline;
  text-underline-offset:4px;
}

/* per-category icon colors */
.mawdmp-cat[data-cat="code"] .ic{background:rgba(34,197,94,.16); color:#16a34a;}
.mawdmp-cat[data-cat="graphics"] .ic{background:rgba(59,130,246,.16); color:#2563eb;}
.mawdmp-cat[data-cat="fine-arts"] .ic{background:rgba(234,179,8,.18); color:#ca8a04;}

@media (max-width: 768px){
  .mawdmp-hero{padding:44px 0 22px;}
  body.mawdmp-store .mawdmp-hero h1{font-size:34px !important;}
  .mawdmp-searchbar{height:64px;}
  .mawdmp-searchbar .mawdmp-search-select{min-width:170px; padding:0 14px;}
  .mawdmp-searchbar .mawdmp-search-input{padding:0 14px;}
  .mawdmp-searchbar .mawdmp-searchbtn{margin-right:12px; height:46px; padding:0 18px;}
}
@media (max-width: 576px){
  .mawdmp-searchbar{flex-wrap:wrap; height:auto; padding:12px; border-radius:14px; gap:10px;}
  .mawdmp-searchbar .mawdmp-search-select{min-width:100%; height:48px; border:1px solid rgba(15,23,42,.10)!important; border-radius:10px; padding:0 14px;}
  .mawdmp-searchbar .mawdmp-search-divider{display:none;}
  .mawdmp-searchbar .mawdmp-search-input{height:48px; width:100%; border:1px solid rgba(15,23,42,.10)!important; border-radius:10px; padding:0 14px;}
  .mawdmp-searchbar .mawdmp-searchbtn{width:100%; margin-right:0; height:48px;}
}


/* Browse Latest (LokalWP-like) */
.mawdmp-browse{background:#fff;}
.mawdmp-browse-head{padding-top:4px;}
/* Browse section title (force match LokalWP sizing; protect from theme overrides) */
.mawdmp-store .mawdmp-browse-title,
.mawdmp-store h2.mawdmp-browse-title{
  margin:0;
  font-weight:600;
  font-size:clamp(22px,2.2vw,28px) !important;
  line-height:1.2 !important;
  color:#0f172a !important;
}
.mawdmp-browse-sub{margin:6px auto 0;max-width:760px;color:#6b7280;font-size:13px;line-height:1.5;}
.mawdmp-browse-tabs{margin-top:18px;gap:10px;}
.mawdmp-browse-tabs .nav-link{border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:13px;padding:6px 14px;border-radius:4px;line-height:1.2;}
.mawdmp-browse-tabs .nav-link.active{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.35);color:#7c3aed;}
.mawdmp-browse-tabs .nav-link:hover{border-color:#d1d5db;}

/* Give more breathing room between tabs and product grid (desktop only; keep mobile unchanged) */
@media (min-width: 992px){
  .mawdmp-browse-tabs{margin-bottom:40px;}
  .mawdmp-browse .tab-content{margin-top:0 !important;}
  .mawdmp-browse .tab-content .row{margin-top:0 !important;}
  .mawdmp-browse .text-center.mt-4{margin-top:44px !important;}
}
.mawdmp-btn-outline{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 14px;font-size:13px;border-radius:4px;text-decoration:none;}
.mawdmp-btn-outline:hover{border-color:#d1d5db;color:#111827;text-decoration:none;}

/* Success Stories (LokalWP-like) */
.mawdmp-success{padding:54px 0;}
.mawdmp-success .mawdmp-success-title{font-weight:700;font-size:22px;line-height:1.25;color:#111827;}
.mawdmp-success .mawdmp-success-sub{margin-top:6px;color:#6b7280;font-size:13px;line-height:1.55;}
.mawdmp-success .mawdmp-success-grid{margin-top:26px;}
.mawdmp-success-card{
  position:relative;
  border:1px solid rgba(15,23,42,.08);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  padding:26px 22px 22px;
  min-height:210px;
}
.mawdmp-success-bar{
  position:absolute;
  left:0; right:0; top:0;
  height:40px;
  background:#f7efc6;
  display:flex;
  align-items:center;
  padding:0 18px;
  color:#111827;
  font-size:18px;
  font-weight:700;
}
.mawdmp-success-text{margin-top:26px;color:#374151;font-size:14px;line-height:1.7;}
.mawdmp-success-author{margin-top:18px;color:#111827;font-weight:600;font-size:14px;}

@media (max-width: 768px){
  .mawdmp-success{padding:38px 0;}
  .mawdmp-success .mawdmp-success-title{font-size:20px;}
  .mawdmp-success-card{min-height:unset;}
}

/* Popular News (real WP posts) */
.mawd-news-section{padding:64px 0;background:#fff}
.mawd-news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.mawd-news-title{margin:0;font-size:32px!important;line-height:1.15!important;font-weight:800!important;color:#111827!important;letter-spacing:-.02em}
.mawd-news-viewall{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-weight:600;text-decoration:none}
.mawd-news-viewall:hover{border-color:#d1d5db;color:#111827;text-decoration:none}
.mawd-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mawd-news-card{border:1px solid rgba(15,23,42,.06);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:transform .15s ease,box-shadow .15s ease}
.mawd-news-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.10)}
.mawd-news-img{display:block}
.mawd-news-card img{width:100%;height:210px;object-fit:cover;display:block}
.mawd-news-body{padding:22px 22px 18px}
.mawd-news-tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lokalwp-primary,#7c3aed);font-weight:800;margin-bottom:10px}
.mawd-news-card-title{margin:0 0 16px;font-size:18px!important;line-height:1.35!important;font-weight:800!important;color:#111827!important}
.mawd-news-card-title a{color:#111827;text-decoration:none}
.mawd-news-card-title a:hover{text-decoration:underline}
.mawd-news-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#6b7280}
.mawd-news-meta a{color:var(--lokalwp-primary,#7c3aed);text-decoration:none;font-weight:700}
.mawd-news-meta a:hover{text-decoration:underline}

@media (max-width: 991px){
  .mawd-news-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px){
  .mawd-news-section{padding:44px 0}
  .mawd-news-title{font-size:26px}
  .mawd-news-grid{grid-template-columns:1fr}
  .mawd-news-card img{height:200px}
}

/* --- LokalWPMarket blog/news section overrides (keep consistent even if theme has aggressive typography) --- */
.mawd-news-section{font-family:inherit}
.mawd-news-section h2,.mawd-news-section h3{margin:0}
.mawd-news-section .mawd-news-header{margin-bottom:28px}
.mawd-news-section .mawd-news-title{font-size:34px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important}
@media (max-width:768px){.mawd-news-section .mawd-news-title{font-size:26px!important}}
.mawd-news-section .mawd-news-viewall{font-size:14px!important;font-weight:600!important;text-decoration:none!important}

.mawd-news-section .mawd-news-card{border-radius:14px!important;overflow:hidden}
.mawd-news-section .mawd-news-card-thumb{height:220px!important;background:#f3f4f6}
.mawd-news-section .mawd-news-card-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.mawd-news-section .mawd-news-card-body{padding:18px 18px 16px!important}
.mawd-news-section .mawd-news-card-kicker{font-size:12px!important;letter-spacing:.14em!important;font-weight:800!important}
.mawd-news-section .mawd-news-card-title{font-size:18px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.01em!important}
.mawd-news-section .mawd-news-card-title a{color:inherit!important;text-decoration:none!important}
.mawd-news-section .mawd-news-card-title a:hover{text-decoration:none!important;opacity:.92}
.mawd-news-section .mawd-news-card-meta{font-size:14px!important}
.mawd-news-section .mawd-news-card-read{font-size:14px!important;font-weight:600!important;text-decoration:none!important}

/* -------------------------------------------------------------------------- */
/* Standalone News pages (LokalWP-like)                                         */
/* -------------------------------------------------------------------------- */
.mawdmp-news-page{padding:32px 0 56px;background:#fff}
.mawdmp-news-page .mawdmp-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Listing */
.mawdmp-news-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:10px 0 18px}
.mawdmp-news-list-title{font-size:34px;line-height:1.1;font-weight:800;margin:0;color:#0f172a}
.mawdmp-news-viewall{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(15,23,42,.12);border-radius:10px;color:#111827;text-decoration:none;font-weight:600;background:#fff}
.mawdmp-news-viewall:hover{border-color:rgba(15,23,42,.2)}
.mawdmp-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}
.mawdmp-news-card{border:1px solid rgba(15,23,42,.08);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.mawdmp-news-card-img{position:relative;width:100%;aspect-ratio:16/9;background:#eef2f7;overflow:hidden}
.mawdmp-news-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.mawdmp-news-card-body{padding:18px 18px 16px}
.mawdmp-news-card-brand{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--mawd-primary,#7c3aed);margin-bottom:8px}
.mawdmp-news-card-h3{font-size:18px;line-height:1.25;font-weight:800;margin:0 0 12px;color:#0f172a}
.mawdmp-news-card-h3 a{color:inherit;text-decoration:none}
.mawdmp-news-card-h3 a:hover{text-decoration:underline}
.mawdmp-news-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6b7280;font-size:13px}
.mawdmp-news-card-more{color:#2563eb;font-weight:700;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.mawdmp-news-card-more:hover{text-decoration:underline}

/* Detail */
.mawdmp-news-detail{background:#eef2f7;padding:28px 0 60px}
.mawdmp-breadcrumb{font-size:12px;color:#64748b;margin:8px 0 12px}
.mawdmp-breadcrumb a{color:#64748b;text-decoration:none}
.mawdmp-breadcrumb a:hover{color:#334155;text-decoration:underline}
.mawdmp-news-detail-title{font-size:24px;line-height:1.25;font-weight:800;margin:0 0 16px;color:#0f172a}
.mawdmp-news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.mawdmp-news-detail-hero{border-radius:16px;overflow:hidden;box-shadow:0 12px 26px rgba(15,23,42,.08);background:#e5e7eb;margin:0}
.mawdmp-news-detail-hero img{width:100%;height:auto;display:block}
.mawdmp-news-detail-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;overflow:hidden;box-shadow:0 10px 22px rgba(15,23,42,.05);margin-top:16px}
.mawdmp-news-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(15,23,42,.06);color:#64748b;font-size:12px}
.mawdmp-news-detail-content{padding:18px}
.mawdmp-news-detail-content p{color:#334155;line-height:1.75}
.mawdmp-news-detail-content h2,.mawdmp-news-detail-content h3{color:#0f172a;margin-top:20px}

.mawdmp-sidebar-box{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 10px 22px rgba(15,23,42,.05);padding:14px 14px 12px;margin-bottom:14px}
.mawdmp-sidebar-search{display:flex;align-items:center;gap:10px}
.mawdmp-sidebar-search input{flex:1;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:10px 12px;font-size:13px}
.mawdmp-sidebar-search button{border:0;background:transparent;color:#6b7280;font-size:18px;padding:6px 10px;border-radius:10px}
.mawdmp-sidebar-search button:hover{background:rgba(15,23,42,.05)}
.mawdmp-sidebar-title{font-size:14px;font-weight:800;margin:0 0 10px;color:#0f172a}
.mawdmp-popular-list{list-style:none;margin:0;padding:0}
.mawdmp-popular-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(15,23,42,.06)}
.mawdmp-popular-item:first-child{border-top:0;padding-top:0}
.mawdmp-popular-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;background:#eef2f7;flex:0 0 48px}
.mawdmp-popular-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mawdmp-popular-meta{min-width:0}
.mawdmp-popular-brand{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--mawd-primary,#7c3aed)}
.mawdmp-popular-title{font-size:12px;line-height:1.3;font-weight:700;margin:4px 0 2px;color:#0f172a}
.mawdmp-popular-title a{color:inherit;text-decoration:none}
.mawdmp-popular-title a:hover{text-decoration:underline}
.mawdmp-popular-date{font-size:11px;color:#64748b}

.mawdmp-cats-list{list-style:none;margin:0;padding:0}
.mawdmp-cats-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(15,23,42,.06);color:#334155;font-size:13px}
.mawdmp-cats-list li:first-child{border-top:0;padding-top:0}
.mawdmp-cats-list a{text-decoration:none;color:#334155;font-weight:600}
.mawdmp-cats-list a:hover{color:#0f172a;text-decoration:underline}
.mawdmp-cats-count{font-size:12px;color:#64748b}

.mawdmp-tags{display:flex;flex-wrap:wrap;gap:8px}
.mawdmp-tags a{font-size:11px;padding:6px 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;color:#334155;text-decoration:none;background:#fff}
.mawdmp-tags a:hover{border-color:rgba(15,23,42,.22);color:#0f172a}

@media (max-width: 1024px){
  .mawdmp-news-detail-layout{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width: 900px){
  .mawdmp-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mawdmp-news-detail-layout{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .mawdmp-news-list-title{font-size:26px}
  .mawdmp-news-grid{grid-template-columns:1fr}
  .mawdmp-news-detail-title{font-size:20px}
}

/* ------------------------------
   CART / CHECKOUT (LokalWP-like)
-------------------------------- */

.mawdmp-iconbtn{position:relative}
.mawdmp-cart-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--mawd-primary,#7c3aed);
  color:#fff;
  font-size:11px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  border:2px solid rgba(26,26,26,.9);
}

.mawdmp-hero--cart{
  padding:44px 0 30px;
  background:#f6f7fb;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.mawdmp-hero--cart .container{ text-align:center; }
.mawdmp-hero--cart h1{font-size:34px;font-weight:900;margin:0 0 6px;color:#0f172a}
.mawdmp-hero--cart p{margin:0 auto;color:#64748b;font-size:14px;max-width:720px;text-align:center}

.mawdmp-cart-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  overflow:hidden;
}
.mawdmp-cart-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  font-weight:800;
  color:#0f172a;
  background:#fbfbfe;
  border-bottom:1px solid rgba(15,23,42,.06);
}

.mawdmp-cart-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-top:1px solid rgba(15,23,42,.06);
}
.mawdmp-cart-item:first-of-type{border-top:0}
.mawdmp-cart-item__left{display:flex;gap:14px;min-width:0;flex:1}
.mawdmp-cart-item__right{min-width:180px;text-align:right}
.mawdmp-cart-item--compact .mawdmp-cart-item__right{min-width:auto}

.mawdmp-cart-thumb{display:block;width:96px;height:72px;border-radius:12px;overflow:hidden;background:#eef2f7;flex:0 0 96px}
.mawdmp-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mawdmp-cart-meta{min-width:0}
.mawdmp-cart-title{font-size:15px;font-weight:800;line-height:1.25;color:#0f172a}
.mawdmp-cart-title a{color:inherit;text-decoration:none}
.mawdmp-cart-title a:hover{text-decoration:underline}
.mawdmp-cart-by{font-size:12px}
.mawdmp-cart-label{font-size:11px;color:#64748b;font-weight:700;margin-bottom:6px}

.mawdmp-remove{
  border:0;
  background:transparent;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  padding:0;
}
.mawdmp-remove:hover{color:#0f172a;text-decoration:underline}

.mawdmp-cart-price{font-size:12px;color:#64748b;font-weight:700}
.mawdmp-cart-total{font-size:16px;color:#0f172a;font-weight:900;margin-top:2px}

.mawdmp-qty-control{
  display:inline-flex;
  align-items:center;
  gap:6px;
  justify-content:flex-end;
}
.mawdmp-qty-btn{
  width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  font-weight:900;
  line-height:1;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
.mawdmp-qty-btn:hover{background:rgba(124,58,237,.06);border-color:rgba(124,58,237,.25)}
.mawdmp-qty-input{width:58px;text-align:center;border-radius:10px}

.mawdmp-summary-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  padding:18px;
}
.mawdmp-summary-actions{display:flex;flex-direction:column;gap:12px!important}
.mawdmp-summary-actions .btn{margin:0!important}
.mawdmp-store .btn.btn-primary{color:#fff!important}
.mawdmp-store .btn.btn-primary:hover{color:#fff!important}
.mawdmp-summary-title{font-size:14px;font-weight:900;color:#0f172a;margin-bottom:12px}
.mawdmp-summary-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(15,23,42,.06)}
.mawdmp-summary-row:first-of-type{border-top:0;padding-top:0}
.mawdmp-summary-row--saved{color:#16a34a;font-weight:800}
.mawdmp-summary-secure{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px;justify-content:center}

/* Summary buttons spacing + primary button text color (LokalWP-like) */
.mawdmp-summary-actions{display:grid;gap:12px}
body.mawdmp-store .btn.btn-primary{color:#fff!important}
body.mawdmp-store .btn.btn-primary:hover{color:#fff!important}

/* Add breathing room before footer on cart/checkout */
body.mawdmp-cart section.py-3,
body.mawdmp-checkout section.py-3{padding-bottom:60px!important}

.mawdmp-payment-strip{margin-top:28px;text-align:center}
/* Payment strip is not used on Cart/Checkout (match LokalWP pages in this project) */
body.mawdmp-cart .mawdmp-payment-strip,
body.mawdmp-checkout .mawdmp-payment-strip{display:none!important}

/* Give some breathing room above the footer on Cart/Checkout */
body.mawdmp-cart section.py-3,
body.mawdmp-checkout section.py-3{padding-bottom:64px!important}

/* Add comfortable breathing room above footer on cart/checkout */
body.mawdmp-cart section.py-3,
body.mawdmp-checkout section.py-3{padding-bottom:64px!important}
.mawdmp-payment-title{font-weight:800;color:#0f172a;margin-bottom:10px}
.mawdmp-payment-logos{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mawdmp-paychip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;color:#334155;font-weight:900;font-size:12px;min-width:92px}
.mawdmp-payment-note{margin-top:10px;color:#64748b;font-size:12px}

.mawdmp-cart-empty{padding:24px;text-align:center}

/* Checkout (LokalWP-like) */
.mawdmp-form-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  overflow:hidden;
}
.mawdmp-card-head{
  padding:16px 18px;
  background:#fbfbfe;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.mawdmp-card-title{font-size:14px;font-weight:900;color:#0f172a;margin:0}
.mawdmp-card-sub{margin-top:4px;font-size:12px;color:#64748b;font-weight:600}
.mawdmp-card-body{padding:18px}

.mawdmp-form-label{font-size:11px;color:#64748b;font-weight:800;letter-spacing:.02em}
.mawdmp-form-control{
  border-radius:12px;
  border:1px solid rgba(15,23,42,.14);
  padding:10px 12px;
  font-weight:600;
}
.mawdmp-form-control:focus{border-color:rgba(124,58,237,.45);box-shadow:0 0 0 .20rem rgba(124,58,237,.12)}

.mawdmp-payinfo{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(124,58,237,.06);
  border:1px solid rgba(124,58,237,.14);
  color:rgba(11,19,32,.78);
  font-size:13px;
  line-height:1.45;
}
.mawdmp-payinfo i{font-size:18px;color:var(--mawdmp-primary);margin-top:1px}

@media (max-width: 992px){
  .mawdmp-cart-item{flex-direction:column;align-items:flex-start}
  .mawdmp-cart-item__right{text-align:left;min-width:0;width:100%}
  .mawdmp-qty-control{justify-content:flex-start}
}


/* Main section spacing (header/footer) */
.mawdmp-store-main{padding-top:56px!important;padding-bottom:96px!important}
@media (max-width: 991.98px){.mawdmp-store-main{padding-top:32px!important;padding-bottom:72px!important}}


/* Ensure primary buttons have white text */
.mawdmp-store .btn.btn-primary{color:#fff!important}
.mawdmp-store .btn.btn-primary:hover,.mawdmp-store .btn.btn-primary:focus{color:#fff!important}


/* Qty control: center icons */
.mawdmp-qty button{display:flex;align-items:center;justify-content:center}


/* Products page spacing + header */
.mawdmp-products-page .mawdmp-store-main{padding-top:88px!important;padding-bottom:140px!important}
@media (max-width: 991.98px){.mawdmp-products-page .mawdmp-store-main{padding-top:44px!important;padding-bottom:110px!important}}

.mawdmp-products-hero{text-align:center;margin-bottom:26px}
.mawdmp-products-hero .mawdmp-page-title{font-size:28px!important;line-height:1.15!important;font-weight:800;margin:0}
@media (max-width: 991.98px){.mawdmp-products-hero .mawdmp-page-title{font-size:22px!important}}
.mawdmp-products-hero .mawdmp-page-subtitle{margin-top:10px;color:#6b7280;font-size:15px}



/* =========================================================
   v0.7.3 - Market search dropdown fixes (desktop + mobile)
   - Make category dropdown clickable and not clipped
   - Allow menu to overflow rounded search bar
   - Improve spacing under search bar
========================================================= */
body.mawdmp-store .mawdmp-searchwrap,
body.mawdmp-store .mawdmp-hero{
  overflow: visible !important;
}

body.mawdmp-store .mawdmp-searchbar{
  overflow: visible !important; /* was hidden (clipped dropdown) */
}

body.mawdmp-store .mawdmp-searchbar .mawdmp-dd-menu{
  z-index: 9999 !important;
  max-height: 60vh;
}

body.mawdmp-store .mawdmp-searchwrap{
  margin-top: 18px;
  margin-bottom: 18px;
}

@media (max-width: 576px){
  body.mawdmp-store .mawdmp-searchbar{
    height: auto !important;
    padding: 10px !important;
    border-radius: 14px;
  }
  body.mawdmp-store .mawdmp-searchbar .mawdmp-dd-menu{
    top: calc(100% + 8px);
  }
}


/* ensure category dropdown button is clickable above shadows/overlays */
body.mawdmp-store .mawdmp-searchbar .mawdmp-dd-btn{
  position: relative;
  z-index: 5;
  cursor: pointer;
  pointer-events: auto;
}
body.mawdmp-store .mawdmp-searchbar .mawdmp-dd{
  z-index: 5;
}


/* Hide legacy badge text (avoid hiding icon wrappers) */
.mawdmp-sale-badge .mawdmp-badge-text,
.mawdmp-trending-badge .mawdmp-badge-text{display:none !important;}


/* === Testimonials (LokalWP style) ======================================== */
body.mawdmp-store .mawdmp-testimonials{
  background: radial-gradient(1200px 600px at 50% 0%, rgba(124,58,237,0.10), rgba(124,58,237,0.00) 60%),
              #f7f7ff;
}

body.mawdmp-store .mawdmp-test-title{
  /* Force a sane size even if the active theme overrides H2 styles. */
  font-size: clamp(24px, 3.0vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0;
  color: #111827;
}

/* Fallback (in case body class is missing / theme changes it) */
.mawdmp-testimonials .mawdmp-test-title{
  font-size: clamp(24px, 3.0vw, 38px) !important;
  line-height: 1.12 !important;
}

body.mawdmp-store .mawdmp-test-sub{
  margin-top: 10px;
  color: #6b7280;
  font-size: 15px;
}

body.mawdmp-store .mawdmp-test-slider{
  margin-top: 18px;
}

body.mawdmp-store .mawdmp-test-track{
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 6px 2px 10px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
body.mawdmp-store .mawdmp-test-track::-webkit-scrollbar{height: 8px;}
body.mawdmp-store .mawdmp-test-track::-webkit-scrollbar-thumb{background: rgba(17,24,39,0.12); border-radius: 999px;}

body.mawdmp-store .mawdmp-test-slide{
  flex: 0 0 100%;
  scroll-snap-align: start;
}

@media (min-width: 992px){
  body.mawdmp-store .mawdmp-test-slide{flex: 0 0 calc((100% - 40px) / 3);}
}

body.mawdmp-store .mawdmp-test-card{
  background: #ffffff;
  border: 1px solid rgba(17,24,39,0.06);
  border-radius: 18px;
  padding: 22px 22px 18px;
  box-shadow: 0 14px 30px rgba(17,24,39,0.08);
  height: 100%;
}

body.mawdmp-store .mawdmp-stars{
  display: flex;
  gap: 6px;
  font-size: 18px;
  color: #f59e0b;
  margin-bottom: 14px;
}
body.mawdmp-store .mawdmp-stars i.is-muted{opacity: .25;}

body.mawdmp-store .mawdmp-test-text{
  color: #4b5563;
  font-size: 15px;
  line-height: 1.7;
  min-height: 120px;
}

body.mawdmp-store .mawdmp-test-user{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(17,24,39,0.06);
}

body.mawdmp-store .mawdmp-test-avatar{
  width: 48px;
  height: 48px;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 10px 20px rgba(17,24,39,0.10);
}

body.mawdmp-store .mawdmp-test-name{
  font-weight: 800;
  color: #111827;
  font-size: 16px;
  line-height: 1.1;
}
body.mawdmp-store .mawdmp-test-role{
  color: #6b7280;
  font-size: 13px;
  margin-top: 2px;
}

body.mawdmp-store .mawdmp-test-dots{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}

body.mawdmp-store .mawdmp-test-dot{
  width: 26px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: rgba(17,24,39,0.18);
  cursor: pointer;
}
body.mawdmp-store .mawdmp-test-dot.is-active{
  width: 42px;
  background: var(--mawdmp-primary, #7c3aed);
}



/* =========================
   Mobile sidebar header (LokalWP-like)
   ========================= */
.mawdmp-burger{
  display:none;
  width:44px;
  height:42px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
}
.mawdmp-burger i{font-size:22px;line-height:1;}

.mawdmp-offcanvas{
  position:fixed;
  inset:0;
  z-index:100000;
  pointer-events:none;
}
.mawdmp-offcanvas.is-open{pointer-events:auto;}
.mawdmp-offcanvas-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  transition:opacity .18s ease;
}
.mawdmp-offcanvas.is-open .mawdmp-offcanvas-overlay{opacity:1;}
.mawdmp-offcanvas-panel{
  position:absolute;
  top:0; left:0; bottom:0;
  width:min(86vw, 360px);
  background:#2f2f2f;
  color:#fff;
  transform:translateX(-100%);
  transition:transform .20s ease;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.mawdmp-offcanvas.is-open .mawdmp-offcanvas-panel{transform:translateX(0);}
body.mawdmp-off-open{overflow:hidden;}

.mawdmp-offcanvas-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 10px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.mawdmp-offcanvas-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.mawdmp-offcanvas-brand .mawdmp-brand-name{color:#fff;font-weight:800;}
.mawdmp-offcanvas-brand .mawdmp-brand-sub{color:rgba(255,255,255,.75);}
.mawdmp-offcanvas-close{
  width:40px;height:40px;border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  padding:0;
}
.mawdmp-offcanvas-close i{font-size:22px;line-height:1;}

.mawdmp-offcanvas-search{
  position:relative;
  padding:12px 14px 6px;
}
.mawdmp-offcanvas-search input{
  width:100%;
  height:44px;
  border-radius:12px;
  background:#3a3a3a;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  padding:0 44px 0 14px;
  outline:none;
}
.mawdmp-offcanvas-search input::placeholder{color:rgba(255,255,255,.55);}
.mawdmp-offcanvas-search i{
  position:absolute;
  right:28px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.7);
  pointer-events:none;
}

.mawdmp-offcanvas-nav{padding:4px 0 18px;}
.mawdmp-side-link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px;
  color:rgba(255,255,255,.90);
  text-decoration:none;
  background:transparent;
  border:0;
  border-top:1px solid rgba(255,255,255,.08);
  font-weight:600;
  font-size:15px;
}
.mawdmp-side-link:hover{background:rgba(255,255,255,.06); color:#fff;}
.mawdmp-side-link.active{background:rgba(255,255,255,.08); color:#fff;}
.mawdmp-side-text{display:flex; align-items:center; gap:10px; min-width:0;}
.mawdmp-side-chev{font-size:18px; opacity:.85; transition:transform .18s ease;}
[data-mawdmp-toggle][aria-expanded="true"] .mawdmp-side-chev{transform:rotate(90deg);}

.mawdmp-side-sub{
  display:none;
  background:#2a2a2a;
  border-top:1px solid rgba(255,255,255,.06);
}
.mawdmp-side-sub.is-open{display:block;}
.mawdmp-side-sublink{
  display:block;
  padding:12px 16px 12px 42px;
  color:rgba(255,255,255,.80);
  text-decoration:none;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:14px;
}
.mawdmp-side-sublink:hover{background:rgba(255,255,255,.06); color:#fff;}
.mawdmp-side-sublink.is-all{font-weight:800; color:#fff;}

@media (max-width: 768px){
  .mawdmp-burger{display:inline-flex;}
  .mawdmp-mainnav, .mawdmp-subnav{display:none;}
  .mawdmp-topbar{padding:12px 0;}
  .mawdmp-topbar .container{gap:12px;}
  .mawdmp-left{gap:12px;}
}

/* ====== Single Product: Changelog (ThemeForest-like spacing) ====== */
.mawdmp-single-product .mawdmp-changelog{margin-top:10px; gap:14px;}
.mawdmp-single-product .mawdmp-changelog-block{margin:0;}
.mawdmp-single-product .mawdmp-changelog-head{margin:0 0 6px;}
.mawdmp-single-product .mawdmp-changelog-headline{
  font-weight:700;
  font-size:16px;
  color:#111827;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:baseline;
}
.mawdmp-single-product .mawdmp-changelog-date{
  font-weight:500;
  margin-left:0;
  color:#6b7280;
  font-size:14px;
}

/* Boxed list like ThemeForest changelog */
.mawdmp-single-product .mawdmp-changelog-list{
  counter-reset: mawdmpItem;
  list-style:none !important;
  margin:0;
  padding:0;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  border-radius:2px;
  overflow:hidden;
}
.mawdmp-single-product .mawdmp-changelog-list li{
  counter-increment: mawdmpItem;
  list-style:none !important;
  position:relative;
  margin:0;
  padding:10px 14px 10px 46px;
  border-top:1px solid #e5e7eb;
}
.mawdmp-single-product .mawdmp-changelog-list li:first-child{border-top:0;}
.mawdmp-single-product .mawdmp-changelog-list li::before{
  content: counter(mawdmpItem) ".";
  position:absolute;
  left:14px;
  top:10px;
  color:#111827;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:13px;
  line-height:1.6;
}
.mawdmp-single-product .mawdmp-changelog-item{
  background:transparent;
  border:0;
  padding:0;
  border-radius:0;
  box-shadow:none;
  color:#111827;
  font-size:13px;
  line-height:1.6;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space:pre-wrap;
  word-break:break-word;
}

@media (max-width: 768px){
  .mawdmp-single-product .mawdmp-changelog-block{margin:0;}
  .mawdmp-single-product .mawdmp-changelog-headline{font-size:15px;}
  .mawdmp-single-product .mawdmp-changelog-date{font-size:13px;}
  .mawdmp-single-product .mawdmp-changelog-list li{padding:12px 14px 12px 44px;}
  .mawdmp-single-product .mawdmp-changelog-list li::before{left:12px; top:12px;}
  .mawdmp-single-product .mawdmp-changelog-item{font-size:12.5px;}
}


/* 0.9.15.5: Changelog spacing (desktop + mobile) to match ThemeForest/The7 style */
.mawdmp-single-product .mawdmp-changelog{margin-top:10px; gap:14px;}
.mawdmp-single-product .mawdmp-changelog-block{margin:0;}
.mawdmp-single-product .mawdmp-changelog-head{margin:0 0 10px;}
.mawdmp-single-product .mawdmp-changelog-list{
  width:100% !important;
  box-sizing:border-box;
  margin:0 !important;
}
.mawdmp-single-product .mawdmp-changelog-list li{
  padding:14px 18px 14px 64px;
}
.mawdmp-single-product .mawdmp-changelog-list li::before{
  left:18px;
  top:14px;
}

@media (max-width: 768px){
  .mawdmp-single-product .mawdmp-changelog{margin-top:6px; gap:12px;}
  .mawdmp-single-product .mawdmp-changelog-head{margin:0 0 6px;}
  .mawdmp-single-product .mawdmp-changelog-list li{padding:14px 16px 14px 60px;}
  .mawdmp-single-product .mawdmp-changelog-list li::before{left:16px; top:14px;}
}

@media (max-width: 480px){
  .mawdmp-single-product .mawdmp-changelog-list li{padding:14px 14px 14px 58px;}
  .mawdmp-single-product .mawdmp-changelog-list li::before{left:14px;}
}

/* 0.9.15.7: Mobile-only tighter vertical rhythm for Changelog (desktop stays as-is) */
@media (max-width: 768px){
  /* Reduce gap between version blocks */
  .mawdmp-single-product .mawdmp-changelog{
    gap: 10px !important;
  }

  /* Kill unexpected margins/paddings injected by theme frameworks */
  .mawdmp-single-product .mawdmp-changelog-block{
    margin: 0 !important;
    padding: 0 !important;
  }
  .mawdmp-single-product .mawdmp-changelog-head{
    margin: 0 0 8px !important;
  }
  .mawdmp-single-product .mawdmp-changelog-list{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Make list items compact on mobile only */
  .mawdmp-single-product .mawdmp-changelog-list li{
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .mawdmp-single-product .mawdmp-changelog-list li::before{
    top: 12px !important;
  }
}


/* === Reviews header & tab badge (LokalWP-like) === */
body.mawdmp-store .mawdmp-head-rating{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  color:#64748b;
  font-weight:700;
}
body.mawdmp-store .mawdmp-head-rating .mawdmp-stars{display:inline-flex; align-items:center; gap:2px;}
body.mawdmp-store .mawdmp-head-rating-avg{color:#0f172a; font-weight:900;}
body.mawdmp-store .mawdmp-head-rating-count{color:#64748b; font-weight:800;}

body.mawdmp-store .nav-tabs .nav-link{
  display:flex;
  align-items:center;
  gap:8px;
}

body.mawdmp-store .mawdmp-tab-rating{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(148,163,184,.45);
  color:#334155;
  background:#fff;
}

body.mawdmp-store .mawdmp-tab-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 8px;
  border-radius:10px;
  font-size:12px;
  font-weight:900;
  background:#e8f0ff;
  color:#2563eb;
}

/* =========================
   Fix: stars / rating widget bleeding into mobile sidebar
   When sidebar is open (mobile), ensure sidebar sits above any fixed elements
   (e.g., review stars / "Rate this item").
   ========================= */
@media (max-width: 1199.98px){
  body.wowdash-portal-body.overlay-active::after{z-index:9998 !important; position:fixed;}
  body.wowdash-portal-body.overlay-active{position:relative;}
  body.wowdash-portal-body .sidebar{z-index:9999 !important;}
  body.wowdash-portal-body .sidebar.sidebar-open{z-index:9999 !important;}
  body.wowdash-portal-body .sidebar-close-btn{z-index:10000 !important;}

  /* Make mobile sidebar menu scrollable (iOS/Safari friendly) */
  body.wowdash-portal-body .sidebar{
    display:flex;
    flex-direction:column;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
  }
  body.wowdash-portal-body .sidebar-menu-area{
    flex:1 1 auto;
    min-height:0;
    height:auto !important; /* override calc(100vh - 72px) for mobile */
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
}



/* === LokalWP override: Sale ribbon image (green tag) === */
.mawdmp-sale-badge{
  top:10px;
  left:0;
  width:80px;
  height:45px;
  padding-left:0!important;
  display:block;
  color:transparent!important;
  background:transparent!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
  filter:drop-shadow(0 10px 18px rgba(2,6,23,.18));
  background-image:url("img/ribbon-sale.png?v=2")!important;
  background-repeat:no-repeat!important;
  background-position:0 0!important;
  background-size:100% 100%!important;
}
@media (min-width: 992px){
  .mawdmp-sale-badge{
    width:82px;
    height:46px;
  }
}


/* === LokalWP override: Trending ribbon image (orange bolt) === */
.mawdmp-trending-badge{
  top:10px;
  left:0;
  width:74px;
  height:36px;
  padding-left:0!important;
  display:block;
  color:transparent!important;
  background:transparent!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
  filter:drop-shadow(0 10px 18px rgba(2,6,23,.18));
  background-image:url("img/ribbon-trending.png?v=2")!important;
  background-repeat:no-repeat!important;
  background-position:0 0!important;
  background-size:100% 100%!important;
}
@media (min-width: 992px){
  .mawdmp-trending-badge{
    width:78px;
    height:38px;
  }
}
.mawdmp-trending-badge__icon,
.mawdmp-trending-badge__icon::before{
  display:none!important;
}
/* Single product: align sale ribbon closer to top-left edge (no tiny left gap) */
body.mawdmp-single-product .mawdmp-product-hero .mawdmp-sale-badge{
  /* Default position on single product (can be overridden inline when stacked with Trending) */
  top:4px;
  left:0;
  /* Nudge background so the ribbon artwork sits flush with the left edge */
  background-position:-4px 0 !important;
  background-size:calc(100% + 4px) 100% !important;
}

/* Single product: ensure Trending ribbon is visible + flush on the left edge */
.mawdmp-product-hero{position:relative; overflow:hidden;}
/* keep: single product body class also matches but not required */
.mawdmp-product-hero .mawdmp-trending-badge{
  top:4px !important;
  left:0 !important;
  z-index:6 !important;
  background-position:-4px 0 !important;
  background-size:calc(100% + 4px) 100% !important;
}
.mawdmp-sale-badge__icon,
.mawdmp-sale-badge__icon::before{
  display:none!important;
}

/* Top promo bar above header (LokalWP-like) */
.mawdmp-promo-bar{
  background:#b34ad9;
  color:#fff;
  font-size:14px;
  line-height:1.2;
}
.mawdmp-promo-bar .container{
  padding-top:10px;
  padding-bottom:10px;
}
.mawdmp-promo-bar__btn{
  /* Match LokalWP-like yellow button with black text */
  background:#c7e13a;
  color:#000;
  border:0;
  padding:7px 14px;
  border-radius:8px;
  font-weight:700;
  font-size:13px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.mawdmp-promo-bar__btn:hover{opacity:.92;color:#000;text-decoration:none;}
@media (max-width: 576px){
  .mawdmp-promo-bar{font-size:13px;}
  .mawdmp-promo-bar .container{gap:10px;}
  .mawdmp-promo-bar__btn{padding:6px 12px;}
}


/* Empty state (No Products Yet) */
.mawdmp-empty-state{padding:64px 12px;text-align:center;}
.mawdmp-empty-state__icon{width:132px;max-width:40vw;height:auto;opacity:.55;margin:0 auto 18px;display:block;}
.mawdmp-empty-state__title{font-size:44px;line-height:1.15;margin:0 0 10px;font-weight:800;color:#111827;}
.mawdmp-empty-state__desc{max-width:620px;margin:0 auto 26px;color:#6B7280;font-size:16px;line-height:1.6;}
.mawdmp-empty-state__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:10px;background:#7C3AED;color:#fff;text-decoration:none;font-weight:700;}
.mawdmp-empty-state__btn:hover{filter:brightness(.97);color:#fff;text-decoration:none;}
@media (max-width: 576px){
  .mawdmp-empty-state{padding:42px 10px;}
  .mawdmp-empty-state__title{font-size:30px;}
  .mawdmp-empty-state__desc{font-size:14px;}
}