/* Keep the order-flow page pinned cleanly to the top of the viewport.
   This removes extra top spacing that can appear when the theme reserves room
   for sticky storefront elements.
html.bb-order-flow-page body {
  padding-top: 0 !important;
}
*/

/* Hide only the skip-to-content style navigation button.
   The broader storefront chrome remains visible, so customers can still use
   normal site navigation and breadcrumb links such as returning to cart. 
html.bb-order-flow-page .main-content-nav-btn {
  display: none !important;
}
*/

/* Remove extra top margin and padding from the main content wrappers on checkout.
   This tightens the vertical layout without removing the actual page header or footer. 
html.bb-checkout-page [data-zs-mobile-content-wrap],
html.bb-checkout-page .theme-content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
*/

/* Hide the italicized "(N Items)" fragment in the cart summary UI.
   This leaves the main summary heading intact while removing secondary clutter. */
.theme-scart-details-summary-main em {
  display: none !important;
}

/* Hide expandable order-summary detail blocks that are not needed in BoraBoda's checkout.
   The main total remains visible, but auxiliary summary lists and injected before/after
   sections are suppressed to keep the right column simpler. */
html.bb-checkout-page .theme-cart-details-summary-wrap > .theme-cart-details-summary-list,
html.bb-checkout-page .theme-cart-details-summary-wrap > [order_summary_before_section],
html.bb-checkout-page .theme-cart-details-summary-wrap > [order_summary_after_section],
html.bb-checkout-page #zs-order-summary-details {
  display: none !important;
}

/* Add breathing room below the order-summary title after the extra detail blocks are hidden.
   Without this, the heading can feel visually cramped against the total row. 
html.bb-checkout-page .theme-cart-details-summary-title {
  margin-bottom: 14px !important;
}
*/

/* Align review-order line items from the top rather than centering them vertically.
   This keeps product name, quantity, and amount visually aligned in a more compact table-like layout. */
html.bb-checkout-page .theme-cart-view-product-detail-wrap {
  align-items: flex-start !important;
}

/* Make quantity and amount blocks hug the top of each review-order row.
   This prevents those cells from drifting downward when item names or images are taller. */
html.bb-checkout-page .theme-cart-view-product-quantity-wrap,
html.bb-checkout-page .theme-cart-view-product-subtotal-wrap {
  align-self: flex-start !important;
  margin-top: 0 !important;
}

/* Hide the visible Region/State form field on checkout.
   The footer script injects a temporary value only when Zoho needs it for validation,
   then scrubs it after the address step is complete. */
html.bb-checkout-page #zs-billing-address-states-container {
  display: none !important;
}

/* Remove pickup helper UI that is unnecessary in BoraBoda's flow.
   This hides instructional text, pickup search, the custom radio decoration, and the change button,
   leaving a cleaner fixed pickup presentation. */
html.bb-checkout-page #pickup-info,
html.bb-checkout-page #pickup-search-container,
html.bb-checkout-page #pickup-locations-list .theme-custom-radio-btn-wrap,
html.bb-checkout-page #change_pickup_btn {
  display: none !important;
}

/* Remove left indentation left behind after pickup helper elements are hidden.
   This keeps the pickup content aligned with the rest of the checkout layout. */
html.bb-checkout-page #pickup-locations-list .theme-checkout-list-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Render pickup address paragraphs inline so the address reads more naturally in one compact line.
   This reduces vertical space in the pickup block, especially on mobile. */
html.bb-checkout-page #pickup-locations-list .theme-checkout-list-content p {
  display: inline !important;
  margin: 0 !important;
}

/* Insert a comma after the first pickup address paragraph.
   This recreates readable punctuation once the address paragraphs are displayed inline. */
html.bb-checkout-page #pickup-locations-list .theme-checkout-list-content p:first-of-type::after {
  content: ", ";
}

/* Keep the pickup label on its own line above the condensed inline address.
   This preserves a clear visual hierarchy between the location name and address details. */
html.bb-checkout-page #pickup-locations-list .theme-checkout-list-content label {
  display: block;
  margin-bottom: 6px;
}

/* Hide the payment-method row and the generic thank-you message on the submitted-order screen.
   The header script marks payment-status with .bb-order-status-page because that page is not
   detected as checkout by Zoho's normal flow markers. */
html.bb-order-status-page .theme-payment-info > .theme-payment-info-list:nth-of-type(3),
html.bb-order-status-page .theme-payment-thank-message,
html.bb-checkout-page .theme-payment-info > .theme-payment-info-list:nth-of-type(3),
html.bb-checkout-page .theme-payment-thank-message {
  display: none !important;
}