/* Jemná joga – odber článkov (farby a písmo z témy, ak je aktívna) */
.jjo-formular {
	--jjo-text: var(--wp--preset--color--hlavny-text, #22223B);
	--jjo-jemna: var(--wp--preset--color--text-jemny, #5C5A6B);
	--jjo-ciara: var(--wp--preset--color--pudrova, #CCC4D1);
	--jjo-akcent: var(--wp--preset--color--oliva, #958492);
	--jjo-pozadie: var(--wp--preset--color--biela, #fff);
	width: 100%;
	max-width: 560px;
	margin: 0;
	font: inherit;
	color: var(--jjo-text);
}
.jjo-riadok { display: flex; gap: 0; border: 1px solid var(--jjo-text); background: var(--jjo-pozadie); }
.jjo-riadok input[type="email"] { flex: 1 1 auto; min-width: 0; border: 0; padding: 1rem 1.1rem; font: inherit; font-size: 1rem; color: var(--jjo-text); background: transparent; outline: none; }
.jjo-riadok input[type="email"]::placeholder { color: var(--jjo-jemna); opacity: 0.8; }
.jjo-riadok:focus-within { box-shadow: 0 0 0 3px color-mix(in srgb, var(--jjo-akcent) 30%, transparent); }
.jjo-riadok button { flex: 0 0 auto; border: 0; cursor: pointer; padding: 0 1.5rem; background: var(--jjo-text); color: #fff; font: inherit; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; transition: background-color 0.25s; }
.jjo-riadok button:hover { background: var(--jjo-akcent); }
.jjo-riadok button:disabled { opacity: 0.6; cursor: wait; }
.jjo-suhlas { display: flex; gap: 0.65rem; align-items: flex-start; margin-top: 0.9rem; font-size: 0.8rem; line-height: 1.55; color: var(--jjo-jemna); cursor: pointer; }
.jjo-suhlas input { flex: 0 0 auto; width: 1rem; height: 1rem; margin: 0.15rem 0 0; accent-color: var(--jjo-text); }
.jjo-suhlas a { color: inherit; }
.jjo-sprava { margin: 0.9rem 0 0; font-size: 0.9rem; line-height: 1.55; }
.jjo-sprava:empty { display: none; }
.jjo-sprava.jjo-chyba { color: #9B3D4A; }
.jjo-sprava.jjo-ok { padding: 1.1rem 1.25rem; background: var(--jjo-pozadie); border-left: 2px solid var(--jjo-akcent); color: var(--jjo-text); }
.jjo-hotovo .jjo-riadok, .jjo-hotovo .jjo-suhlas, .jjo-hotovo .cf-turnstile { display: none; }
.jjo-hotovo .jjo-sprava { margin-top: 0; }
.jjo-skryte, .jjo-med { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.jjo-med { left: -9999px; }
.cf-turnstile { margin-top: 0.9rem; }
@media (max-width: 480px) {
	.jjo-riadok { flex-direction: column; border: 0; background: transparent; gap: 0.6rem; }
	.jjo-riadok input[type="email"] { border: 1px solid var(--jjo-text); background: var(--jjo-pozadie); }
	.jjo-riadok button { padding: 1rem; }
	.jjo-riadok:focus-within { box-shadow: none; }
}
