/*
Theme Name: SUMBAWATOTO
Theme URI: https://sumbawatoto.cfd/
Author: SUMBAWATOTO
Description: Custom theme for SUMBAWATOTO marketplace.
Version: 1.0.2
Text Domain: SUMBAWATOTO
*/

/* Base UI is in /assets/theme.css. This file adds Marketplace-only rules. */

.dbos-marketplace{ margin-top: 0; }

.dbos-marketplace .dbos-domain{
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .2px;
}

.dbos-marketplace .dbos-meta{
  color: var(--muted);
  font-size: 13px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
}

.dbos-marketplace .dbos-price{
  margin-top: 12px;
  font-weight: 800;
}

.dbos-marketplace .SUMBAWATOTO-add-btn{
  width: 100%;
  margin-top: 12px;
}

.dbos-marketplace .dbos-pagination{
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.dbos-marketplace .dbos-pagination a,
.dbos-marketplace .dbos-pagination span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(15,23,42,.55);
}

.dbos-marketplace .dbos-pagination .current{
  background: rgba(226,188,85,.12);
  border-color: rgba(226,188,85,.5);
  color: var(--text);
}

/* Toast (Add to cart notif) */
#dbos-toast{
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 999999;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
  display: none;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}
#dbos-toast.ok{ background: rgba(34,197,94,.16); }
#dbos-toast.err{ background: rgba(239,68,68,.14); }

.btn.is-loading{ opacity: .85; }
.btn.is-added{ opacity: .95; }

.container{max-width:1200px;margin:0 auto;padding:24px;}
.grid{display:flex;flex-wrap:wrap;gap:18px;}
.card{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.35);box-shadow:0 8px 24px rgba(0,0,0,.25);}
.card__body{padding:18px;}
.third{flex:1 1 calc(33.333% - 18px);min-width:260px;}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:12px;opacity:.9;margin-bottom:10px;}
.card__title{margin:8px 0 12px;font-size:18px;line-height:1.2;}
.card__title a{text-decoration:none;}
.meta{display:flex;justify-content:space-between;align-items:center;margin:12px 0;}
.price{font-weight:700;}
.muted{opacity:.7}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);text-decoration:none}
.btn--ghost{background:transparent}
.pagination{margin:22px 0}
.pagination .page-numbers{margin-right:10px}
@media (max-width: 860px){.third{flex:1 1 calc(50% - 18px)}}
@media (max-width: 520px){.third{flex:1 1 100%}}