/* "Cancel your contract" page. Inherits the theme; only lays the form out. */
.abonneo-cancellation { max-width: 640px; }
.abonneo-cancellation__field { display: flex; flex-direction: column; gap: 4px; margin: 0 0 16px; }
.abonneo-cancellation__field label { font-weight: 600; }
.abonneo-cancellation__field input { width: 100%; box-sizing: border-box; min-height: 44px; }
.abonneo-cancellation__field small { opacity: .8; }
.abonneo-cancellation__hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.abonneo-cancellation__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 24px; }
.abonneo-cancellation__error { padding: 12px 16px; border-left: 4px solid #b32d2e; background: #fcf0f1; }
.abonneo-cancellation__done { padding: 16px 20px; border-left: 4px solid #00a32a; background: #edfaef; }
.abonneo-cancellation__recap { display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; margin: 16px 0; }
.abonneo-cancellation__recap dt { font-weight: 600; }
.abonneo-cancellation__recap dd { margin: 0; }
.abonneo-cancellation__privacy { margin-top: 24px; }
@media (max-width: 480px) {
	.abonneo-cancellation__recap { grid-template-columns: 1fr; gap: 2px; }
	.abonneo-cancellation__recap dd { margin-bottom: 8px; }
}