/**
 * iskra-forms.css
 * Verzija: 3.3.1
 *
 * Ena Formidable forma na različnih barvnih ozadjih.
 *
 * Uporaba:
 *   [formidable id=4]                          → svetla (privzeto)
 *   [formidable id=4 variant="light"]          → belo / kremno ozadje
 *   [formidable id=4 variant="navy"]           → temno modro ozadje
 *   [formidable id=4 variant="black"]          → črno ozadje
 *   [formidable id=4 variant="light-black"]    → #2A2C2F
 *   [formidable id=4 variant="blue"]           → FMS Deep Blue #002749
 *   [formidable id=4 variant="electric-blue"]  → FMS Electric Blue #0046FF
 *
 * Dizajn:
 *   - ozadje forme in polj je transparentno
 *   - polja so samo podčrtana (border-bottom)
 *   - labeli izklopljeni (Label Position = None), besedilo je placeholder
 *   - razmik med polji 25px, notranji rob forme 30px
 *
 * Sprememba v 3.2.0 — specifičnost fokusa:
 *   Formidable Default stil uporablja za :focus selektor
 *   .frm_style_formidable-style.with_frm_style .form-field
 *   input:not([type=file]):not([type=range]):not([readonly]):focus
 *   ter nastavlja bel background-color in modro box-shadow.
 *   Trije :not() štejejo v specifičnost, zato smo prej izgubili.
 *   Sekcija 8b zdaj uporablja iste :not() verige in preseže Formidable
 *   brez !important.
 *
 * Sprememba v 3.3.0 — checkbox in radio kot gumbi (sekcija 11b):
 *   Polje z Display format = Buttons dobi razred frm_display_format_buttons,
 *   Formidable pa skrije input in izrise div.frm_label_button_container.
 *   Gumb je v mirovanju prosojen z robom, na hover in ko je izbran dobi
 *   barve gumba Poslji (--f-btn-bg / --f-btn-text). Samo okvir in
 *   besedilo, brez znaka (3.3.1).
 *   Varianta lahko barve zamenja s --f-choice-* (glej electric-blue).
 *
 * Opozorilo:
 *   Ne uporabljaj [formidable id=4 style=0] — s tem se z ovoja odstrani
 *   razred with_frm_style in ta CSS sploh ne prime.
 */

/* =========================================================
   0. Skupno — geometrija in tipografija (brez barv)
   ========================================================= */
.iskra-form {
	/* Vnosna polja */
	--f-font: "Inter", sans-serif;
	--f-font-size: 17px;
	--f-line-height: 27px;
	--f-font-weight: 400;

	/* Checkbox / radio labeli */
	--f-check-font: "DM Sans", sans-serif;
	--f-check-font-size: 12px;
	--f-check-line-height: 20px;

	/* Geometrija */
	--f-form-padding: 30px;
	--f-field-gap: 25px;
	--f-field-padding: 0 0 10px 0;
	--f-border-width: 1px;
	--f-control-size: 20px;
	--f-control-radius: 0;

	/* Gumb */
	--f-btn-min-width: 255px;
	--f-btn-padding: 15px 30px;
	--f-btn-radius: 3px;
	--f-btn-font-size: 17px;
	--f-btn-font-weight: 400;
	--f-btn-hover-opacity: 0.85;

	/* Checkbox / radio kot gumbi (Display format = Buttons) */
	--f-choice-font-size: 15px;
	--f-choice-line-height: 20px;
	--f-choice-padding: 11px 16px;
	--f-choice-gap: 8px;
	--f-choice-radius: var(--f-btn-radius);
}

/* =========================================================
   1. LIGHT — belo / kremno ozadje
   ========================================================= */
.iskra-form--light {
	--f-text: #252628; /* Fill ISKRA Black */
	--f-placeholder: #252628;
	--f-border: #beb7b0; /* Fill ISKRA Greige */
	--f-border-focus: #252628;
	--f-field-bg: transparent;

	/* Spustni seznam riše OS — barvi morata biti solidni. */
	--f-option-bg: #f5f3ef;
	--f-option-text: #252628;

	--f-control-border: #252628;
	--f-control-fill: #252628;
	--f-check-mark: #f5f3ef;

	--f-btn-bg: #e1d7cb; /* Tesla Warm Neutral */
	--f-btn-text: #252628;
	--f-btn-border: #e1d7cb;

	--f-error: #cb2d30;

	--f-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%23252628'/%3E%3C/svg%3E");

	color-scheme: light;
}

/* =========================================================
   2. NAVY — temno modro ozadje, rdeč gumb
   ========================================================= */
.iskra-form--navy {
	--f-text: #ffffff;
	--f-placeholder: #ffffff;
	--f-border: #ffffff;
	--f-border-focus: #ffffff;
	--f-field-bg: transparent;

	--f-option-bg: #002e5c;
	--f-option-text: #ffffff;

	--f-control-border: #ffffff;
	--f-control-fill: #ffffff;
	--f-check-mark: #002e5c;

	--f-btn-bg: #cb2d30; /* Fill ISKRA Red */
	--f-btn-text: #ffffff;
	--f-btn-border: #cb2d30;

	--f-error: #ffb3b0;

	--f-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%23ffffff'/%3E%3C/svg%3E");

	/* Reši bel select popup in temni autofill na Windows brskalnikih. */
	color-scheme: dark;
}

/* =========================================================
   3. BLACK — črno ozadje, beige gumb
   ========================================================= */
.iskra-form--black {
	--f-text: #ffffff;
	--f-placeholder: #ffffff;
	--f-border: #ffffff;
	--f-border-focus: #ffffff;
	--f-field-bg: transparent;

	--f-option-bg: #000000;
	--f-option-text: #ffffff;

	--f-control-border: #ffffff;
	--f-control-fill: #ffffff;
	--f-check-mark: #000000;

	--f-btn-bg: #e1d7cb; /* Tesla Warm Neutral */
	--f-btn-text: #252628;
	--f-btn-border: #e1d7cb;

	--f-error: #ffb3b0;

	--f-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%23ffffff'/%3E%3C/svg%3E");

	color-scheme: dark;
}

/* =========================================================
   4. LIGHT-BLACK — #2A2C2F, rdeč gumb
   ========================================================= */
.iskra-form--light-black {
	--f-text: #ffffff;
	--f-placeholder: #ffffff;
	--f-border: #ffffff;
	--f-border-focus: #ffffff;
	--f-field-bg: transparent;

	--f-option-bg: #2a2c2f; /* Fill ISKRA Black */
	--f-option-text: #ffffff;

	--f-control-border: #ffffff;
	--f-control-fill: #ffffff;
	--f-check-mark: #2a2c2f;

	--f-btn-bg: #cb2d30; /* Fill ISKRA Red */
	--f-btn-text: #ffffff;
	--f-btn-border: #cb2d30;

	--f-error: #ffb3b0;

	--f-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%23ffffff'/%3E%3C/svg%3E");

	color-scheme: dark;
}

/* =========================================================
   5. BLUE — FMS Deep Blue #002749, električno moder gumb
   ========================================================= */
.iskra-form--blue {
	--f-text: #ffffff;
	--f-placeholder: #ffffff;
	--f-border: #ffffff;
	--f-border-focus: #ffffff;
	--f-field-bg: transparent;

	--f-option-bg: #002749; /* FMS Deep Blue */
	--f-option-text: #ffffff;

	--f-control-border: #ffffff;
	--f-control-fill: #ffffff;
	--f-check-mark: #002749;

	--f-btn-bg: #fff; /* FMS Electric Blue */
	--f-btn-text: #0046FF;
	--f-btn-border: #0046ff;

	--f-error: #ffb3b0;

	--f-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%23ffffff'/%3E%3C/svg%3E");

	color-scheme: dark;
}

/* =========================================================
   6. ELECTRIC-BLUE — #0046FF, bel gumb z modrim tekstom
   ========================================================= */
.iskra-form--electric-blue {
	--f-text: #ffffff;
	--f-placeholder: #ffffff;
	--f-border: #ffffff;
	--f-border-focus: #ffffff;
	--f-field-bg: transparent;

	--f-option-bg: #0046ff; /* FMS Electric Blue */
	--f-option-text: #ffffff;

	--f-control-border: #ffffff;
	--f-control-fill: #ffffff;
	--f-check-mark: #0046ff;

	--f-btn-bg: #0046FF;
	--f-btn-text: #ffffff;
	--f-btn-border: #0046ff;

	--f-error: #ffd2cd;

	--f-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%23ffffff'/%3E%3C/svg%3E");

	color-scheme: dark;
}

/* =========================================================
   6b. Gumbi za izbiro na temnih ozadjih
   Poln bel rob bi gumbe naredil tezje od podcrtanih polj, zato je rob
   v mirovanju polprosojen. Na hover in ob izbiri gumb dobi barve gumba
   Poslji — razen pri electric-blue, kjer je gumb Poslji iste barve kot
   ozadje in bi se izbira izgubila.
   ========================================================= */
.iskra-form--navy,
.iskra-form--black,
.iskra-form--light-black,
.iskra-form--blue,
.iskra-form--electric-blue {
	--f-choice-border: rgba(255, 255, 255, 0.45);
}

.iskra-form--electric-blue {
	--f-choice-active-bg: #ffffff;
	--f-choice-active-text: #0046ff;
	--f-choice-active-border: #ffffff;
}

/* =========================================================
   7. Ovoj forme
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form {
	padding: var(--f-form-padding);
	background-color: transparent;
	border: 0;
	box-shadow: none;
	font-family: var(--f-font);
	color: var(--f-text);
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_form_fields,
.frm_forms.with_frm_style.iskra-form.iskra-form fieldset,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_fields_container {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_form_field {
	margin-bottom: var(--f-field-gap);
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_primary_label,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_description {
	color: var(--f-text);
	font-family: var(--f-font);
	font-size: var(--f-font-size);
	font-weight: var(--f-font-weight);
	line-height: var(--f-line-height);
	font-feature-settings: "liga" off, "clig" off;
	margin-bottom: 4px;
}


/* "I am:" ima label nad checkboxi (frm_top_container);
   potrebuje več zraka nad seboj kot ostala polja. */
.frm_forms.with_frm_style.iskra-form.iskra-form #frm_field_27_container {
	margin-top: 20px;
}



/* Honeypot proti spamu ostane skrit. */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_verify,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_verify + label,
.frm_forms.with_frm_style.iskra-form.iskra-form [id^="frm_field_"] .frm_verify {
	position: absolute !important;
	left: -9999px !important;
}

/* =========================================================
   8a. Tekstovna polja, textarea, select — mirno stanje
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="text"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="email"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="tel"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="url"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="number"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="password"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="search"],
.frm_forms.with_frm_style.iskra-form.iskra-form textarea,
.frm_forms.with_frm_style.iskra-form.iskra-form select {
	background-color: var(--f-field-bg);
	background-image: none;
	color: var(--f-text);
	border: 0;
	border-bottom: var(--f-border-width) solid var(--f-border);
	border-radius: 0;
	padding: var(--f-field-padding);
	box-shadow: none;
	font-family: var(--f-font);
	font-size: var(--f-font-size);
	font-weight: var(--f-font-weight);
	line-height: var(--f-line-height);
	font-feature-settings: "liga" off, "clig" off;
	width: 100%;
	max-width: 100%;
}

.frm_forms.with_frm_style.iskra-form.iskra-form textarea {
	min-height: 60px;
	resize: vertical;
}

/* Placeholder nadomešča label, zato polna barva brez prosojnosti. */
.frm_forms.with_frm_style.iskra-form.iskra-form input::placeholder,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea::placeholder {
	color: var(--f-placeholder);
	opacity: 1; /* Firefox sicer dodatno zbledi. */
}

.frm_forms.with_frm_style.iskra-form.iskra-form input::-webkit-input-placeholder,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea::-webkit-input-placeholder {
	color: var(--f-placeholder);
	opacity: 1;
}

.frm_forms.with_frm_style.iskra-form.iskra-form input::-moz-placeholder,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea::-moz-placeholder {
	color: var(--f-placeholder);
	opacity: 1;
}

/* =========================================================
   8b. FOKUS
   Formidable Default stil uporablja tri :not() verige, kar mu dvigne
   specifičnost. Tu jih ponovimo, da ga presežemo brez !important.
   Verig ne odstranjuj — brez njih se ob kliku vrne bel okvir s senco.
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form
	.form-field
	input:not([type="file"]):not([type="range"]):not([readonly]):focus,
.frm_forms.with_frm_style.iskra-form.iskra-form
	.frm_form_field
	input:not([type="file"]):not([type="range"]):not([readonly]):focus,
.frm_forms.with_frm_style.iskra-form.iskra-form
	input:not([type="file"]):not([type="range"]):not([readonly]):focus,
.frm_forms.with_frm_style.iskra-form.iskra-form .form-field textarea:focus,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea:not([readonly]):focus,
.frm_forms.with_frm_style.iskra-form.iskra-form select:not([readonly]):focus,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="text"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="email"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="tel"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="url"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="number"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="password"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field input[type="search"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field textarea,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field select {
	background-color: var(--f-field-bg);
	background-image: none;
	color: var(--f-text);
	border: 0;
	border-bottom: var(--f-border-width) solid var(--f-border-focus);
	border-radius: 0;
	outline: none;
	box-shadow: none;
}

/* Select ob fokusu obdrži svojo puščico. */
.frm_forms.with_frm_style.iskra-form.iskra-form select:not([readonly]):focus,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_focus_field select {
	background-image: var(--f-arrow);
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-size: 14px 9px;
}

/* Označeno besedilo — sicer ostane privzeta modra kombinacija. */
.frm_forms.with_frm_style.iskra-form.iskra-form input::selection,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea::selection {
	background-color: var(--f-control-fill);
	color: var(--f-check-mark);
}

/* =========================================================
   9. Autofill — Chrome vsili belo ozadje in svojo ikono.
   Iste :not() verige kot pri fokusu, ker se stanji prekrivata.
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form
	input:not([type="file"]):not([type="range"]):not([readonly]):-webkit-autofill,
.frm_forms.with_frm_style.iskra-form.iskra-form
	input:not([type="file"]):not([type="range"]):not([readonly]):-webkit-autofill:hover,
.frm_forms.with_frm_style.iskra-form.iskra-form
	input:not([type="file"]):not([type="range"]):not([readonly]):-webkit-autofill:focus,
.frm_forms.with_frm_style.iskra-form.iskra-form
	input:not([type="file"]):not([type="range"]):not([readonly]):-webkit-autofill:active,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea:-webkit-autofill,
.frm_forms.with_frm_style.iskra-form.iskra-form textarea:-webkit-autofill:focus,
.frm_forms.with_frm_style.iskra-form.iskra-form select:-webkit-autofill,
.frm_forms.with_frm_style.iskra-form.iskra-form select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--f-text);
	caret-color: var(--f-text);
	border: 0;
	border-bottom: var(--f-border-width) solid var(--f-border);
	box-shadow: none;
	/* Ozadja :-internal-autofill-selected ni mogoče povoziti z
	   background-color. Z background-clip: text se izriše samo pod
	   besedilom, kar je nevidno, ostalo ostane transparentno. */
	-webkit-background-clip: text;
	background-clip: text;
	/* Varovalka: z zelo dolgim prehodom do izrisa nikoli ne pride. */
	-webkit-transition: background-color 9999s ease-out 0s;
	transition: background-color 9999s ease-out 0s;
}

/* Chromova ikona za stike / gesla na desni strani polja. */
.frm_forms.with_frm_style.iskra-form.iskra-form input::-webkit-contacts-auto-fill-button,
.frm_forms.with_frm_style.iskra-form.iskra-form input::-webkit-credentials-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0;
}

/* Gumb za brisanje vnosa (Edge / IE). */
.frm_forms.with_frm_style.iskra-form.iskra-form input::-ms-clear,
.frm_forms.with_frm_style.iskra-form.iskra-form input::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* =========================================================
   10. Select — native puščica ven, polni trikotnik noter
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 34px;
	cursor: pointer;
	background-color: var(--f-field-bg);
	background-image: var(--f-arrow);
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-size: 14px 9px;
}

/* Spustni seznam riše operacijski sistem — barvi morata biti solidni. */
.frm_forms.with_frm_style.iskra-form.iskra-form select option {
	background-color: var(--f-option-bg);
	color: var(--f-option-text);
	font-family: var(--f-font);
}

/* Firefox: barva besedila v zaprtem selectu na temnem ozadju. */
@-moz-document url-prefix() {
	.frm_forms.with_frm_style.iskra-form.iskra-form select {
		color: var(--f-text);
		text-shadow: none;
	}
}

/* =========================================================
   11. Checkbox in radio
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_opt_container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	align-items: center;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .vertical_radio .frm_opt_container {
	flex-direction: column;
	align-items: flex-start;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_checkbox,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_radio {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_checkbox label,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_radio label,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_opt_container label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--f-text);
	font-family: var(--f-check-font);
	font-size: var(--f-check-font-size);
	font-weight: 400;
	line-height: var(--f-check-line-height);
	cursor: pointer;
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="checkbox"],
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: var(--f-control-size);
	height: var(--f-control-size);
	min-width: var(--f-control-size);
	margin: 0;
	flex: 0 0 auto;
	background-color: var(--f-field-bg);
	border: var(--f-border-width) solid var(--f-control-border);
	border-radius: var(--f-control-radius);
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="radio"] {
	border-radius: 50%;
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="checkbox"]:checked,
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="radio"]:checked {
	background-color: var(--f-control-fill);
	border-color: var(--f-control-fill);
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--f-check-mark);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 4.5 6.5 11 3 7.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / 14px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 4.5 6.5 11 3 7.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / 14px no-repeat;
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="radio"]:checked::after {
	content: "";
	position: absolute;
	inset: 4px;
	border-radius: 50%;
	background-color: var(--f-check-mark);
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="checkbox"]:focus,
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="radio"]:focus {
	box-shadow: none;
	outline: none;
}

.frm_forms.with_frm_style.iskra-form.iskra-form input[type="checkbox"]:focus-visible,
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="radio"]:focus-visible {
	outline: 2px solid var(--f-border-focus);
	outline-offset: 2px;
	box-shadow: none;
}

/* =========================================================
   11b. Checkbox in radio kot gumbi (Display format = Buttons)

   HTML iz Formidable:
     .frm_display_format_buttons .frm_radio > label >
       input[type=radio] (vizualno skrit) + div.frm_label_button_container

   Stanja:
     mirovanje — prosojno ozadje, rob, besedilo v barvi polj
     hover     — barve gumba Poslji
     izbrano   — barve gumba Poslji
     tipkovnica — obroba okoli gumba (:focus-visible)
     napaka    — rob v barvi napake

   Formidable razmik med gumbi zapise z !important (grid-gap: 6px),
   zato je !important pri gap nujen.
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_primary_label {
	margin-bottom: 12px;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_opt_container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--f-choice-gap) !important;
}

/* Stolpci iz nastavitev polja (Layout: 2, 3 ali 4 stolpci) — enako siroki gumbi.
   Nastavljeno stevilo stolpcev je zgornja meja: ko je forma ozka (telefon,
   ozek stolpec v Elementorju), se gumbi sami zlozijo v manj stolpcev, preden
   bi besedilo padlo cez rob. Media query tega ne zmore, ker je sirina forme
   odvisna od postavitve strani, ne od zaslona. */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons.frm_two_col .frm_opt_container,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons.frm_three_col .frm_opt_container,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons.frm_four_col .frm_opt_container {
	display: grid;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons.frm_two_col .frm_opt_container {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, max(260px, calc((100% - var(--f-choice-gap)) / 2))), 1fr));
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons.frm_three_col .frm_opt_container {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, max(200px, calc((100% - 2 * var(--f-choice-gap)) / 3))), 1fr));
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons.frm_four_col .frm_opt_container {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, max(160px, calc((100% - 3 * var(--f-choice-gap)) / 4))), 1fr));
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_checkbox,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_radio {
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_checkbox label,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_radio label {
	display: block;
	height: 100%;
	padding: 0;
	text-indent: 0;
}

/* Input ostane v obrazcu in dosegljiv s tipkovnico, a neviden.
   Sekcija 11 mu sicer nastavi 20 × 20 px. */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input[type="checkbox"],
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	min-width: 0;
	opacity: 0;
	pointer-events: none;
}

/* --- Gumb: mirovanje --- */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_label_button_container {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 100%;
	box-sizing: border-box;
	padding: var(--f-choice-padding);
	background-color: transparent;
	border: var(--f-border-width) solid var(--f-choice-border, var(--f-border));
	border-radius: var(--f-choice-radius);
	box-shadow: none;
	color: var(--f-text);
	font-family: var(--f-font);
	font-size: var(--f-choice-font-size);
	font-weight: 400;
	line-height: var(--f-choice-line-height);
	font-feature-settings: "liga" off, "clig" off;
	text-align: left;
	overflow-wrap: break-word;
	cursor: pointer;
	overflow: visible;
	user-select: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* --- Gumb: hover in izbrano — barve gumba Poslji --- */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input:not([disabled]) + .frm_label_button_container:hover,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input:checked + .frm_label_button_container {
	background-color: var(--f-choice-active-bg, var(--f-btn-bg));
	border-color: var(--f-choice-active-border, var(--f-btn-border));
	color: var(--f-choice-active-text, var(--f-btn-text));
	box-shadow: none;
}

/* --- Tipkovnica --- */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input:focus + .frm_label_button_container {
	box-shadow: none;
	outline: none;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input:focus-visible + .frm_label_button_container {
	outline: 2px solid var(--f-border-focus);
	outline-offset: 2px;
}

/* --- Onemogoceno in napaka --- */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons input[disabled] + .frm_label_button_container {
	opacity: 0.45;
	cursor: not-allowed;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_blank_field.frm_display_format_buttons input:not(:checked) + .frm_label_button_container {
	border-color: var(--f-error);
}

@media (prefers-reduced-motion: reduce) {
	.frm_forms.with_frm_style.iskra-form.iskra-form .frm_display_format_buttons .frm_label_button_container {
		transition: none;
	}
}

/* =========================================================
   12. Gumb — v HTML-ju je <button class="frm_button_submit">
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit {
	margin-top: 10px;
}


/* Formidable ovoju .frm_submit.frm_flex vsiljuje lastno poravnavo,
   zato gumb ni bil levo poravnan z ostalimi polji. */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit.frm_flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	padding: 0;
	text-align: left;
	
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_button_submit,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit button,
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--f-btn-min-width);
	padding: var(--f-btn-padding);
	background-color: var(--f-btn-bg);
	color: var(--f-btn-text);
	border: var(--f-border-width) solid var(--f-btn-border);
	border-radius: var(--f-btn-radius);
	box-shadow: none;
	cursor: pointer;
	font-family: var(--f-font);
	font-size: var(--f-btn-font-size);
	font-weight: var(--f-btn-font-weight);
	line-height: var(--f-line-height);
	font-feature-settings: "liga" off, "clig" off;
	text-align: center;
	transition: opacity 0.2s ease;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_button_submit:hover,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_button_submit:focus,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_button_submit:active,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit button:hover,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit button:focus,
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="submit"]:hover,
.frm_forms.with_frm_style.iskra-form.iskra-form input[type="submit"]:focus {
	background-color: var(--f-btn-bg);
	color: var(--f-btn-text);
	border-color: var(--f-btn-border);
	box-shadow: none;
	outline: none;
	opacity: var(--f-btn-hover-opacity);
}

/* =========================================================
   13. Napake, obvezna polja, sporočila
   ========================================================= */
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_required,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_error,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_error_style {
	color: var(--f-error);
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_error {
	font-family: var(--f-check-font);
	font-size: var(--f-check-font-size);
	line-height: var(--f-check-line-height);
	margin-top: 4px;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_error_style {
	background-color: transparent;
	border: var(--f-border-width) solid var(--f-error);
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_blank_field input,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_blank_field select,
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_blank_field textarea {
	border: 0;
	border-bottom: var(--f-border-width) solid var(--f-error);
	background-color: var(--f-field-bg);
	box-shadow: none;
}

.frm_forms.with_frm_style.iskra-form.iskra-form .frm_message {
	color: var(--f-text);
}

/* =========================================================
   14. Neobvezno: skrij rdeče zvezdice pri obveznih poljih.
   Odkomentiraj, če jih v dizajnu ne želiš.
   ========================================================= */
/*
.frm_forms.with_frm_style.iskra-form.iskra-form .frm_required {
	display: none;
}
*/


/* =========================================================
   15. Mobilna prilagoditev
   Formidable ima v formidableforms.css lastno media poizvedbo
   (max-width: 767px), kjer gumbu vsiljuje
   min-width: 255px !important in width: auto !important.
   Proti !important specifičnost ne pomaga, zato je tu !important
   nujen — edino mesto v tej datoteki, kjer je uporabljen.
   ========================================================= */
@media (max-width: 480px) {
	.frm_forms.with_frm_style.iskra-form.iskra-form {
		--f-form-padding: 20px;
	}

	.frm_forms.with_frm_style.iskra-form.iskra-form .frm_button_submit,
	.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit button,
	.frm_forms.with_frm_style.iskra-form.iskra-form input[type="submit"] {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		display: flex !important;
	}

	.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit,
	.frm_forms.with_frm_style.iskra-form.iskra-form .frm_submit.frm_flex {
		display: block !important;
		width: 100%;
		padding: 0;
		margin: 10px 0 0 0;
	}
}