/* Zeolife · Adaptive Errors — ίδιο borderless στυλ με τον Address Validator (mint/amber) */

.zae-msg {
	margin-top: 6px;
	padding: 8px 12px;
	border-radius: 10px;
	background: #fbf3e4;
	color: #7a5b1e;
	font-size: 0.85em;
	line-height: 1.45;
	display: flex;
	flex-direction: column;
	gap: 2px;
	clear: both;
}

.zae-msg--error {
	background: #fdecec;
	color: #8a2a2a;
}

.zae-msg--info {
	background: #eef5f1;
	color: #24523e;
}

.zae-msg a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
 * Μεγεθυντικός φακός ΑΦΜ (Oxygen #vat-check-button) στα χρώματα Zeolife:
 * brand gradient, στρογγυλός, απαλή σκιά, hover lift. Όταν ο ΑΦΜ είναι
 * πλήρης & σωστός (κλάση .zae-afm-ready από το JS), κάνει ήπιο pulse για
 * να τραβήξει το βλέμμα — σε συνδυασμό με το «πατήστε ΤΩΡΑ τον φακό».
 * ---------------------------------------------------------------------- */

#vat-check-button {
	background: linear-gradient(120deg, #0098d2 0%, #2a9ca0 52%, #7ba341 100%) !important;
	border-radius: 999px !important;
	box-shadow: 0 3px 8px -4px rgba(0, 152, 210, .5);
	transition: box-shadow .18s, filter .18s;
}

/* Hover: ΧΩΡΙΣ μεγέθυνση/μετακίνηση — μόνο ελαφρύ φωτισμό, ώστε το κουμπί
 * να μένει πάντα μέσα στο πλαίσιο του πεδίου. */
#vat-check-button:hover {
	filter: brightness(1.12);
	box-shadow: 0 4px 10px -4px rgba(0, 152, 210, .65);
}

#vat-check-button.zae-afm-ready {
	animation: zaePulse 1.6s ease-in-out infinite;
}

@keyframes zaePulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(42, 156, 160, .40); }
	50%      { box-shadow: 0 0 0 4px rgba(42, 156, 160, 0); }
}