/* WCSX Currency Switcher (Display Only) */
.wcsx-pricebox[data-wcsx-pricebox="1"]{
  display:inline;
}

.wcsx-price[data-wcsx-price="1"]{
  display:inline-block;
}

.wcsx-currency-switcher{
  display:block;
  margin-top:6px;
  max-width: 220px;
}

.wcsx-currency-label{
  display:block;
  font-size: 12px;
  line-height: 1.2;
  opacity: 0.75;
  margin-bottom: 6px;
}

.wcsx-currency-select{
  width: 100%;
  appearance: none;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  font-size: 13px;
  line-height: 1;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

.wcsx-currency-select:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

.wcsx-checkout-note{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.03);
  font-size: 13px;
}

/* Order form */
.wcsx-order-form{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 16px;
  padding: 16px;
  background: #fff;
  max-width: 780px;
}

.wcsx-order-form-header{
  margin-bottom: 14px;
}

.wcsx-order-form-title{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.wcsx-order-form-subtitle{
  margin-top: 6px;
  font-size: 13px;
  opacity: 0.75;
}

.wcsx-order-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}

.wcsx-field--full{
  grid-column: 1 / -1;
}

.wcsx-field label{
  display:block;
  font-size: 12px;
  opacity: 0.75;
  margin-bottom: 6px;
}

.wcsx-input, .wcsx-textarea{
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  font-size: 14px;
}

.wcsx-input:focus, .wcsx-textarea:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

.wcsx-order-actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.wcsx-btn{
  border-radius: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  font-size: 14px;
  cursor: pointer;
}

.wcsx-btn--primary{
  background: rgba(0,0,0,0.92);
  color: #fff;
}

.wcsx-btn--secondary{
  background: rgba(0,0,0,0.06);
}

.wcsx-btn--ghost{
  background: transparent;
}

.wcsx-order-hint{
  margin-top: 10px;
  font-size: 12px;
  opacity: 0.75;
}

.wcsx-order-empty{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(0,0,0,0.03);
  border: 1px dashed rgba(0,0,0,0.18);
}

@media (max-width: 640px){
  .wcsx-order-grid{ grid-template-columns: 1fr; }
}