/* PupVibes 8.10.00 — order history uses the same visual language as account dashboard */

body#history .pv-history-orders{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

body#history .pv-history-order{
  border:1px solid #ded8d0!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
}

body#history .pv-history-order__head{
  min-height:34px!important;
  padding:7px 12px!important;
  background:#ffe39a!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  color:#4f321c!important;
  font:400 8px/1.25 'DM Sans',sans-serif!important;
}

body#history .pv-history-order__status{
  margin-left:auto!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  color:#241608!important;
  font-weight:600!important;
  font-size:7.5px!important;
  white-space:nowrap!important;
}

body#history .pv-history-order__body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 154px!important;
  min-height:108px!important;
}

body#history .pv-history-order__products{
  padding:13px 12px!important;
  border-right:1px solid #eee7df!important;
}

body#history .pv-history-order__thumbs{
  display:flex!important;
  gap:4px!important;
  margin-bottom:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body#history .pv-history-order__thumbs::-webkit-scrollbar{display:none!important}

body#history .pv-history-order__thumb{
  position:relative!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#f4efe8!important;
  display:grid!important;
  place-items:center!important;
}

body#history .pv-history-order__thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body#history .pv-history-order__thumb b{
  position:absolute!important;
  right:2px!important;
  bottom:2px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#241608!important;
  font-size:8px!important;
}

body#history .pv-history-order__products p{
  margin:0!important;
  color:#4c4036!important;
  font-size:7.5px!important;
}

body#history .pv-history-order__actions{
  padding:11px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
}

body#history .pv-history-order__actions a{
  color:#b3540d!important;
  text-decoration:none!important;
  font-size:8px!important;
}

body#history .pv-history-order__receipt{
  min-height:31px!important;
  border-radius:5px!important;
  background:#ff8100!important;
  color:#241608!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:2px!important;
}

/* Mobile */
@media(max-width:640px){
  body#history .pv-history-order__head{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px 8px!important;
    padding:9px 10px!important;
  }

  body#history .pv-history-order__status{
    grid-column:1/-1!important;
    justify-self:start!important;
    margin:3px 0 0!important;
  }

  body#history .pv-history-order__body{
    display:block!important;
    min-height:0!important;
  }

  body#history .pv-history-order__products{
    padding:11px 10px!important;
    border-right:0!important;
    border-bottom:1px solid #eee7df!important;
  }

  body#history .pv-history-order__thumb{
    flex-basis:48px!important;
    width:48px!important;
    height:48px!important;
  }

  body#history .pv-history-order__actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px!important;
  }

  body#history .pv-history-order__receipt{
    grid-column:1/-1!important;
    min-height:34px!important;
  }
}