/* ===== ETN Tier Pricing: Loop (Archive) ===== */
.etn-tier-loop{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}

.etn-tier-loop .etn-chip{
  font-size:12px;                /* desktop */
  line-height:1.35;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:4px 6px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#f8f8f8;
  color:inherit;
}

.etn-chip__label{ font-weight:600; }
.etn-chip__sep{ opacity:.5; }
.etn-chip__price{ font-weight:700; }

/* Jaga jarak di kartu produk WooCommerce */
.products .product .etn-tier-loop{ margin-top:6px; }

/* Mobile font: 11px */
@media (max-width:480px){
  .etn-tier-loop .etn-chip{
    font-size:11px;
    padding:3px 5px;
  }
}

/* ===== Link Harga Grosir ===== */
.etn-tier-link-wrap{ margin-top:6px; }
.etn-tier-open{
  font-size:11px;
  line-height:1.35;
  padding:4px 5px;
  border-radius:999px;
  background:transparent;
  cursor:pointer;
  transition:transform .08s ease, background .15s ease;
  color:#000;
  min-width:100px;
  padding:0;
  position: absolute;
  margin-top:5px;
}
.etn-tier-open:hover{ background:#f2f2f2; }
.etn-tier-open:active{ transform:scale(.98); }

/* ===== Modal ===== */
.etn-tier-modal{ position:fixed; inset:0; display:none; z-index:99999; }
.etn-tier-modal.is-open{ display:block; }
.etn-tier-modal .etn-tier-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.35);
}
.etn-tier-modal .etn-tier-dialog{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width: min(520px, 92vw);
  background:#fff; border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  overflow:hidden;
  font-size:12px;
}
.etn-tier-dialog header{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 14px; border-bottom:1px solid #eee;
}
.etn-tier-dialog h3{ margin:0; font-size:14px; }
.etn-tier-dialog .etn-close{
  background:transparent; border:0; font-size:18px; line-height:1; cursor:pointer;color: #000;
    min-width: 0;
    padding: 0;
}
.etn-tier-dialog .etn-body{ padding:12px 14px; }

/* table */
.etn-tier-table{ width:100%; border-collapse:collapse; font-size:12px; }
.etn-tier-table th, .etn-tier-table td{
  padding:8px; border-bottom:1px solid #f0f0f0;text-align:center;
}
.etn-tier-table th{ text-align:center; background:#fafafa; }
.etn-tier-table td:nth-child(2){ text-align:center; }
.etn-tier-table td:last-child{ text-align:center; font-weight:700; }

/* Mobile 11px */
@media (max-width:480px){
  .etn-tier-open{ font-size:11px; padding:3px 9px; }
  .etn-tier-dialog{ font-size:11px; width: min(480px, 94vw); }
  .etn-tier-dialog h3{ font-size:13px; }
  .etn-tier-table{ font-size:11px; }
}

/* Tombol tepat di bawah harga */
.price + .etn-tier-link-wrap{ margin-top:6px; }
.etn-tier-link-wrap{ display:inline-block; } /* supaya ikut flow satu kolom */
.etn-tier-open{
  font-size:12px;                 /* desktop */
  line-height:1.35;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#f8f8f8;
  cursor:pointer;
}
@media (max-width:480px){
  .etn-tier-open{ font-size:11px; padding:3px 9px; }
}