/*
 * Integrácia jachting-reg-form pluginu do témy regata.
 *
 * Plugin-ov form.css bol písaný pre prostredie s AutomaticCSS + Bricks builder
 * (jachting.sk / regatka.sk). Používa ~20 CSS premenných (--space-*, --text-*,
 * --radius-m, --neutral*, --error, --primary…) a surové `rem` jednotky, ktoré
 * počítajú s ACSS trikom `html{font-size:62.5%}` (1rem = 10px).
 *
 * Táto WP inštalácia ACSS/Bricks nemá, preto tu tie premenné a rem-base doplníme.
 * Hodnoty spacing/text prevzaté z regatka.sk (rovnaký vzhľad formulára), farby
 * prepnuté na brand regata. Naša téma je celá v px, takže 62.5% root ju neovplyvní.
 */

html { font-size: 62.5%; }   /* 1rem = 10px — ako v ACSS */
body { font-size: 1.6rem; }  /* 16px — pin, aby dedený text témy ostal nezmenený */

:root {
	/* ---- spacing (ACSS, prevzaté z regatka.sk) ---- */
	--space-xs: clamp(1.3506752532rem, calc(-0.0180644999vw + 1.3564558932rem), 1.3333333333rem);
	--space-s:  clamp(1.8004501125rem, calc(0.2078644661vw + 1.7339334834rem), 2rem);
	--space-m:  clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
	--space-l:  clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem);
	--space-xl: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem);
	--content-gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);

	/* ---- text ---- */
	--text-s: 1.2rem;
	--text-m: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
	--text-l: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);

	/* ---- radius ---- */
	--radius-m: 1rem;

	/* ---- neutrály (regata ink) ---- */
	--neutral: #16181d;
	--neutral-trans-5:  rgba(22, 24, 29, .05);
	--neutral-trans-10: rgba(22, 24, 29, .10);
	--neutral-trans-20: rgba(22, 24, 29, .20);
	--neutral-trans-30: rgba(22, 24, 29, .30);
	--neutral-trans-60: rgba(22, 24, 29, .60);
	--neutral-trans-80: rgba(22, 24, 29, .80);
	--white: #ffffff;

	/* ---- stavy ---- */
	--error: #D7141A;
	--error-trans-10: rgba(215, 20, 26, .10);
	--error-trans-20: rgba(215, 20, 26, .20);
	--success: #29A745;

	/* ---- brand: regata (namiesto jachting/regatka) ---- */
	--primary: #0B4EA2 !important;           /* modrá — vedľajšie tlačidlá (napr. Finstat) */
	--jachting-primary: #0B4EA2 !important;
	--jachting-accent: #D7141A !important;   /* červená — hlavný submit (ako CTA na stránke) */
}

/* Form controls dedia font témy (form.css žiadny nemá → padli by na Arial/monospace). */
.contact-25__form input,
.contact-25__form select,
.contact-25__form textarea,
.contact-25__form button,
.contact-25__form .bricks-button {
	font-family: 'Montserrat', system-ui, sans-serif;
}

/*
 * Form-control reset, ktorý inak dodáva AutomaticCSS (tu chýba).
 * Bez neho majú polia natívnu šírku (nezarovnané stĺpce) a UA-default hrubý border.
 * Checkboxy/radio vynechané, aby sa nenaťahovali na 100 %.
 */
.contact-25__form input:not([type="checkbox"]):not([type="radio"]),
.contact-25__form select,
.contact-25__form textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--neutral-trans-20);
	background: #fff;
}

/*
 * Submit zladený s CTA tlačidlami webu (napr. .hero-14 „Registrovať posádku"):
 * rovnaký font/váha, border-radius a výška. Selektor je špecifickejší než
 * form.css pravidlá, takže netreba !important.
 */
.contact-25__form button[type="submit"].bricks-button {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .3px;
	padding: 15px 30px;
	border: 0;
	border-radius: 5px;
	line-height: 1.2;
	transition: filter .15s ease;
}