/* =====================================================================
   Shiprocket EDD Checker – Front-end widget styles
   ===================================================================== */

/* ---------- Widget wrapper ---------- */
.srpe-widget {
	margin: 18px 0;
	padding: 18px 20px;
	background: #f7f9fc;
	border: 1px solid #e1e8ef;
	border-radius: 8px;
	font-family: inherit;
}

/* ---------- Label ---------- */
.srpe-widget__label {
	margin: 0 0 10px;
	font-weight: 600;
	font-size: 14px;
	color: #1a1a2e;
}

/* ---------- Input row ---------- */
.srpe-widget__row {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* ---------- Input ---------- */
.srpe-widget__input {
	flex: 1;
	min-width: 0;
	padding: 9px 12px;
	border: 1px solid #c9d4df;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	outline: none;
}

.srpe-widget__input:focus {
	border-color: #e95d27;
	box-shadow: 0 0 0 3px rgba(233, 93, 39, 0.15);
}

/* ---------- Button ---------- */
.srpe-widget__btn {
	padding: 9px 20px;
	background: #e95d27;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s ease, transform 0.1s ease;
}

.srpe-widget__btn:hover {
	background: #c94c1b;
}

.srpe-widget__btn:active {
	transform: scale(0.97);
}

.srpe-widget__btn:disabled {
	background: #c0c7ce;
	cursor: not-allowed;
	transform: none;
}

/* ---------- Message ---------- */
.srpe-widget__msg {
	display: none;
	margin-top: 10px;
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.5;
}

.srpe-widget__msg--success {
	background: #edfbf0;
	border: 1px solid #86e2a0;
	color: #166534;
}

.srpe-widget__msg--error {
	background: #fff3f3;
	border: 1px solid #fca5a5;
	color: #b91c1c;
}

/* ---------- Responsive ---------- */
@media ( max-width: 480px ) {
	.srpe-widget__row {
		flex-direction: column;
	}
	.srpe-widget__btn {
		width: 100%;
	}
}