/*
 * Module BWA Cart Cross Selling
 */

.cart-cross-selling {
  background : var(--color-grey-light);
  position   : relative;
}

.cart-cross-selling__title {
  font-size   : 1.5rem;
  font-weight : 700;
  margin      : 0;
  padding-top : 3rem;
  color       : var(--color-black-default);
}

@media (min-width : 768px) {
  .cart-cross-selling__title {
    font-size : 1.75rem;
  }
}

.cart-cross-selling__slider .swiper-wrapper {
  position : relative;
  padding  : 2rem 0 3rem;
}

/* Navigation Buttons - même style que product-accessories */
.cart-cross-selling__navigation {
  position        : absolute;
  top             : 50%;
  left            : 0;
  right           : 0;
  transform       : translateY(-50%);
  display         : flex;
  justify-content : space-between;
  pointer-events  : none;
  z-index         : 10;
}

.cart-cross-selling__btn {
  width           : 44px;
  height          : 44px;
  border-radius   : 50%;
  background      : var(--color-white-default);
  border          : 1px solid rgba(0, 0, 0, 0.1);
  cursor          : pointer;
  display         : flex;
  align-items     : center;
  justify-content : center;
  transition      : all 0.3s ease;
  pointer-events  : auto;
  box-shadow      : 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  color           : var(--color-black-default);
}

.cart-cross-selling__btn:hover {
  background   : var(--color-primary);
  color        : var(--color-white-default);
  border-color : var(--color-primary);
}

.cart-cross-selling__btn--prev {
  margin-left : -5%;
}

.cart-cross-selling__btn--next {
  margin-right : -5%;
}

.cart-cross-selling__btn.swiper-button-disabled {
  opacity        : 0.3;
  cursor         : not-allowed;
  pointer-events : none;
}

.cart-cross-selling__btn svg {
  width  : 20px;
  height : 20px;
}

.cart-cross-selling .swiper-slide {
  width  : auto;
  height : auto;
}

.cart-cross-selling .product-miniature {
  height : 100%;
}

.cart-cross-selling .thumbnail-container {
  height : 100%;
}

@media (max-width : 767px) {
  .cart-cross-selling__navigation {
    display : none;
  }
}