/* ==========================================================================
   Ashbar Bagruyot — Frontend styles
   ========================================================================== */

/* Action buttons (above the exam) --------------------------------------- */
.ashbar-bagruyot-actions {
	margin: 1.5em 0;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.ashbar-bagruyot-buttons {
	display: flex;
	gap: 0.75em;
}

.ashbar-bagruyot-buttons .ashbar-bagruyot-btn {
	flex: 1 1 0;
	text-align: center;
}

@media (max-width: 480px) {
	.ashbar-bagruyot-buttons {
		flex-direction: column;
	}
}

.ashbar-bagruyot-btn {
	display: inline-block;
	padding: 0.75em 1.5em;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	background-color: #2271b1;
	color: #fff;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

.ashbar-bagruyot-btn:hover:not(:disabled) {
	background-color: #135e96;
}

.ashbar-bagruyot-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.ashbar-bagruyot-error {
	color: #b32d2e;
	padding: 0.5em 0.75em;
	background: #fcf0f1;
	border-right: 3px solid #b32d2e;
	border-radius: 2px;
}

.ashbar-bagruyot-message {
	padding: 1em 1.25em;
	background: #f0f6fc;
	border-right: 3px solid #2271b1;
	border-radius: 2px;
	margin: 1.5em 0;
}

/* Post-payment success block (replaces the form in place) ---------------- */
.ashbar-bagruyot-success-inner {
	padding: 1.25em 1.5em;
	background: #edfaef;
	border: 1px solid #c3e6c5;
	border-right: 4px solid #00a32a;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	gap: 1em;
	align-items: stretch;
}

.ashbar-bagruyot-success-thanks {
	line-height: 1.6;
}

.ashbar-bagruyot-success-thanks p:first-child {
	margin-top: 0;
}

.ashbar-bagruyot-success-thanks p:last-child {
	margin-bottom: 0;
}

/* Download button ------------------------------------------------------- */
/* Forced white text (with !important) so a theme that colours <a> elements
   green can't turn the label green-on-green. Dark-green background keeps strong
   contrast against the light-green success box, and the button itself is
   centred within the success block (not pushed to the RTL edge). */
.ashbar-bagruyot-btn-download,
.ashbar-bagruyot-btn-download:link,
.ashbar-bagruyot-btn-download:visited {
	white-space: nowrap;
	text-decoration: none;
	background-color: #00733b;
	color: #fff !important;
}

.ashbar-bagruyot-btn-download:hover,
.ashbar-bagruyot-btn-download:focus,
.ashbar-bagruyot-btn-download:active {
	text-decoration: none;
	color: #fff !important;
	background-color: #00532a;
}

.ashbar-bagruyot-success-inner .ashbar-bagruyot-btn-download {
	align-self: center;
}