/* SportsCore v1.12.42 - canonical Mini Cart accessory spacing.
 * Loaded after frontend.css and owned exclusively by the Mini Cart layer.
 * It does not depend on which legacy rule/pseudo-element created a separator.
 * Visual contract:
 * direct add-on -> compact white gap -> purchased-accessories summary
 * -> breathing room -> one gray divider -> next product.
 */
html body .cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini,
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini{
  position:relative!important;
  z-index:2!important;
  margin-top:-6px!important;
  padding-top:0!important;
  border-top:0!important;
  box-shadow:none!important;
}

/* Physically mask any separator rendered by the preceding WoodMart/SportsCore row.
 * This is deliberately independent of cart-key/classes on the previous element. */
html body .cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini::before,
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-10px!important;
  height:10px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* Closed summary: no pseudo divider. Use one real border after fixed breathing room. */
html body .cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini:not(.is-open),
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini:not(.is-open){
  padding-bottom:10px!important;
  margin-bottom:6px!important;
  border-bottom:1px solid var(--brdcolor-gray-300,#e5e5e5)!important;
}
html body .cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini:not(.is-open)::after,
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini:not(.is-open)::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* Expanded summary keeps separator ownership on the final expanded accessory row. */
html body .cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini.is-open,
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini.is-open{
  padding-bottom:0!important;
  margin-bottom:0!important;
  border-bottom:0!important;
}
html body .cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini.is-open::after,
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-accessory-group-summary-mini.is-open::after{
  content:none!important;
  display:none!important;
}


/* v1.12.39 - inline shorts visual child row.
 * Pricing stays on the parent WooCommerce cart line; this row is presentation only. */
html body .cart-widget-side .woocommerce-mini-cart > li.sc-inline-selected-shorts-row,
html body .shopping-cart-widget-side .woocommerce-mini-cart > li.sc-inline-selected-shorts-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  min-width:46px!important;
  height:50px!important;
  flex:0 0 46px!important;
  border-radius:8px!important;
  background:#fff!important;
}
html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji{
  display:block!important;
  font-size:34px!important;
  line-height:1!important;
}
html body .cart-widget-side li.sc-inline-selected-shorts-row .cart-info,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .cart-info{
  flex:1 1 auto!important;
  min-width:0!important;
}
html body .cart-widget-side li.sc-inline-selected-shorts-row .product-title,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .product-title,
html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-meta-inline,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-meta-inline,
html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-item-price,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-item-price{
  display:block!important;
}
@media(max-width:760px){
  html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image,
  html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image{
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
    flex-basis:40px!important;
  }
  html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji,
  html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji{font-size:32px!important}
}

/* v1.12.42 - one image contract for linked and inline matching shorts.
 * The pre-add offer and the selected virtual child use the exact dimensions of
 * a real linked shorts product, so there is no visual jump between modes. */
html body .cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-image,
html body .shopping-cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-image,
html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  flex:0 0 46px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body .cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-emoji,
html body .shopping-cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-emoji,
html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji,
html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  line-height:1!important;
}
@media(max-width:760px){
  html body .cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-image,
  html body .shopping-cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-image,
  html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image,
  html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-inline-selected-shorts-image{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex-basis:40px!important;
  }
  html body .cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-emoji,
  html body .shopping-cart-widget-side .sc-mini-shorts-mockup .sc-mini-shorts-emoji,
  html body .cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji,
  html body .shopping-cart-widget-side li.sc-inline-selected-shorts-row .sc-mini-shorts-emoji{
    font-size:36px!important;
  }
}