/* TamuBN v85.4.8 — Follow Cube CTA + compact buyer orders
   Loaded last so action hierarchy and compact order density are deterministic. */

/* Cube Shop action hierarchy: Share = outline, Follow = TamuBN purple, WhatsApp = green. */
.cube-view-page .cube-view-actions [data-follow-cube]{
  background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;
  border-color:#6d28d9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 26px rgba(109,40,217,.30)!important;
}
.cube-view-page .cube-view-actions [data-follow-cube]:hover{
  background:linear-gradient(135deg,#5b21b6,#7c3aed)!important;
  border-color:#5b21b6!important;
  transform:translateY(-1px);
}
.cube-view-page .cube-view-actions [data-follow-cube]:focus-visible{
  outline:3px solid rgba(216,180,254,.75);
  outline-offset:3px;
}

/* Native mobile Cube Shop receives the same Follow hierarchy. */
.mobile-app .v854-shop-actions [data-follow-shop],
.mobile-app .v854-shop-actions [data-follow-shop].active{
  background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;
  border-color:#6d28d9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 18px rgba(109,40,217,.22);
}

/* Compact desktop/web buyer Orders centre. */
.buyer-orders-page{
  padding:38px 0 52px!important;
}
.buyer-orders-page .account-page-head{
  margin-bottom:16px;
}
.buyer-orders-page .account-page-head h1{
  max-width:900px;
  margin:5px 0 7px!important;
  font-size:clamp(38px,4.6vw,60px)!important;
  line-height:.98!important;
  letter-spacing:-2.6px!important;
}
.buyer-orders-page .account-page-head p{
  margin:0;
  font-size:13px;
  line-height:1.45;
}
.buyer-orders-page .buyer-order-list{
  gap:10px!important;
}
.buyer-orders-page .buyer-order-card{
  padding:13px 16px!important;
  border-radius:14px!important;
  box-shadow:0 7px 22px rgba(43,15,66,.035)!important;
}
.buyer-orders-page .buyer-order-head{
  min-height:34px;
  gap:16px;
}
.buyer-orders-page .buyer-order-head b{
  font-size:14px;
  line-height:1.1;
}
.buyer-orders-page .buyer-order-head small{
  margin-top:2px!important;
  font-size:10px;
  line-height:1.15;
}
.buyer-orders-page .buyer-order-total{
  font-size:16px!important;
  white-space:nowrap;
}

/* Keep the useful five-stage track, but make it a slim information strip. */
.buyer-orders-page .buyer-order-progress{
  margin:10px 0 8px!important;
}
.buyer-orders-page .buyer-progress-step{
  gap:4px!important;
}
.buyer-orders-page .buyer-progress-dot{
  width:11px!important;
  height:11px!important;
  font-size:6px!important;
  box-shadow:0 0 0 3px #fff!important;
}
.buyer-orders-page .buyer-progress-step:not(:last-child):after{
  top:4.5px!important;
}
.buyer-orders-page .buyer-progress-step.current .buyer-progress-dot{
  box-shadow:0 0 0 3px #f0e6ff,0 0 0 5px rgba(124,46,232,.12)!important;
}
.buyer-orders-page .buyer-progress-step b{
  max-width:96px!important;
  font-size:8px!important;
  line-height:1.1!important;
}

/* Meta + actions share one compact footer row on wide screens. */
.buyer-orders-page .buyer-order-footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  padding-top:2px;
}
.buyer-orders-page .buyer-order-meta{
  display:flex!important;
  align-items:center;
  gap:9px!important;
  flex-wrap:wrap;
  min-width:0;
  font-size:10px!important;
  line-height:1.2;
}
.buyer-orders-page .buyer-order-meta span:last-child{
  padding:4px 7px;
  border-radius:999px;
  background:#f7f3f9;
  color:#625968;
  text-transform:capitalize;
}
.buyer-orders-page .buyer-order-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:6px!important;
  flex-wrap:wrap;
  margin-top:0!important;
}
.buyer-orders-page .buyer-order-actions .button,
.buyer-orders-page .payment-proof-button,
.buyer-orders-page .proof-waiting{
  min-height:34px!important;
  height:34px;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap;
  box-shadow:none!important;
}
.buyer-orders-page .buyer-order-actions .button.primary{
  background:#7c2ee8!important;
}

@media(max-width:1050px){
  .buyer-orders-page .buyer-order-footer-row{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .buyer-orders-page .buyer-order-actions{justify-content:flex-start}
}

@media(max-width:680px){
  .buyer-orders-page{
    padding:24px 0 90px!important;
  }
  .buyer-orders-page .account-page-head h1{
    font-size:34px!important;
    letter-spacing:-1.5px!important;
  }
  .buyer-orders-page .account-page-head p{font-size:11px}
  .buyer-orders-page .buyer-order-card{padding:12px!important}
  .buyer-orders-page .buyer-order-progress{margin:10px -2px 8px!important}
  .buyer-orders-page .buyer-progress-step b{font-size:7px!important;max-width:62px!important}
  .buyer-orders-page .buyer-order-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:6px!important;
    flex-direction:unset!important;
  }
  .buyer-orders-page .buyer-order-actions .button,
  .buyer-orders-page .payment-proof-button,
  .buyer-orders-page .proof-waiting{
    width:auto!important;
    min-width:0;
    white-space:normal;
    text-align:center;
  }
  .buyer-orders-page .payment-proof-button,
  .buyer-orders-page .proof-waiting{display:flex;justify-content:center}
}