/* Bestway Pincode Delivery Checker - front-end styles */

.bpc-pincode-checker,
.bpc-pincode-checker * {
	box-sizing: border-box;
}

.bpc-pincode-checker {
	display: block;
	width: 100%;
	max-width: 480px;
	clear: both;
	float: none;
	margin: 16px 0;
	padding: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: #fafafa;
}

.bpc-label {
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.3;
	margin: 0 0 10px 0;
	color: #222;
	white-space: nowrap;
}

.bpc-input-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 8px;
	width: 100%;
}

.bpc-input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.4;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}

.bpc-button {
	flex: 0 0 auto;
	padding: 10px 22px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	background: #046bd2 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
}

.bpc-button:hover {
	background: #0356a8 !important;
}

.bpc-button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.bpc-result {
	display: block;
	width: 100%;
	margin-top: 10px;
	padding: 10px 12px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.5;
}

.bpc-result.bpc-success {
	background: #e6f6e9;
	color: #1e6b30;
	border: 1px solid #b7e3c1;
}

.bpc-result.bpc-partial {
	background: #fff6e0;
	color: #8a6100;
	border: 1px solid #f0dfa1;
}

.bpc-result.bpc-error {
	background: #fdecea;
	color: #a12622;
	border: 1px solid #f5c2bf;
}

/* Tablet - slightly tighter */
@media ( max-width: 480px ) {
	.bpc-pincode-checker {
		max-width: 100%;
		padding: 14px;
	}

	.bpc-label {
		font-size: 13.5px;
	}
}

/* Small mobile - stack input and button so nothing gets squeezed */
@media ( max-width: 360px ) {
	.bpc-input-row {
		flex-wrap: wrap;
	}

	.bpc-input {
		flex: 1 1 100%;
	}

	.bpc-button {
		flex: 1 1 100%;
	}

	.bpc-label {
		font-size: 13px;
		white-space: normal;
	}
}