/* Samurai Store V1.22.0 · Stock a pedido */

/* Admin */
.stock-on-demand-option .switch-row{
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(245,183,49,.28);
  background:rgba(245,183,49,.08);
  border-radius:14px;
}
.stock-on-demand-option .switch-row span{line-height:1.45}
.stock-on-demand-message input{border-color:rgba(245,183,49,.28)!important}
.stock-pill:has(+ .service-products-edit){}

/* Tienda */
.storefront-v22 .v22-stock-chip.backorder{
  background:rgba(245,183,49,.96)!important;
  color:#17130a!important;
  border-color:rgba(255,221,117,.8)!important;
  box-shadow:0 8px 24px rgba(245,183,49,.22)!important;
}
.storefront-v22 .v22-product-card.backorder{
  opacity:1!important;
  border-color:rgba(245,183,49,.34)!important;
}
.storefront-v22 .v22-product-card.backorder .v22-product-media img{
  filter:none!important;
}
.storefront-v22 .v22-backorder-note{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:7px 0 3px;
  padding:8px 9px;
  border-radius:10px;
  border:1px solid rgba(245,183,49,.24);
  background:rgba(245,183,49,.08);
}
.storefront-v22 .v22-backorder-note b{
  font-size:10px;
  color:#f5c451;
}
.storefront-v22 .v22-backorder-note span{
  font-size:9px;
  line-height:1.35;
  color:rgba(255,255,255,.78);
}
.storefront-v22 .shop-badge.backorder-badge{
  background:rgba(245,183,49,.13)!important;
  color:#f5c451!important;
  border-color:rgba(245,183,49,.28)!important;
}
.storefront-v22 .v22-product-card.backorder .v22-product-add,
.storefront-v22 .v22-product-card.backorder .v22-product-buy-now{
  opacity:1!important;
}

/* B2B */
.b2b-v22 .b2b-chip.backorder{
  background:rgba(245,183,49,.13)!important;
  color:#f5c451!important;
  border-color:rgba(245,183,49,.3)!important;
}
.b2b-v22 .b2b-backorder-note{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:9px 10px;
  margin:8px 0 4px;
  border-radius:11px;
  border:1px solid rgba(245,183,49,.25);
  background:rgba(245,183,49,.08);
}
.b2b-v22 .b2b-backorder-note b{font-size:10px;color:#f5c451}
.b2b-v22 .b2b-backorder-note span{font-size:9px;line-height:1.35;color:rgba(255,255,255,.8)}

@media (max-width:700px){
  .storefront-v22 .v22-backorder-note b,
  .b2b-v22 .b2b-backorder-note b{font-size:11px!important}
  .storefront-v22 .v22-backorder-note span,
  .b2b-v22 .b2b-backorder-note span{font-size:10px!important}
}