/* KV Seller Gateways - Appleland-like UI (v0.3.6) */

.kvsg-box{
  direction:rtl;
  background:#fff;
  border:1px solid #eaecf0;
  border-radius:10px;
  padding:14px 16px;
  box-shadow:0 2px 14px rgba(16,24,40,.06);
  font-family:inherit;
}

/* Header */
.kvsg-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  font-size:14px;
  color:#d92d20;
  line-height:1.9;
  margin:0;
}

.kvsg-title::before{
  content:"";
  width:18px;height:18px;flex:0 0 18px;
  background-repeat:no-repeat;
  background-size:18px 18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 2v3M16 2v3M3 9h18' stroke='%231d4ed8' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5 6h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z' stroke='%231d4ed8' stroke-width='2'/%3E%3Cpath d='M7 13h4M7 17h3M13 13h4M13 17h3' stroke='%231d4ed8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.kvsg-sub{
  display:inline;
  margin:0 10px 0 0;
  font-size:12px;
  color:#344054;
  line-height:1.9;
}

/* Rows wrapper */
.kvsg-rows{
  margin-top:12px;
  border:1px solid #eaecf0;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

.kvsg-row{
  /* Use LTR for predictable left-to-right column positioning */
  direction:ltr;
  display:grid;
  grid-template-columns: 170px 160px 1fr 90px 280px;
  column-gap:18px;
  align-items:center;
  padding:12px 14px;
  background:#fff;
}

.kvsg-row + .kvsg-row{ border-top:1px solid #f0f2f5; }

/* Left side: button then price */
.kvsg-action{ justify-self:start; }

.kvsg-btn{
  appearance:none;
  border:0;
  background:#0b2c6d;
  color:#fff;
  font-size:12px;
  font-weight:900;
  padding:10px 14px;
  border-radius:8px;
  cursor:pointer;
  transition:transform .08s ease, filter .15s ease;
  white-space:nowrap;
}

.kvsg-btn:hover{ filter:brightness(.97); }
.kvsg-btn:active{ transform:translateY(1px); }

.kvsg-price{
  direction:rtl;
  text-align:left;
  font-size:13px;
  font-weight:900;
  color:#101828;
  white-space:nowrap;
}

/* Middle: selected attrs (centered like Appleland) */
.kvsg-mid{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  text-align:center;
  min-height:20px;
}

.kvsg-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  color:#101828;
  opacity:.92;
  white-space:nowrap;
}

.kvsg-chip-warranty::before,
.kvsg-chip-color::before{
  content:"";
  width:18px;height:18px;flex:0 0 18px;
  background-repeat:no-repeat;
  background-size:18px 18px;
}

.kvsg-chip-warranty::before{
  /* gear icon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 15.25A3.25 3.25 0 1 0 12 8.75a3.25 3.25 0 0 0 0 6.5Z' stroke='%23667085' stroke-width='2'/%3E%3Cpath d='M19.4 15a7.9 7.9 0 0 0 .1-1 7.9 7.9 0 0 0-.1-1l2-1.6-2-3.4-2.4 1a7.8 7.8 0 0 0-1.7-1l-.4-2.6H9.1L8.7 8a7.8 7.8 0 0 0-1.7 1l-2.4-1-2 3.4 2 1.6a7.9 7.9 0 0 0-.1 1 7.9 7.9 0 0 0 .1 1l-2 1.6 2 3.4 2.4-1a7.8 7.8 0 0 0 1.7 1l.4 2.6h5.8l.4-2.6a7.8 7.8 0 0 0 1.7-1l2.4 1 2-3.4-2-1.6Z' stroke='%23667085' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.kvsg-chip-color::before{
  /* palette icon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22a10 10 0 1 1 7.07-17.07A7 7 0 0 1 17 16h-1.2a2 2 0 0 0-2 2c0 2.21-1.79 4-4 4H12Z' stroke='%23667085' stroke-width='2'/%3E%3Ccircle cx='7.5' cy='10.5' r='1' fill='%23667085'/%3E%3Ccircle cx='12' cy='7.5' r='1' fill='%23667085'/%3E%3Ccircle cx='16.5' cy='10.5' r='1' fill='%23667085'/%3E%3C/svg%3E");
}

/* Status */
.kvsg-status{
  direction:rtl;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#344054;
  white-space:nowrap;
  justify-self:center;
}

.kvsg-dot{
  width:8px;height:8px;
  border-radius:999px;
  background:#12b76a;
  box-shadow:0 0 0 4px rgba(18,183,106,.12);
}

/* Seller (rightmost) */
.kvsg-seller{
  direction:rtl;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
}

.kvsg-name{
  font-size:13px;
  font-weight:900;
  color:#101828;
}

.kvsg-seller-sub{
  font-size:12px;
  color:#667085;
}

/* Responsive */
@media (max-width: 920px){
  .kvsg-row{ grid-template-columns: 170px 150px 1fr 90px 220px; }
}

@media (max-width: 680px){
  .kvsg-row{
    direction:rtl;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .kvsg-mid{ justify-content:flex-start; text-align:right; }
  .kvsg-action,.kvsg-btn{ width:100%; }
  .kvsg-price{ text-align:right; }
  .kvsg-seller{ align-items:flex-start; }
}


/* Cash seller badge (in case theme badge does not exist) */
.kvsg-cash-pill{
  background:#fff;
  border:1px solid #e9edf2;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:10px;
}

.kvsg-cash-inner{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.kvsg-cash-text{
  font-size:13px;
  font-weight:800;
  color:#101828;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.kvsg-cash-label{ color:#667085; font-weight:800; }

.kvsg-cash-ico{
  width:18px;height:18px;flex:0 0 18px;
  background-repeat:no-repeat;
  background-size:18px 18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 2v3M16 2v3M3 9h18' stroke='%231d4ed8' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5 6h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z' stroke='%231d4ed8' stroke-width='2'/%3E%3C/svg%3E");
}