/*
 * Reklamácia tovaru (page-reklamacia-tovaru.php): centred heading, CF7 form beside the warranty conditions.
 *
 * Classes: .wa-complaint (section), __inner, __grid, __form, __info, __title (--light), __text, __justify, __address.
 * Reused: .section-inner (layout.css), .wa-section-heading (components/section-heading.css).
 * The form itself is styled by Scripts Organizer snippet 165 through .complaint-form-wrapper, as on the Oxygen site.
 */

/* Oxygen section with "align-items: center": the heading is centred, the grid spans the content width. */
.wa-complaint__inner {
	align-items: center;
}

/* ACSS grid--auto-2-3 gap--l: 2fr / 3fr, one column up to 1024px. */
.wa-complaint__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-l);
	width: 100%;
}

.wa-complaint__grid > * {
	min-width: 0;
}

/* Oxygen div blocks: flex columns, so below 1025px the form keeps its content width instead of stretching. */
.wa-complaint__form,
.wa-complaint__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Oxygen headlines with ACSS text--xl: bold, or regular where the text was wrapped in a normal-weight span. */
.wa-complaint__title {
	font-size: var(--text-xl);
	line-height: 1.5;
	color: var(--base);
}

.wa-complaint__title--light {
	font-weight: 400;
}

/* Text blocks with margin-top--s margin-bottom--l (the address block has no bottom margin). */
.wa-complaint__text {
	width: 100%;
	margin: var(--space-s) 0 var(--space-l);
	line-height: inherit; /* body line-height, like the Oxygen text blocks (p would use --text-line-height) */
}

.wa-complaint__text p {
	margin: 0;
	line-height: inherit;
}

.wa-complaint__justify {
	text-align: justify;
}

.wa-complaint__address {
	width: auto;
	margin-bottom: 0;
	font-style: normal;
}

@media (min-width: 1025px) {
	.wa-complaint__grid {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}
}