/**
 * Frontend Styles
 *
 * @package WC_ID_Verification
 */

/* ID Verification Section */
.wc-idv-verification-section {
	padding: 20px;
	margin: 20px 0;
	background: #f8f8f8;
	border: 2px solid #e5e5e5;
	border-radius: 4px;
}

.wc-idv-verification-section h3 {
	margin-top: 0;
	color: #333;
}

.wc-idv-pending-notice {
	padding: 20px;
	margin: 20px 0;
	background: #fff3cd;
	border: 2px solid #ffc107;
	border-radius: 4px;
}

.wc-idv-success {
	padding: 20px;
	margin: 20px 0;
	background: #d4edda;
	border: 2px solid #28a745;
	border-radius: 4px;
	color: #155724;
}

/* Iframe */
.wc-idv-iframe {
	width: 100%;
	min-height: 800px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 15px 0;
}

/* Fallback Link */
.wc-idv-iframe-fallback {
	text-align: center;
	margin-top: 15px;
	padding: 10px;
	background: #f0f0f0;
	border-radius: 4px;
}

/* Verify Button */
.wc-idv-verify-button {
	display: inline-block;
	padding: 12px 30px;
	background: #0071a1;
	color: #ffffff;
	text-decoration: none;
	border-radius: 4px;
	font-weight: bold;
	transition: background 0.3s ease;
}

.wc-idv-verify-button:hover {
	background: #005177;
	color: #ffffff;
}

/* Checkout Acknowledgment */
.wc-idv-acknowledgement {
	padding: 15px;
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 4px;
}

.wc-idv-acknowledgement label {
	font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
	.wc-idv-iframe {
		min-height: 600px;
	}

	.wc-idv-verification-section {
		padding: 15px;
	}
}