/* Sidorta Card to Card — frontend (RTL) */

/* Soften WooCommerce Blocks payment option chrome around this gateway */
.wc-block-components-radio-control-accordion-option:has(.sctc-payment-box),
.wc-block-components-radio-control__option:has(.sctc-method-label){
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}
.wc-block-components-radio-control-accordion-option:has(.sctc-payment-box) .wc-block-components-radio-control-accordion-content,
.wc-block-components-radio-control__option-layout:has(.sctc-method-label){
  border:none !important;
  box-shadow:none !important;
}
.wc-block-components-radio-control__option:has(.sctc-method-label),
.wc-block-components-radio-control-accordion-option:has(.sctc-payment-box) > label.wc-block-components-radio-control__option{
  display:flex !important;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center !important;
  gap:1.35rem !important;
  padding-inline:0 !important;
}
.wc-block-components-radio-control__option:has(.sctc-method-label) .wc-block-components-radio-control__input,
.wc-block-components-radio-control-accordion-option:has(.sctc-payment-box) .wc-block-components-radio-control__input{
  flex:0 0 auto;
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  z-index:1;
  margin:0 !important;
  transform:none !important;
}
.wc-block-components-radio-control__option:has(.sctc-method-label) .wc-block-components-radio-control__label,
.wc-block-components-radio-control-accordion-option:has(.sctc-payment-box) .wc-block-components-radio-control__label{
  position:relative;
  z-index:0;
  display:inline-flex;
  align-items:center;
  margin:0 !important;
  margin-inline-start:0 !important;
  padding:0 !important;
  padding-inline-start:0 !important;
  line-height:1.5;
}
.sctc-method-label{
  display:inline-block;
  margin:0;
  padding:0;
  line-height:1.5;
  color:inherit;
  position:relative;
  z-index:0;
  white-space:nowrap;
}

.sctc-payment-box{
  margin:12px 0 4px;
  padding:16px 18px;
  border:1px solid #e3b8c6;
  border-radius:12px;
  background:linear-gradient(180deg,#ffe8f0 0%,#fff7fa 100%);
  text-align:right;
  direction:rtl;
  box-shadow:none;
}
.sctc-payment-box__desc{
  margin:0 0 14px;
  line-height:1.8;
  color:#4a4046;
}
.sctc-payment-box__desc p{margin:0}
.sctc-payment-box__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin:0 0 12px;
  line-height:1.6;
}
.sctc-payment-box__label{
  color:#7a6b72;
  min-width:7.5rem;
  font-size:.92em;
}
.sctc-payment-box__card,
.sctc-payment-box__mono{
  font-family:ui-monospace,Consolas,monospace;
  letter-spacing:.04em;
  color:#2f2a2d;
  font-size:1.02em;
}
.sctc-payment-box__amount{font-size:1.05em;color:#2f2a2d}
.sctc-payment-box__instructions{
  margin:12px 0 4px;
  color:#5c5157;
  line-height:1.8;
  font-size:.95em;
}
.sctc-payment-box__instructions p{margin:0}
.sctc-payment-box__upload{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  margin-top:14px;
  padding:14px 0 0;
  border-top:1px dashed #e9c8d3;
  min-height:4.5rem;
}
.sctc-payment-box__upload-title{
  margin:0 0 10px;
  color:#3f3640;
}
.sctc-payment-box__hint{
  margin:10px 0 0;
  color:#8a7a82;
  font-size:.88em;
  line-height:1.6;
}
.sctc-copy-card{
  cursor:pointer;
  border:1px solid #e8b7c6 !important;
  background:#fff !important;
  color:#9a3d5c !important;
  border-radius:999px !important;
  padding:6px 14px !important;
  line-height:1.3 !important;
  font-size:.88em !important;
  box-shadow:none !important;
}
.sctc-copy-card:hover{
  background:#fff5f8 !important;
  border-color:#d98aa3 !important;
}
.sctc-copy-feedback{
  color:#1a7f37;
  font-size:.88em;
  font-weight:600;
}

/* Custom Persian file picker */
.sctc-file{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  position:relative;
}
.sctc-file__input{
  position:absolute !important;
  inset-inline-start:0;
  inset-block-start:0;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none;
}
.sctc-file__button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:10px 18px;
  border:1px solid #e8b7c6;
  border-radius:999px;
  background:#fff;
  color:#9a3d5c;
  font-size:.92em;
  font-weight:600;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
  user-select:none;
  appearance:none;
  -webkit-appearance:none;
}
.sctc-file__button:hover{
  background:#fff5f8;
  border-color:#d98aa3;
}
.sctc-file__name{
  flex:1 1 12rem;
  min-width:0;
  color:#6b5c64;
  font-size:.92em;
  line-height:1.5;
  word-break:break-word;
}
.sctc-file__name.is-selected{
  color:#2f2a2d;
  font-weight:600;
}

.sctc-thankyou,
.sctc-customer-order{
  margin:1.5rem 0;
  padding:0;
  border:1px solid #e9c8d3;
  border-radius:14px;
  background:linear-gradient(180deg,#fff4f7 0%,#fff 100%);
  box-shadow:none;
  direction:rtl;
  text-align:right;
  overflow:hidden;
}
.sctc-thankyou__header,
.sctc-customer-order__header{
  padding:14px 18px;
  background:#ffeef3;
  border-bottom:1px solid #e9c8d3;
}
.sctc-thankyou__title,
.sctc-customer-order__title{
  margin:0;
  color:#3f3640;
  font-size:1.15rem;
  font-weight:700;
  line-height:1.4;
}
.sctc-thankyou__subtitle{
  margin:4px 0 0;
  color:#8a7a82;
  font-size:.9em;
  line-height:1.6;
}
.sctc-thankyou__body,
.sctc-customer-order__body{
  padding:16px 18px 8px;
}
.sctc-thankyou__row,
.sctc-customer-order__row{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px 16px;
  padding:10px 0;
  border-bottom:1px dashed #efd5df;
  line-height:1.6;
}
.sctc-thankyou__row:last-child,
.sctc-customer-order__row:last-child{border-bottom:0}
.sctc-thankyou__label,
.sctc-customer-order__label{
  color:#7a6b72;
  font-size:.92em;
}
.sctc-thankyou__card{
  font-family:ui-monospace,Consolas,monospace;
  letter-spacing:.04em;
  color:#2f2a2d;
}
.sctc-thankyou__status,
.sctc-customer-order__status{
  margin:0;
  padding:14px 18px 16px;
  background:#f3eaed;
  border-top:1px solid #e9c8d3;
}
.sctc-thankyou__status.is-received,
.sctc-customer-order__status.is-received{
  background:#e8f5ec;
  border-top-color:#b9dfc4;
}
.sctc-thankyou__status-title{
  margin:0 0 6px;
  color:#1a7f37;
  font-weight:700;
  line-height:1.6;
}
.sctc-thankyou__status-text,
.sctc-customer-order__status p{
  margin:0;
  color:#5c5157;
  line-height:1.8;
  font-size:.95em;
}
.sctc-customer-order__status.is-received p{color:#1a7f37;font-weight:600}

@media (max-width:600px){
  .sctc-payment-box{padding:14px}
  .sctc-payment-box__row{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .sctc-payment-box__label{min-width:0}
  .sctc-file{flex-direction:column;align-items:stretch}
  .sctc-file__button{width:100%;text-align:center}
  .sctc-thankyou__row,
  .sctc-customer-order__row{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
}
