/**
 * Mail layout for hamail transaction mail.
 */

@use "hamail-block-table-view";

$global-padding: 2em;
$paragraph-gap: 1em;

// alignment
@each $alignment in left, center, right {
	.has-text-align-#{$alignment} {
		text-align: $alignment;
	}
}

// Headings
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: $global-padding;
	margin-bottom: $global-padding / 2;
}

h1 {
	font-size: 2.8em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.2em;
}

// paragraph
p {
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

ul,
ol {
	margin: $global-padding 0;
}

.wp-block-separator {
	margin-top: $global-padding;
	margin-bottom: $global-padding;
}

blockquote {
	margin: $global-padding 0;
	padding-left: 15px;
	border-left: 5px solid currentcolor;
	clear: both;
}

figure {
	margin: 1em 0;
}

figure.aligncenter {
	text-align: center;
}

.alignright {
	float: right;
	margin-left: $global-padding;
	margin-top: 1em;
	margin-bottom: 1em;
}

.alignleft {
	float: left;
	margin-right: $global-padding;
	margin-top: 1em;
	margin-bottom: 1em;
}

.has-global-padding {
	padding: 20px;
}


.wp-block {
	&-buttons {
		margin-top: 20px;
		margin-bottom: 20px;

		&-is-layout-flex {
			display: block;

			&.is-content-justification-center {
				text-align: center;
			}

			&.is-content-justification-left {
				text-align: left;
			}

			&.is-content-justification-right {
				text-align: right;
			}

			&.is-content-justification-space-between {
				text-align: center;
			}
		}
	}

	&-button {
		display: inline-block;
		margin-right: 1em;
		margin-left: 1em;

		&__link {
			display: inline-block;
			padding: 10px 20px;
			border-radius: 10px;
			text-decoration: none;
			background-color: transparent;
			border: 1px solid currentcolor;
		}
	}
}

.wp-block-table {
	margin-top: $global-padding;
	margin-bottom: $global-padding;
}

.wp-block-group {
	clear: both;
	margin-top: $global-padding;
	margin-bottom: $global-padding;
}