/* AVV Addons v13.4.6 — Native Bakala cart drawer CSS-only cleanup and delete polish.
   Important: this file does NOT rebuild mini-cart HTML and does NOT touch price logic.
   It only adjusts Bakala's existing mini-cart structure:
   ul.ar-product > li.mini_cart_item, .ar-product-side, .flex-direction-nav, .quantity-wrap, .ar-delete. */

/* Scope only the Bakala cart drawer/list. */
.basket_wrap ul.ar-product > li.mini_cart_item,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item,
ul.ar-product > li.mini_cart_item{
  position: relative !important;
  height: auto !important;
  min-height: 108px !important;
  width: 90% !important;
  margin: 12px auto !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .045) !important;
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
  align-items: center !important;
}

/* Image column: keep native link/figure, just constrain size. */
.basket_wrap ul.ar-product > li.mini_cart_item > a:first-child,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item > a:first-child,
ul.ar-product > li.mini_cart_item > a:first-child{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .ar-product-side,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-product-side,
ul.ar-product > li.mini_cart_item .ar-product-side,
.basket_wrap ul.ar-product > li.mini_cart_item .ar-product-image,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-product-image,
ul.ar-product > li.mini_cart_item .ar-product-image{
  width: 78px !important;
  height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .ar-product-image img,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-product-image img,
ul.ar-product > li.mini_cart_item .ar-product-image img,
.basket_wrap ul.ar-product > li.mini_cart_item img.attachment-woocommerce_thumbnail,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item img.attachment-woocommerce_thumbnail,
ul.ar-product > li.mini_cart_item img.attachment-woocommerce_thumbnail{
  width: 74px !important;
  height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Text column. */
.basket_wrap ul.ar-product > li.mini_cart_item .flex-direction-nav,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .flex-direction-nav,
ul.ar-product > li.mini_cart_item .flex-direction-nav{
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding: 0 32px 0 0 !important;
  margin: 0 !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .flex-direction-nav h3,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .flex-direction-nav h3,
ul.ar-product > li.mini_cart_item .flex-direction-nav h3{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.75 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #172554 !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .flex-direction-nav h3 > a,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .flex-direction-nav h3 > a,
ul.ar-product > li.mini_cart_item .flex-direction-nav h3 > a{
  color: #172554 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

/* The native title link is enough. Hide the oversized extra view-product button injected by the plugin. */
.basket_wrap ul.ar-product > li.mini_cart_item .avv-cart-view-btn,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .avv-cart-view-btn,
ul.ar-product > li.mini_cart_item .avv-cart-view-btn,
.basket_wrap ul.ar-product > li.mini_cart_item .avv-cart-view-btn-wrap,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .avv-cart-view-btn-wrap,
ul.ar-product > li.mini_cart_item .avv-cart-view-btn-wrap{
  display: none !important;
}

/* Keep cart price line, remove quantity stepper controls in drawer. */
.basket_wrap ul.ar-product > li.mini_cart_item .quantity-wrap,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .quantity-wrap,
ul.ar-product > li.mini_cart_item .quantity-wrap{
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 2px 32px 0 0 !important;
  padding: 0 !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .quantity-wrap > .quantity,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .quantity-wrap > .quantity,
ul.ar-product > li.mini_cart_item .quantity-wrap > .quantity,
.basket_wrap ul.ar-product > li.mini_cart_item .quantity-wrap input.qty,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .quantity-wrap input.qty,
ul.ar-product > li.mini_cart_item .quantity-wrap input.qty,
.basket_wrap ul.ar-product > li.mini_cart_item .bakala-minus,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .bakala-minus,
ul.ar-product > li.mini_cart_item .bakala-minus,
.basket_wrap ul.ar-product > li.mini_cart_item .bakala-plus,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .bakala-plus,
ul.ar-product > li.mini_cart_item .bakala-plus{
  display: none !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .cart_list_product_quantity,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .cart_list_product_quantity,
ul.ar-product > li.mini_cart_item .cart_list_product_quantity,
.basket_wrap ul.ar-product > li.mini_cart_item .avv-widget-upgrade-quantity,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .avv-widget-upgrade-quantity,
ul.ar-product > li.mini_cart_item .avv-widget-upgrade-quantity{
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.7 !important;
}

/* Delete button: compact, single-layer, and lower so it does not cover product titles. */
.basket_wrap ul.ar-product > li.mini_cart_item .ar-delete,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-delete,
ul.ar-product > li.mini_cart_item .ar-delete{
  position: absolute !important;
  top: 70px !important;
  left: 12px !important;
  right: auto !important;
  z-index: 6 !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff1f3 !important;
  border: 1px solid #ffd6de !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 7px rgba(247, 74, 103, .12) !important;
  opacity: 1 !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .ar-delete::before,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-delete::before,
ul.ar-product > li.mini_cart_item .ar-delete::before{
  content: "×" !important;
  display: block !important;
  color: #f74a67 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  transform: translateY(-1px) !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .ar-delete::after,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-delete::after,
ul.ar-product > li.mini_cart_item .ar-delete::after{
  content: none !important;
  display: none !important;
}

.basket_wrap ul.ar-product > li.mini_cart_item .ar-delete:hover,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-delete:hover,
ul.ar-product > li.mini_cart_item .ar-delete:hover{
  background: #ffe4e9 !important;
  border-color: #ffc1cd !important;
}

/* Do not add visual noise in the drawer; keep markers hidden, metadata remains available. */
.basket_wrap ul.ar-product > li.mini_cart_item .avv-cart-upgrade-badge,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .avv-cart-upgrade-badge,
ul.ar-product > li.mini_cart_item .avv-cart-upgrade-badge,
.basket_wrap ul.ar-product > li.mini_cart_item .avv-cart-parent-upgrade-count,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .avv-cart-parent-upgrade-count,
ul.ar-product > li.mini_cart_item .avv-cart-parent-upgrade-count{
  display: none !important;
}

/* A very subtle distinction for upgrade items only, without rebuilding the card. */
.basket_wrap ul.ar-product > li.mini_cart_item.avv-cart-upgrade-item,
[data-hide*="slide-right"] ul.ar-product > li.mini_cart_item.avv-cart-upgrade-item,
ul.ar-product > li.mini_cart_item.avv-cart-upgrade-item{
  background: #fbfffd !important;
  border-color: #dff5e7 !important;
}

@media (max-width: 480px){
  .basket_wrap ul.ar-product > li.mini_cart_item,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item,
  ul.ar-product > li.mini_cart_item{
    min-height: 100px !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 9px 10px !important;
    border-radius: 20px !important;
  }

  .basket_wrap ul.ar-product > li.mini_cart_item .ar-product-side,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-product-side,
  ul.ar-product > li.mini_cart_item .ar-product-side,
  .basket_wrap ul.ar-product > li.mini_cart_item .ar-product-image,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-product-image,
  ul.ar-product > li.mini_cart_item .ar-product-image{
    width: 72px !important;
    height: 72px !important;
  }

  .basket_wrap ul.ar-product > li.mini_cart_item .ar-product-image img,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-product-image img,
  ul.ar-product > li.mini_cart_item .ar-product-image img,
  .basket_wrap ul.ar-product > li.mini_cart_item img.attachment-woocommerce_thumbnail,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item img.attachment-woocommerce_thumbnail,
  ul.ar-product > li.mini_cart_item img.attachment-woocommerce_thumbnail{
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
  }

  .basket_wrap ul.ar-product > li.mini_cart_item .flex-direction-nav h3,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .flex-direction-nav h3,
  ul.ar-product > li.mini_cart_item .flex-direction-nav h3,
  .basket_wrap ul.ar-product > li.mini_cart_item .flex-direction-nav h3 > a,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .flex-direction-nav h3 > a,
  ul.ar-product > li.mini_cart_item .flex-direction-nav h3 > a{
    font-size: 12.5px !important;
    line-height: 1.7 !important;
  }

  .basket_wrap ul.ar-product > li.mini_cart_item .ar-delete,
  [data-hide*="slide-right"] ul.ar-product > li.mini_cart_item .ar-delete,
  ul.ar-product > li.mini_cart_item .ar-delete{
    top: 70px !important;
    left: 10px !important;
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
  }
}