/* Wonderweb Ordering Workspace B01 — 2026-11-04
   Surgical layout refinement for WHMCS standard_cart only.
   The outer cart sidebar becomes a compact contextual toolbar; nested
   secondary-cart-sidebar (order totals, checkout actions) is untouched. */

/* Override standard_cart's 25%/75% floated content split at every breakpoint. */
body.ww-portal #order-standard_cart > .row > .cart-sidebar {
  display:block!important; float:none!important; clear:both;
  width:100%!important; max-width:100%!important; flex:0 0 100%!important;
  position:relative; padding:0 15px!important; margin:0 0 18px!important;
  min-width:0; box-sizing:border-box; order:0;
}
body.ww-portal #order-standard_cart > .row > .cart-body {
  display:block!important; float:none!important;
  width:100%!important; max-width:100%!important; flex:0 0 100%!important;
  min-width:0; padding:0 15px!important; box-sizing:border-box; order:1;
}
/* Original mobile fallback is a duplicate when the main toolbar is present.
   Preserve the original on special views like fraudcheck with no cart-sidebar. */
body.ww-portal #order-standard_cart > .row > .cart-sidebar + .cart-body > .sidebar-collapsed {
  display:none!important;
}

/* One contextual toolbar, no nested sidebar cards. */
body.ww-portal #order-standard_cart .ww-order-toolbar {
  display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px;
  width:100%; min-width:0; margin:0; padding:12px 16px;
  border:1px solid #e0e6f1; border-radius:13px; background:#fff;
  box-shadow:0 5px 18px rgba(12,17,41,.045); box-sizing:border-box;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-section {
  display:flex; align-items:center; flex-wrap:wrap; flex:0 1 auto;
  min-width:0; gap:7px 10px;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-title {
  display:inline-flex; flex:0 0 auto; align-items:center;
  color:#67758f; font-size:11px; font-weight:750;
  line-height:1.35; letter-spacing:.02em;
}
body.ww-portal #order-standard_cart select.ww-order-category-select {
  flex:0 1 auto; width:192px; min-width:175px; max-width:100%;
  min-height:36px!important; height:36px; margin:0;
  padding:6px 25px 6px 11px; border:1px solid #e0e5f1;
  border-radius:8px; background-color:#f8f9fd;
  color:#273454; font-size:13px; font-weight:650;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-links {
  display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-link {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  min-height:36px; padding:7px 11px; border:1px solid transparent;
  border-radius:8px; background:transparent; color:#38435f;
  font-size:13px; font-weight:650; line-height:1.25;
  white-space:nowrap; text-decoration:none!important; box-sizing:border-box;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-link i {font-size:12px; color:inherit}
body.ww-portal #order-standard_cart .ww-order-toolbar-link:hover {
  color:#5733d1; background:#f5f1ff; border-color:#ddd4ff;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-link.is-active {
  color:#fff; background:#7047f5; border-color:#7047f5;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-link.is-active:hover {
  color:#fff; background:#5d36df; border-color:#5d36df;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-link.is-disabled {
  opacity:.5; pointer-events:none; cursor:not-allowed;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-static {color:#69758c}
body.ww-portal #order-standard_cart .ww-order-toolbar-count {
  display:inline-flex; font-size:10px; font-weight:750;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-section-control {
  margin-left:auto; gap:8px;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-control,
body.ww-portal #order-standard_cart .ww-order-toolbar-footer {min-width:0}
body.ww-portal #order-standard_cart .ww-order-toolbar-control form {
  display:flex; align-items:center; gap:7px; margin:0!important;
}
body.ww-portal #order-standard_cart .ww-order-toolbar-control .form-control,
body.ww-portal #order-standard_cart .ww-order-toolbar-control select {
  display:block; width:auto; max-width:100%; min-width:95px; height:36px;
  min-height:36px!important; border:1px solid #dfe3ef; border-radius:8px;
  padding:6px 26px 6px 10px; background-color:#fff; font-size:13px;
  color:#24304a;
}
body.ww-portal #order-standard_cart .ww-order-toolbar a:focus-visible,
body.ww-portal #order-standard_cart .ww-order-toolbar select:focus-visible {
  outline:3px solid rgba(112,71,245,.32); outline-offset:2px;
}
/* Preserve the original order summary's own meaningful right column. */

@media(max-width:1100px){
  body.ww-portal #order-standard_cart .ww-order-toolbar{gap:10px 15px}
  body.ww-portal #order-standard_cart .ww-order-toolbar-section{flex:1 1 290px}
  body.ww-portal #order-standard_cart .ww-order-toolbar-section-control{flex:0 1 auto;margin-left:0}
}
@media(max-width:767px){
  body.ww-portal #order-standard_cart > .row > .cart-sidebar {margin-bottom:14px!important}
  body.ww-portal #order-standard_cart .ww-order-toolbar {
    display:flex; flex-direction:column; align-items:stretch; gap:10px;
    padding:12px; border-radius:12px;
  }
  body.ww-portal #order-standard_cart .ww-order-toolbar-section {
    width:100%; flex:0 1 auto; display:flex; flex-wrap:wrap;
  }
  body.ww-portal #order-standard_cart .ww-order-toolbar-title{width:auto}
  body.ww-portal #order-standard_cart select.ww-order-category-select{flex:1 1 auto;min-width:0;max-width:100%}
  body.ww-portal #order-standard_cart .ww-order-toolbar-links {
    width:100%; flex-wrap:nowrap; overflow-x:auto; padding:1px 0 3px;
    scrollbar-width:thin; -webkit-overflow-scrolling:touch;
  }
  body.ww-portal #order-standard_cart .ww-order-toolbar-link{min-height:37px}
  body.ww-portal #order-standard_cart .ww-order-toolbar-section-control {
    border-top:1px solid #eef0f6; padding-top:9px; margin-top:2px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.ww-portal #order-standard_cart .ww-order-toolbar-link{transition:none}
}