/** Aperçu public des documents, notamment le certificat Qualiopi. */

.uay-resource-modal,
.uay-resource-external-modal {
	width: min(94vw, 70rem);
	max-width: none;
	height: min(90vh, 52rem);
	padding: 0;
	border: 0;
	border-radius: 1rem;
	background: var(--uay-white);
	box-shadow: 0 1.5rem 4rem rgb(var(--uay-rgb-shadow-blue) / 30%);
}

.uay-resource-modal[open],
.uay-resource-external-modal[open] {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
}

.uay-resource-modal::backdrop,
.uay-resource-external-modal::backdrop {
	background: rgb(var(--uay-rgb-shadow-blue) / 72%);
}

.uay-resource-modal__bar {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	padding: 0.8rem 1rem;
	border-bottom: 1px solid var(--uay-border);
	background: var(--uay-ivory);
}

.uay-resource-modal__title {
	margin: 0;
	color: var(--uay-blue);
	font-weight: 800;
}

.uay-resource-modal__actions,
.uay-resource-external-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	align-items: center;
}

.uay-resource-modal__external,
.uay-resource-modal__close,
.uay-resource-external-modal__continue,
.uay-resource-external-modal__close {
	padding: 0.55rem 0.8rem;
	border: 1px solid var(--uay-blue);
	border-radius: 0.55rem;
	font: inherit;
	font-weight: 700;
	text-decoration: none;
}

.uay-resource-modal__external,
.uay-resource-external-modal__continue {
	color: var(--uay-white);
	background: var(--uay-blue);
}

.uay-resource-modal__close,
.uay-resource-external-modal__close {
	color: var(--uay-blue);
	background: var(--uay-white);
	cursor: pointer;
}

.uay-resource-modal iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.uay-resource-external-modal {
	height: auto;
}

.uay-resource-external-modal__panel {
	padding: clamp(1.5rem, 4vw, 3rem);
}

.uay-resource-external-modal__eyebrow {
	margin: 0 0 0.5rem;
	color: var(--uay-orange);
	font-weight: 800;
	text-transform: uppercase;
}

.uay-resource-external-modal__actions {
	margin-top: 1.25rem;
}

@media (max-width: 680px) {
	.uay-resource-modal {
		width: 100vw;
		height: 100dvh;
		border-radius: 0;
	}

	.uay-resource-modal__bar {
		align-items: flex-start;
	}

	.uay-resource-modal__external {
		display: none;
	}
}