/* Baskibu Designer 0.23.2 — public customer entry + compact mobile object surface */

/* --------------------------------------------------------------------------
   Public Product Builder entry
   -------------------------------------------------------------------------- */
.bbd-entry.bbd-entry--public-builder{
  width:100%!important;
  margin:12px 0 14px!important;
  padding:0!important;
  position:relative!important;
  clip:auto!important;
  height:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  border:0!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-open-editor{
  width:100%!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px 16px!important;
  border:1px solid #b9ddd5!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f6fcfa 0%,#eef9f6 100%)!important;
  color:#102a25!important;
  text-align:left!important;
  box-shadow:0 8px 24px rgba(15,143,121,.08)!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-button-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#0f8f79!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(15,143,121,.2)!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-entry-action-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-entry-action-copy strong{
  color:#101828!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-entry-action-copy small{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:550!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-entry-action-arrow{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d6e8e3!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0f8f79!important;
  font-size:18px!important;
  font-weight:800!important;
}
.bbd-entry.bbd-entry--public-builder .bbd-entry-status{
  width:100%!important;
  margin:0!important;
}

/* Old 0.23.1 bridge must never hide the real WooCommerce entry. */
html.bbd-public-entry-ready #bbd-entry.bbd-entry--public-builder{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  margin:12px 0 14px!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
}

/* --------------------------------------------------------------------------
   Mobile selected-object UX: one dock, not stacked overlays.
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  .bbd-app.bbd-release-0232 .bbd-0232-mobile-legacy-overlay,
  .bbd-app.bbd-release-0232 .bbd-object-toolbar,
  .bbd-app.bbd-release-0232 .bbd-stage-meta{
    display:none!important;
  }

  .bbd-app.bbd-release-0232 .bbd-context-route-toolbar.bbd-0232-mobile-object-dock{
    position:fixed!important;
    z-index:9600!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(80px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:4px!important;
    padding:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:1px solid rgba(211,224,220,.98)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 16px 42px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.06)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    transform:none!important;
    animation:none!important;
    scrollbar-width:none!important;
  }
  .bbd-app.bbd-release-0232 .bbd-context-route-toolbar.bbd-0232-mobile-object-dock::-webkit-scrollbar{display:none!important}
  .bbd-app.bbd-release-0232 .bbd-context-route-toolbar.bbd-0232-mobile-object-dock[hidden]{display:none!important}
  .bbd-app.bbd-release-0232 .bbd-context-route-toolbar.bbd-0232-mobile-object-dock button{
    flex:1 1 0!important;
    min-width:76px!important;
    min-height:46px!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#475467!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }
  .bbd-app.bbd-release-0232 .bbd-context-route-toolbar.bbd-0232-mobile-object-dock button.is-active,
  .bbd-app.bbd-release-0232 .bbd-context-route-toolbar.bbd-0232-mobile-object-dock button:active{
    background:#edf8f5!important;
    color:#0f8f79!important;
  }

  /* The compact quality recommendation used to add a second white row under
     the object toolbar. Keep those details in the review/quality route instead. */
  .bbd-app.bbd-release-0232 .bbd-0232-mobile-quality-chip,
  .bbd-app.bbd-release-0232 .bbd-quality-summary[data-compact="true"],
  .bbd-app.bbd-release-0232 .bbd-quality-summary[data-mega-final-quality="compact"]{
    display:none!important;
  }

  /* Product/options sheet starts as a true half-sheet so the customer can see
     the result on the product while changing size/set. */
  .bbd-app.bbd-release-0232[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-release-0232[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(58dvh,520px)!important;
    max-height:min(58dvh,520px)!important;
    min-height:min(390px,58dvh)!important;
  }

  .bbd-entry.bbd-entry--public-builder .bbd-open-editor{
    min-height:72px!important;
    grid-template-columns:44px minmax(0,1fr) 28px!important;
    gap:11px!important;
    padding:13px 14px!important;
    border-radius:16px!important;
  }
  .bbd-entry.bbd-entry--public-builder .bbd-button-icon{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }
  .bbd-entry.bbd-entry--public-builder .bbd-entry-action-copy strong{font-size:15px!important}
  .bbd-entry.bbd-entry--public-builder .bbd-entry-action-copy small{font-size:11.5px!important}
}