/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 10 2026 | 12:06:43 */
.gallery, .row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 100% !important;
}
.col-inner > .woocommerce {
	max-width: 80vw;
	margin: 0 auto;
}
.woocommerce.row {
	max-width: 100 !important;
    margin: 0 auto;
	padding: 0;
    width: 100%;
}
.cart-collaterals {
	
}
.product-name {
	text-transform: none;
    font-size: 1.3em;
    color: #414141;
    padding: 0;
    padding-bottom: 1em;
	border-width: 1px;
}
.cart-collaterals > div.is-sticky-column {
	display: none !important;
}

/* Scoped Box Sizing agar tidak merusak layout luar */
.milspay-container * {
  box-sizing: border-box;
}

.section-pay {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  background-color: transparent; /* Background demo */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Container Utama */
.milspay-container {
  background: white;
  width: 100%;
  max-width: 350px;
  padding: 30px 25px;
  border-radius: .8em;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  border: 1px solid #e0e0e0;
  font-family: 'Poppins', sans-serif; /* Memastikan font inheritance */
}

/* Typography Header */
.milspay-main-title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.milspay-section {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

/* Section Title */
.milspay-section-title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin: 0 0 10px 0;
}

/* Shipping Section */
.milspay-shipping-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.milspay-address {
  font-size: 12px;
  color: #999;
  line-height: 1.4;
  width: 75%;
  margin: 0;
}

.milspay-edit-link {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

/* Input Box Styling */
.milspay-input-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px 12px;
  background: white;
}

.milspay-input-left {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.milspay-input-left svg {
  stroke: #555;
  width: 20px;
  flex-shrink: 0;
}

.milspay-code-text {
  font-weight: 700;
  font-size: 13px;
  color: #333;
}

.milspay-input-field {
  	border: none !important;
	outline: none;
	font-family: 'Poppins', sans-serif;
	font-size: 13px !important;
	width: 100% !important;
	color: #333 !important;
	background: transparent;
	box-shadow: none !important;
}

.milspay-input-field::placeholder {
  color: #ccc;
}

/* Action Buttons (Remove/Apply) */
.milspay-action-btn {
  background: none;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.milspay-action-btn.milspay-remove {
  color: #e04f5f;
}

.milspay-action-btn.milspay-apply {
  color: #333;
}

/* Validasi Text */
.milspay-success-msg {
  color: #2ecc71;
  font-size: 12px;
  margin: 8px 0 0 0;
  font-weight: 500;
}

/* Divider tipis */
.milspay-divider {
  border: none;
  border-top: 1px solid #eee;
  margin: 15px 0;
}

/* Summary Details */
.milspay-summary-details {
  margin-bottom: 10px;
}

.milspay-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 13px;
}

.milspay-label {
  color: #aaa;
}

.milspay-value {
  font-weight: 600;
  color: #333;
}

.milspay-value.milspay-voucher-deduct {
  color: #333; 
}

.milspay-value.milspay-free {
  color: #2ecc71;
}

/* Total Section */
.milspay-total-section {
  margin-top: 5px;
}

.milspay-row.milspay-total-row {
  align-items: center;
  margin-bottom: 20px;
}

.milspay-label-total {
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

.milspay-value-total {
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

/* Checkout Button */
.milspay-checkout-btn {
  width: 100%;
  background-color: #2d2d2d;
  color: white;
  border: none;
  padding: 15px;
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s;
}

.milspay-checkout-btn:hover {
  background-color: #000;
}
.milspay-container .button, .milspay-container button, .milspay-container fieldset, .milspay-container input, .milspay-container select, .milspay-container textarea {
    margin-bottom: 0em !important;
}
.milspay-voucher-deduct a.mils-remove svg {
	width: 15px;
}