/* assets/css/style.css – CSS cho calculator (đã tối ưu 2025) */

.isc-calculator-wrapper * { box-sizing: border-box; }

.isc-calculator-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.6;
    color: #1e293b;
    max-width: 1000px;
    margin: 10px auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.isc-calculator-wrapper form { padding: 30px; }

.isc-calculator-wrapper select:focus {
    border-color: #7c3aed;
    outline: none;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}

.isc-parcel-row input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Nút Thêm kiện */
#add-parcel {
    background: #7c3aed !important; color: #fff !important;
    padding: 5px 5px !important; border-radius: 5px !important; cursor: pointer;
    font-size: 14px; font-weight: 600; margin-top: 5px; transition: all 0.2s;
}
#add-parcel:hover { border-color: #7c3aed !important; color: #7c3aed !important; background: #f8f0ff !important; }

/* Nút Xóa kiện */
.remove-parcel {
    background: #fee2e2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important;
    padding: 0px 5px !important; border-radius: 10px !important; font-weight: 600; cursor: pointer;
}
.remove-parcel:hover { background: #fecaca !important; }

/* Tổng trọng lượng */
#total-vol-weight, #total-actual-weight, #chargeable-weight { font-weight: 700; color: #7c3aed; }

/* Nút Kiểm tra giá */
#check-price-btn {
    background: #7c3aed !important;  color: #fff !important;
    padding: 5px 5px !important; border-radius: 5px !important; cursor: pointer;
    font-size: 14px; font-weight: 600; margin-top: 5px; transition: all 0.2s;
}
#check-price-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(124,58,237,0.4); }

/* Kết quả & Box tổng tiền */
#isc-result { margin-top: 10px; }
#final-price-box {
    margin-top: 10px; padding: 5px; background: linear-gradient(135deg, #ecfdf5, #dcfce7);
    border-radius: 16px; text-align: center; font-size: 20px; font-weight: 600;
    border: 2px dashed #86efac; display: none;
}
#final-price-box span { color: #7c3aed; font-size: 32px; }
#place-order-btn {
    margin-left: 20px; background: #dc2626 !important; color: #fff !important;
    padding: 14px 32px !important; border: none !important; border-radius: 50px !important;
    font-size: 18px !important; font-weight: 700 !important; cursor: pointer;
}
#place-order-btn:hover { background: #b91c1c !important; transform: translateY(-2px); }

/* Responsive */
@media (max-width: 768px) {
    .isc-calculator-wrapper { margin: 5px auto; padding: 5px; }
    .isc-calculator-wrapper form { padding: 20px; }
    .isc-calculator-wrapper select, .isc-calculator-wrapper input { font-size: 14px !important; }
    .isc-parcel-row { grid-template-columns: 1fr !important; }
}

#order-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}