/* Wrapper */
.wcptes-wrap{
  background:transparent;
}

/* Toolbar */
.wcptes-toolbar{
  display:flex;
  justify-content:flex-end;
  margin-bottom:15px;
}

.wcptes-toolbar-right{
  display:flex;
  gap:10px;
  align-items:center;
}

/* Buttons */
.wcptes-btn{
  background:#293B43!important;
  color:#fff!important;
  border:0;
  border-radius:10px;
  padding:10px 14px;
  font-weight:600;
  cursor:pointer;
}

/* Table container */
.wcptes-table-wrap{
  overflow:auto;
}

/* Table */
.wcptes-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border-radius:10px;
  overflow:hidden; /* helps radius in some themes */
  min-width:680px;
}

/* Head */
.wcptes-table thead th{
  background:#efefef;
  text-align:left;
  font-size:15px;
  padding:12px 12px;
  border-bottom:1px solid rgba(0,0,0,.10);
}

/* Body */
.wcptes-table tbody{
  background:#fff;
}

.wcptes-table tbody td{
  padding:12px 12px;
  border-bottom:1px solid rgba(0,0,0,.08);
  vertical-align:middle;
  font-size:15px;
}

/* Column widths */
.wcptes-col-thumb{ width:111px; }
.wcptes-col-sku{ width:160px; white-space:nowrap; }
.wcptes-col-price{ width:180px; white-space:nowrap; }

/* Thumbnail */
.wcptes-thumb{
  width:80px !important;
  height:80px !important;
  object-fit:cover;
  border-radius:8px;
}

/* Price styling */
.wcptes-col-price{
  color:rgb(41 59 67);
  font-weight:600;
}
.wcptes-col-price .amount{
  color:#293B43!important;
  font-weight:600;
  font-size: 17px!important;
}

.wcptes-price-regular{
  color:rgba(0,0,0,.45);
  text-decoration:line-through;
  font-size:14px;
  font-weight:500;
  margin-right:6px;
}

.wcptes-price-sale{
  color:rgb(41 59 67);
  font-weight:700;
}

.wcptes-price-current{
  color:rgb(41 59 67);
  font-weight:700;
}

/* Empty state */
.wcptes-empty{
  text-align:center;
  padding:18px;
  opacity:.75;
}

/* Print */
@media print{
  .wcptes-toolbar{ display:none !important; }
  .wcptes-table{ min-width:auto; }
}

/* WCPTES MOBILE START */
@media (max-width: 640px){

  /* 1) evitar scroll horizontal */
  .wcptes-table-wrap{ overflow: visible !important; }
  .wcptes-table{ min-width: 0 !important; }
  .wcptes-table thead{ display:none !important; }

  /* 2) filas como tarjetas */
  .wcptes-table tbody tr{
    display:grid;
    grid-template-columns: 76px 1fr;
    gap:10px 12px;
    padding:12px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }

  .wcptes-table tbody td{
    border-bottom:0 !important;
    padding:0 !important;
  }

  .wcptes-col-thumb{
    width:auto !important;
    grid-row: 1 / span 3;
    align-self:start;
  }

  /* 3) imagen cuadrada sin recorte */
  .wcptes-thumb{
    width:60px !important;
    height:60px !important;
    object-fit:contain !important;
    display:block;
  }

  /* 4) labels */
  .wcptes-col-sku,
  .wcptes-col-price{
    white-space:normal !important;
  }

  .wcptes-col-sku::before,
  .wcptes-col-price::before{
    content: attr(data-label) ": ";
    font-size:12px;
    color: rgba(0,0,0,.55);
    font-weight:600;
  }

  /* 5) precio más destacado en mobile */
  .wcptes-col-price{
    font-size:20px !important;
    font-weight:800 !important;
  }

  .wcptes-price-regular{
    font-size:12px !important;
  }

  /* 6) botones no fuerzan ancho */
  .wcptes-toolbar-right{
    flex-wrap:wrap;
    gap:8px;
  }
}
/* WCPTES MOBILE END */


/* Legend above wholesale table */
.wcptes-legend{
  margin: 0 0 12px 0;
  padding: 26px 14px;
  background: rgba(41,59,67,.06);
  border-left: 5px solid #293B43;
  border-radius: 10px;
  font-size: 17px;
}
.wcptes-legend p{
  margin-bottom: 0;
}


/* WCPTES MOBILE WHOLESALE */
@media (max-width: 640px){

  .wcptes-table-wrap{ overflow: visible !important; }
  .wcptes-table{ min-width: 0 !important; }
  .wcptes-table thead{ display:none !important; }

  .wcptes-table tbody tr{
    display:grid;
    grid-template-columns: 76px 1fr;
    gap:10px 12px;
    padding:12px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }

  .wcptes-table tbody td{
    border-bottom:0 !important;
    padding:0 !important;
  }

  .wcptes-col-thumb{
    width:auto !important;
    grid-row: 1 / span 3;
    align-self:start;
  }

  .wcptes-thumb{
    object-fit:contain !important;
    display:block;
  }

  .wcptes-col-sku,
  .wcptes-col-price{
    white-space:normal !important;
  }

  .wcptes-col-sku{
    font-size:13px;
    opacity:.8;
  }

  .wcptes-col-price{
    font-size:20px !important;
    font-weight:800 !important;
  }

  .wcptes-col-sku::before,
  .wcptes-col-price::before{
    content: attr(data-label) ": ";
    font-size:12px;
    color: rgba(0,0,0,.55);
    font-weight:600;
  }

  .wcptes-price-regular{
    font-size:12px !important;
  }

  .wcptes-toolbar-right{
    flex-wrap:wrap;
    gap:8px;
  }
}