/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 09 2026 | 17:32:07 */
/* ==========================================================
   CUSTOM GUITAR ATELIER — MOBILE MINI-CART MULTI-ITEM FIX

   Add this file after cga-premium-mobile-mini-cart.css.
   Appearance/layout only. It does not change cart data,
   prices, quantities, links, remove controls, or checkout.

   Fixes the case where the next product card starts before
   the previous product's ThemeComplete configuration has
   finished, causing the two configurations to overlap.
   ========================================================== */

@media screen and (max-width: 849px) {
  /*
   * Every product is an independent flow container. Flatsome/WooCommerce
   * can float mini-cart children; flow-root makes the item's height include
   * the complete variation grid before the next item is laid out.
   */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item {
    display: flow-root !important;
    flex: 0 0 auto !important;
    align-self: stretch;
    float: none !important;
    clear: both !important;
    position: relative !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    isolation: isolate;
  }

  /* Keep each product's identity, configuration and price in one flow. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  a:not(.remove),
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  dl.variation,
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  span.quantity {
    float: none !important;
    clear: both !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Reset legacy float/position rules on the variation grid cells. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  dl.variation > dt,
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  dl.variation > dd {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
  }

  /* A little more separation makes two configurations read as two items. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item +
  li.woocommerce-mini-cart-item.mini_cart_item {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(151, 111, 52, 0.28) !important;
  }

  /* Keep the configuration title and rows inside the item boundary. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  dl.variation {
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    align-items: start;
  }

  /* Keep the remove control above the identity card and the next item. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  a:not(.remove) {
    position: relative !important;
    z-index: 0;
  }

  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item >
  a.remove {
    position: absolute !important;
    z-index: 5 !important;
    pointer-events: auto;
  }

  /* Subsequent items have a top separator/padding; align X with their card. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item +
  li.woocommerce-mini-cart-item.mini_cart_item >
  a.remove {
    top: 25px !important;
  }
}

@media screen and (max-width: 359px) {
  /* Preserve readable wrapping on very narrow phones. */
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item +
  li.woocommerce-mini-cart-item.mini_cart_item {
    margin-top: 15px !important;
    padding-top: 15px !important;
  }

  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item +
  li.woocommerce-mini-cart-item.mini_cart_item >
  a.remove {
    top: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item,
  .mfp-content.off-canvas-cart
  #cart-popup .widget_shopping_cart_content >
  ul.woocommerce-mini-cart >
  li.woocommerce-mini-cart-item.mini_cart_item * {
    transition: none !important;
  }
}