/* ==========================================================================
   MAHL Blocksy – web (mimo editora): formuláre. Hlavička, pätička a blog
   pribudnú v ďalších krokoch. Len var(--mahl-*).
   ========================================================================== */

body {
	background-color: var(--mahl-bg);
}

/* ---------- WPForms (prenesené z Additional CSS Blocksy) ---------- */
/* moderné štýly WPForms berú farby a zaoblenie z vlastných premenných (inak modré tlačidlo, zaoblené rohy) */
div.wpforms-container-full {
	--wpforms-button-background-color: var(--mahl-red);
	--wpforms-button-background-color-alt: var(--mahl-red); /* WPForms ju používa ako základnú farbu tlačidla */
	--wpforms-button-text-color: var(--mahl-white);
	--wpforms-button-border-radius: 0;
	--wpforms-field-border-radius: 0;
	--wpforms-container-border-radius: 0;
	--wpforms-field-border-color: var(--mahl-line);
	--wpforms-label-color: var(--mahl-navy);
}
.wpforms-field-clear-both {
	clear: both;
}
.wpforms-fields-big-spacing .wpforms-field {
	padding: 10px 0 30px 0;
}
div.wpforms-container-full :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]), select, textarea) {
	border-radius: 0;
	border-color: var(--mahl-line);
	font-family: var(--mahl-font-body);
}
div.wpforms-container-full :is(input, select, textarea):focus {
	border-color: var(--mahl-navy);
	box-shadow: none;
}
div.wpforms-container-full button[type=submit] {
	min-height: 50px;
	padding: 0 28px;
	border: 0;
	border-radius: 0;
	background: var(--mahl-red);
	color: var(--mahl-white);
	font-family: var(--mahl-font-display);
	font-style: italic;
	font-weight: var(--mahl-fw-strong); /* tlačidlá 600 ako .mahl-btn */
	font-size: 20px;
	text-transform: uppercase;
	clip-path: polygon(var(--mahl-skew-sm) 0, 100% 0, calc(100% - var(--mahl-skew-sm)) 100%, 0 100%);
}
div.wpforms-container-full button[type=submit]:hover {
	background: var(--mahl-red-dark);
}
.wpforms-submit-button-full-width {
	width: 100%;
	min-height: 60px;
}

/* ---------- Stránky z blokov MAHL (inc/pages.php) ---------- */
.mahl-bloky-page .hero-section[data-type="type-1"] {
	display: none; /* nadpis stránky je v bloku mahl/hero */
}
.mahl-bloky-page #main > [data-vertical-spacing] {
	padding-block: 0;
}
.mahl-bloky-page .entry-content > .mahl-sec:first-child {
	margin-top: 0;
}

/* ---------- Šírka obsahu (blog, archívy, stránky bez blokov) = rovnaká hrana ako hlavička ---------- */
#main .ct-container {
	width: 100%;
	max-width: var(--mahl-wrap);
	padding-inline: var(--mahl-gutter);
	box-sizing: border-box;
}