/* Public Styles for VM-Giftcard */

.vm-giftcard-form-wrapper {
	max-width: 800px !important;
	margin: 0 auto !important;
	padding: 20px !important;
}

.vm-giftcard-form-text {
	margin-bottom: 30px !important;
	padding: 20px !important;
	background: #f9f9f9 !important;
	border-radius: 4px !important;
}

.vm-giftcard-form-text p {
	margin: 0 0 15px 0 !important;
}

.vm-giftcard-form-text p:last-child {
	margin-bottom: 0 !important;
}

.vm-giftcard-form-text h1,
.vm-giftcard-form-text h2,
.vm-giftcard-form-text h3,
.vm-giftcard-form-text h4,
.vm-giftcard-form-text h5,
.vm-giftcard-form-text h6 {
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}

.vm-giftcard-form-text ul,
.vm-giftcard-form-text ol {
	margin: 0 0 15px 20px !important;
	padding: 0 !important;
}

.vm-giftcard-form-text li {
	margin-bottom: 5px !important;
}

.vm-giftcard-form-text strong,
.vm-giftcard-form-text b {
	font-weight: 600 !important;
}

.vm-giftcard-form-text em,
.vm-giftcard-form-text i {
	font-style: italic !important;
}

.vm-giftcard-form-text a {
	color: #2271b1 !important;
	text-decoration: underline !important;
}

.vm-giftcard-form-text a:hover {
	color: #135e96 !important;
}

.vm-giftcard-order-form {
	background: #fff !important;
	padding: 30px !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.vm-giftcard-form-section {
	margin-bottom: 30px !important;
	padding-bottom: 25px !important;
	border-bottom: 1px solid #e0e0e0 !important;
}

.vm-giftcard-form-section:last-of-type {
	border-bottom: none !important;
}

.vm-giftcard-form-section h3 {
	margin: 0 0 20px 0 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #1d2327 !important;
}

.vm-giftcard-form-field {
	margin-bottom: 20px !important;
}

.vm-giftcard-form-field:last-child {
	margin-bottom: 0 !important;
}

.vm-giftcard-form-field label {
	display: block !important;
	margin-bottom: 8px !important;
	font-weight: 500 !important;
	color: #1d2327 !important;
}

.vm-giftcard-form-field .required {
	color: #d63638 !important;
}

.vm-giftcard-form-field input[type="text"],
.vm-giftcard-form-field input[type="email"],
.vm-giftcard-form-field input[type="tel"],
.vm-giftcard-form-field input[type="number"],
.vm-giftcard-form-field select,
.vm-giftcard-form-field textarea {
	width: 100% !important;
	padding: 12px !important;
	border: 1px solid #8c8f94 !important;
	border-radius: 4px !important;
	font-size: 16px !important;
	font-family: inherit !important;
	transition: border-color 0.2s !important;
	box-sizing: border-box !important;
}

.vm-giftcard-form-field input[type="text"]:focus,
.vm-giftcard-form-field input[type="email"]:focus,
.vm-giftcard-form-field input[type="tel"]:focus,
.vm-giftcard-form-field input[type="number"]:focus,
.vm-giftcard-form-field select:focus,
.vm-giftcard-form-field textarea:focus {
	outline: none !important;
	border-color: #2271b1 !important;
	box-shadow: 0 0 0 1px #2271b1 !important;
}

.vm-giftcard-amount-wrapper {
	position: relative !important;
	display: inline-block !important;
	width: 100% !important;
}

.vm-giftcard-amount-wrapper input[type="number"] {
	width: 100% !important;
	padding-right: 50px !important;
}

.vm-giftcard-currency {
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-weight: 500 !important;
	color: #646970 !important;
	pointer-events: none !important;
	user-select: none !important;
}

.vm-giftcard-payment-info {
	margin-top: 15px !important;
	padding: 15px !important;
	background: #f0f6fc !important;
	border-left: 4px solid #2271b1 !important;
	border-radius: 4px !important;
}

.vm-giftcard-payment-info p {
	margin: 0 !important;
	color: #1d2327 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

.vm-giftcard-payment-info strong {
	color: #2271b1 !important;
	font-weight: 600 !important;
}

.vm-giftcard-payment-info a {
	color: #2271b1 !important;
	text-decoration: underline !important;
}

.vm-giftcard-payment-info a:hover {
	color: #135e96 !important;
	text-decoration: underline !important;
}

.vm-giftcard-submit-text {
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	padding: 15px 20px !important;
	background: #f9f9f9 !important;
	border-radius: 4px !important;
}

.vm-giftcard-submit-text p {
	margin: 0 0 10px 0 !important;
}

.vm-giftcard-submit-text p:last-child {
	margin-bottom: 0 !important;
}

.vm-giftcard-form-submit {
	margin-top: 20px !important;
	text-align: center !important;
}

.vm-giftcard-submit-button {
	background: #2271b1 !important;
	color: #ffffff !important;
	border: none !important;
	padding: 15px 40px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	transition: background-color 0.2s !important;
	box-shadow: none !important;
	outline: none !important;
	text-decoration: none !important;
	display: inline-block !important;
}

.vm-giftcard-submit-button:hover {
	background: #135e96 !important;
	color: #ffffff !important;
	border: none !important;
}

.vm-giftcard-submit-button:active {
	background: #0a4b78 !important;
	color: #ffffff !important;
	border: none !important;
}

.vm-giftcard-submit-button:disabled {
	background: #8c8f94 !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
	border: none !important;
}

.vm-giftcard-form-message {
	margin-top: 20px !important;
	padding: 15px !important;
	border-radius: 4px !important;
	font-weight: 500 !important;
}

.vm-giftcard-form-message.success {
	background: #d1e7dd !important;
	color: #0f5132 !important;
	border: 1px solid #badbcc !important;
}

.vm-giftcard-form-message.error {
	background: #f8d7da !important;
	color: #842029 !important;
	border: 1px solid #f5c2c7 !important;
}

/* Responsive */
@media (max-width: 768px) {
	.vm-giftcard-form-wrapper {
		padding: 15px !important;
	}

	.vm-giftcard-order-form {
		padding: 20px !important;
	}

	.vm-giftcard-form-section h3 {
		font-size: 16px !important;
	}
}