/* Tim Pengembangan Satelitweb.com © 2026 */
@import url("../../nexus/css/satelitweb-custom.css");
@import url("../../nexus/css/custom.css");

/* ==================================================
   50. COMPLETE MOBILE & DESKTOP CART REPAIR (NO CLIPPING, NO OVERFLOW)
   ================================================== */
#order-standard_cart,
.sw-order-standard-cart {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#order-standard_cart .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#order-standard_cart .cart-sidebar {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 20px !important;
}

#order-standard_cart .cart-body {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  #order-standard_cart .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  #order-standard_cart .cart-sidebar {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #order-standard_cart .cart-body {
    width: 75% !important;
    max-width: 75% !important;
    flex: 0 0 75% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Fix Domain Promo Boxes on Mobile */
.domain-promo-box,
.sw-promo-card,
.sw-domain-promo-row,
.sw-domain-promo-row > div {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.domain-promo-box,
.sw-promo-card {
  padding: 20px !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
}

.sw-promo-card-content {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.sw-promo-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.sw-promo-text h3 {
  font-size: 16px !important;
  line-height: 1.3 !important;
  word-break: break-word !important;
}

.sw-promo-text p {
  font-size: 13px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
}

.sw-promo-action {
  width: 100% !important;
}

.sw-promo-action .btn {
  width: 100% !important;
  display: block !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}
