/*
 * Decoax Commerce Suite 1.1.4 — final front-end presentation layer.
 * Loaded after front.css. These rules are intentionally component-scoped so
 * the plugin remains usable with the Decoax theme and with third-party themes.
 */

/* --------------------------------------------------------------------------
 * Card-to-card checkout
 * -------------------------------------------------------------------------- */
.dcs-card-transfer-block,
.dcs-card-transfer-block *{box-sizing:border-box}
.dcs-card-transfer-block{
  width:100%;
  min-width:0;
  padding:0;
  color:#102327;
  font-size:13px;
  line-height:1.8;
}
.dcs-card-transfer-block__intro{
  margin:0 0 12px!important;
  padding:13px 15px;
  border:1px solid rgba(16,35,39,.08);
  border-radius:13px;
  background:#fbf8f3;
  color:#566164;
  line-height:1.85;
}
.dcs-card-transfer-block__details{
  display:grid;
  gap:8px;
  min-width:0;
}
.dcs-card-transfer-block__row{
  display:grid;
  grid-template-columns:minmax(82px,.26fr) minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  margin:0!important;
  padding:10px 12px;
  border:1px solid rgba(16,35,39,.08);
  border-radius:12px;
  background:#fff;
}
.dcs-card-transfer-block__row>strong{
  min-width:0;
  color:#1d3034;
  font-size:12px;
  font-weight:850;
  line-height:1.55;
}
.dcs-card-transfer-block__data{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.dcs-card-transfer-block__value{
  display:block!important;
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  padding:7px 10px!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  border:0!important;
  border-radius:9px!important;
  background:#eef4f4!important;
  color:#102327;
  font-size:12px!important;
  font-weight:760;
  line-height:1.55;
  letter-spacing:.055em!important;
  unicode-bidi:isolate;
  text-align:left;
}
.dcs-card-transfer-block__copy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:0 0 auto;
  min-width:78px;
  min-height:42px;
  padding:8px 13px;
  border:1px solid rgba(11,91,94,.19);
  border-radius:999px;
  background:#fff;
  color:#0d5659;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease;
}
.dcs-card-transfer-block__copy:hover{
  transform:translateY(-1px);
  border-color:rgba(11,91,94,.36);
  background:#f1f8f7;
}
.dcs-card-transfer-block__copy:focus-visible{
  outline:3px solid rgba(8,184,183,.28);
  outline-offset:2px;
}
.dcs-card-transfer-block__copy.is-copied{
  border-color:rgba(26,126,75,.34);
  background:#ecf8f0;
  color:#17683f;
}
.dcs-card-transfer-block__copy svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dcs-payment-guide{
  margin-top:10px;
  overflow:hidden;
  border:1px solid rgba(16,35,39,.09);
  border-radius:12px;
  background:#fff;
}
.dcs-payment-guide summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:10px 13px;
  list-style:none;
  color:#102327;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.dcs-payment-guide summary::-webkit-details-marker{display:none}
.dcs-payment-guide__icon{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:50%;
  background:#e9f3f2;
  color:#0c6063;
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}
.dcs-payment-guide[open] .dcs-payment-guide__icon{transform:rotate(45deg)}
.dcs-payment-guide__content{
  padding:0 14px 13px;
  border-top:1px solid rgba(16,35,39,.07);
  color:#566164;
  font-size:12px;
  line-height:1.9;
}
.dcs-payment-guide__content>:last-child{margin-bottom:0}

/* --------------------------------------------------------------------------
 * Trust badges and resilient third-party image fallbacks
 * -------------------------------------------------------------------------- */
.dcs-trust-badges,
.dcs-trust-badges *{box-sizing:border-box}
.dcs-trust-row{min-width:0}
.dcs-trust-item{
  position:relative;
  isolation:isolate;
  text-decoration:none!important;
}
.dcs-trust-item img{
  position:relative;
  z-index:2;
}
.dcs-trust-item__label{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:18px;
  max-width:100%;
  padding:2px 5px;
  overflow:hidden;
  border-radius:6px;
  background:#edf4f3;
  color:#23383b;
  font-size:9px;
  font-weight:850;
  line-height:1.25;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dcs-trust-item__fallback{
  position:relative;
  z-index:1;
  display:none;
  place-items:center;
  width:100%;
  min-height:46px;
  padding:6px;
  color:#0b6669;
  font-size:11px;
  font-weight:900;
  line-height:1.35;
  text-align:center;
}
.dcs-trust-item.is-image-broken img{display:none!important}
.dcs-trust-item.is-image-broken .dcs-trust-item__fallback{display:grid}
.dcs-trust-item.is-image-broken{
  background:linear-gradient(145deg,#fff,#edf5f4);
}

/* The official eNAMAD response can occasionally load as a visually empty
 * transparent image. Keep a readable service label visible at all times. */
.dcs-trust-item--enamad:before,
.dcs-trust-item--zarinpal:before{
  position:absolute;
  inset:7px 7px 27px;
  z-index:0;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(145deg,#fdfdfc,#eaf2f1);
  color:#0b6669;
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
  text-align:center;
}
.dcs-trust-item--enamad:before{content:"eNAMAD"}
.dcs-trust-item--zarinpal:before{content:"ZarinPal"}

/* Final 1.1.4 acceptance polish. */
.dcs-card-transfer-block__row--copy .dcs-card-transfer-block__data{align-items:stretch}
.dcs-card-transfer-block__row--copy .dcs-card-transfer-block__value{align-self:stretch;display:flex!important;align-items:center}
.dcs-trust-item.is-image-broken:before{opacity:.22}
.dcs-trust-item.is-image-broken .dcs-trust-item__fallback{z-index:3;min-height:42px}
.dcs-trust-item.is-image-loaded .dcs-trust-item__fallback{display:none!important}

@media (max-width:640px){
  .dcs-card-transfer-block{font-size:12px}
  .dcs-card-transfer-block__intro{padding:11px 12px}
  .dcs-card-transfer-block__row{
    grid-template-columns:1fr;
    gap:7px;
    padding:10px;
  }
  .dcs-card-transfer-block__data{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  .dcs-card-transfer-block__copy{min-width:72px;min-height:42px;padding-inline:12px}
}

@media (max-width:390px){
  .dcs-card-transfer-block__data{grid-template-columns:1fr}
  .dcs-card-transfer-block__copy{width:100%}
  .dcs-payment-guide summary{align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  .dcs-card-transfer-block__copy,.dcs-payment-guide__icon{transition:none}
}