/* Volaré — subscription settings (0.29.0): the auto-renew line at checkout, the Cancel confirmation. */
.volare-autorenew-note {
	max-width: 1120px;
	margin: 0 auto 1.5em;
	padding: .75em 1em;
	border-left: 4px solid #3CC9A0;
	background: #E8F4FC;
	color: #1C2333;
	font-size: .95em;
	line-height: 1.5;
}

.volare-cancel-dialog {
	box-sizing: border-box;
	width: min(32rem, calc(100% - 32px));
	max-width: none;
	margin: auto;
	padding: clamp(1.25rem, 4vw, 1.75rem);
	border: 0;
	border-radius: 14px;
	color: #1C2333;
	box-shadow: 0 18px 50px rgba(26, 33, 80, .25);
}
/* Browsers without <dialog> would show it inline; the Cancel button then works as before. */
.volare-cancel-dialog:not([open]) { display: none; }
.volare-cancel-dialog::backdrop { background: rgba(26, 33, 80, .45); }
.volare-cancel-dialog h2 { margin: 0 0 .6em; color: #232C6B; font-size: 1.35rem; line-height: 1.25; }
.volare-cancel-dialog p { margin: 0 0 1em; line-height: 1.5; }
.volare-cancel-dialog__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.volare-cancel-dialog__actions .button { flex: 1 1 12rem; text-align: center; }
/* Keep is the safe, primary choice; Cancel is the quieter one. */
.volare-cancel-dialog .volare-cancel-confirm {
	background: transparent;
	color: #9B1C1C;
	border: 1px solid currentColor;
	text-decoration: none;
}
.volare-cancel-dialog .volare-cancel-confirm:hover,
.volare-cancel-dialog .volare-cancel-confirm:focus-visible { background: #FDECEC; color: #9B1C1C; }