/*
 * Gravity Forms — izgled formi (Contact, Jobs, Newsletter) usklađen s dotadašnjim Ninja Forms formama.
 *
 * Gotov CSS (nije u SCSS buildu). Učitava se samo na stranicama s GF formom — vidi
 * includes/functions-gravity-forms.php. Zadani GF CSS (Orbital) je isključen filterom `gform_disable_css`,
 * pa ovdje stoji sve što forma treba: raspored, polja, gumb, greške, poruka uspjeha.
 *
 * Vrijednosti preuzete iz sadašnjih NF formi: Raleway, #2b3033 tekst, polja #f7f7f7 s #c4c4c4 okvirom,
 * 50 px visoka, razmak 25 px, razmak stupaca 20 px, greška #e80000 s crvenim "!" znakom u kutu.
 * Gumb "Submit" dobiva klase teme (button button--primary button--large) iz PHP filtera.
 *
 * Blok: .biognost-gf (cssClass forme; GF dodaje .biognost-gf_wrapper na omotač i .biognost-gf na <form>).
 */

/* Omotač + osnova */
.biognost-gf_wrapper {
	position: relative;
	margin: 0 0 25px;
	font-size: 14px;
	line-height: 24px;
	color: #2b3033;
}

.biognost-gf_wrapper .gform_validation_container,
.biognost-gf_wrapper .gform_hidden,
.biognost-gf_wrapper .gform_ajax_spinner,
.biognost-gf_wrapper .gfield_visibility_hidden,
.gform_ajax_frame {
	display: none !important;
}

.biognost-gf_wrapper .screen-reader-text,
.biognost-gf_wrapper .hidden_label > .gfield_label,
.biognost-gf_wrapper .hidden_label > legend.gfield_label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Napomena o obaveznim poljima */
.biognost-gf_wrapper .gform_required_legend {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 24px;
}

/* Raspored: 12 stupaca, razmak 20 px, širine polja iz GF-a (gfield--width-half / -full) */
.biognost-gf_wrapper .gform_fields {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 20px;
	row-gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.biognost-gf_wrapper .gfield {
	grid-column: span 12;
	min-width: 0;
	margin: 0 0 25px;
	padding: 0;
	border: 0;
}

@media (min-width: 640px) {
	.biognost-gf_wrapper .gfield--width-half {
		grid-column: span 6;
	}
}

/* Oznake */
.biognost-gf_wrapper .gfield_label {
	display: block;
	margin: 0 0 13px;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	color: #2b3033;
	cursor: default;
}

.biognost-gf_wrapper .gfield_required {
	margin-left: 4px;
	font-size: 18px;
	font-weight: 700;
	line-height: 0;
	color: #e80000;
}

.biognost-gf_wrapper .gfield_label .gfield_required .gfield_required,
.biognost-gf_wrapper .gform_required_legend .gfield_required {
	margin-left: 0;
}

/* Polja */
.biognost-gf_wrapper .ginput_container {
	position: relative;
}

.biognost-gf_wrapper input[type="text"],
.biognost-gf_wrapper input[type="email"],
.biognost-gf_wrapper input[type="tel"],
.biognost-gf_wrapper input[type="password"],
.biognost-gf_wrapper textarea,
.biognost-gf_wrapper select {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 50px;
	margin: 0;
	padding: 12px;
	border: 1px solid #c4c4c4;
	border-radius: 0;
	background-color: #f7f7f7;
	box-shadow: none;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: #6b6b6b;
	-webkit-appearance: none;
	appearance: none;
}

.biognost-gf_wrapper textarea {
	height: 200px;
	resize: vertical;
}

.biognost-gf_wrapper input[type="text"]:focus,
.biognost-gf_wrapper input[type="email"]:focus,
.biognost-gf_wrapper input[type="tel"]:focus,
.biognost-gf_wrapper input[type="password"]:focus,
.biognost-gf_wrapper textarea:focus,
.biognost-gf_wrapper select:focus {
	border-color: #4a4f5b;
	outline: none;
}

/* Padajući izbornik (tema ga inače pretvara u selectize; ovo pokriva i izvorni <select> nakon AJAX ponovnog iscrtavanja) */
.biognost-gf_wrapper select {
	padding-right: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232b3033' stroke-width='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
}

.biognost-gf_wrapper .selectize-control {
	width: 100%;
}

.biognost-gf_wrapper .selectize-input {
	height: 50px;
	padding: 12px 36px 12px 12px;
	border: 1px solid #c4c4c4;
	border-radius: 0;
	background-color: #f7f7f7;
	box-shadow: none;
	font-size: 16px;
	line-height: 24px;
	color: #6b6b6b;
}

.biognost-gf_wrapper .selectize-control.single .selectize-input::after,
.biognost-gf_wrapper .selectize-control.single .selectize-input.dropdown-active::after {
	right: 16px;
	width: 12px;
	height: 8px;
	margin-top: -4px;
	border: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232b3033' stroke-width='3'/%3E%3C/svg%3E") no-repeat center;
}

.biognost-gf_wrapper .selectize-input.focus {
	border-color: #4a4f5b;
}

.biognost-gf_wrapper .selectize-input .item {
	font-size: 16px;
	line-height: 24px;
	color: #6b6b6b;
}

.biognost-gf_wrapper .selectize-input input[type="text"] {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	background: none;
	font-size: 16px;
	line-height: 24px;
}

/* Prijenos datoteke (životopis) */
.biognost-gf_wrapper input[type="file"] {
	display: block;
	width: 100%;
	font-family: inherit;
	font-size: 16px;
	line-height: 51px;
	color: #6b6b6b;
}

.biognost-gf_wrapper input[type="file"]::file-selector-button {
	height: 51px;
	margin: 0 12px 0 0;
	padding: 0 12px;
	border: 0;
	border-radius: 0;
	background: #333;
	font-family: inherit;
	font-size: 16px;
	color: #f7f7f7;
	cursor: pointer;
}

/* Privola (checkbox): okvir i kvačicu crta tema (components/_forms.scss) */
.biognost-gf_wrapper .ginput_container_consent {
	position: relative;
}

.biognost-gf_wrapper .ginput_container_consent input[type="checkbox"] + label {
	display: block;
	margin: 0 0 0 28px;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

.biognost-gf_wrapper .ginput_container_consent label a {
	text-decoration: underline;
}

/* Radio (npr. Social title): oblik krugova crta tema (components/_forms.scss), ovdje samo razmještaj u redu */
.biognost-gf_wrapper .gfield_radio {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.biognost-gf_wrapper .gfield_radio .gchoice {
	position: relative;
	margin: 0;
	padding: 0;
}

.biognost-gf_wrapper .gfield_radio .gchoice label:before {
	top: 1px;
}

.biognost-gf_wrapper .gfield_radio .gchoice label:after {
	top: 4px;
}

.biognost-gf_wrapper .gfield_radio .gchoice label {
	display: inline-block;
	margin: 0 0 0 28px;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
}

/* Lozinka s potvrdom: dva polja jedno do drugog (na mobitelu jedno ispod drugog) */
.biognost-gf_wrapper .ginput_container_password {
	display: grid;
	grid-template-columns: 1fr;
	gap: 25px 20px;
}

@media (min-width: 640px) {
	.biognost-gf_wrapper .ginput_container_password {
		grid-template-columns: 1fr 1fr;
	}
}

.biognost-gf_wrapper .ginput_container_password > span {
	display: block;
	min-width: 0;
}

.biognost-gf_wrapper .ginput_container_password .gform-field-label--type-sub,
.biognost-gf_wrapper .ginput_container_password label {
	display: block;
	margin: 0 0 6px;
	font-size: 14px;
	line-height: 20px;
	color: #2b3033;
}

.biognost-gf_wrapper .gfield_error .ginput_container_password::after {
	display: none;
}

.biognost-gf_wrapper .gfield_error .ginput_container_password > span {
	position: relative;
}

.biognost-gf_wrapper .gfield_error .ginput_container_password > span::after {
	content: "!";
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: #e80000;
	font-size: 22px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	color: #fff;
	pointer-events: none;
}

/* Opisi ispod polja */
.biognost-gf_wrapper .gfield_description {
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #6b6b6b;
}

/* Gumb: boje/veličinu daje tema (.button--primary .button--large) */
.biognost-gf_wrapper .gform_footer {
	margin: 0 0 25px;
	padding: 0;
}

.biognost-gf_wrapper .gform_footer .button {
	margin: 0;
	height: 50px;
	font-family: inherit;
}

/* Greške */
.biognost-gf_wrapper .gfield_error input[type="text"],
.biognost-gf_wrapper .gfield_error input[type="email"],
.biognost-gf_wrapper .gfield_error input[type="tel"],
.biognost-gf_wrapper .gfield_error input[type="password"],
.biognost-gf_wrapper .gfield_error textarea,
.biognost-gf_wrapper .gfield_error select,
.biognost-gf_wrapper .gfield_error .selectize-input {
	border-color: #e80000;
}

.biognost-gf_wrapper .gfield_error .ginput_container:not(.ginput_container_consent):not(.ginput_container_fileupload)::after {
	content: "!";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: #e80000;
	font-size: 22px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	color: #fff;
	pointer-events: none;
}

.biognost-gf_wrapper .gfield_error select + .selectize-control::after,
.biognost-gf_wrapper .gfield_error .ginput_container_select::after {
	z-index: 2;
}

.biognost-gf_wrapper .gfield_validation_message,
.biognost-gf_wrapper .validation_message {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 14px;
	line-height: 24px;
	color: #e80000;
}

.biognost-gf_wrapper .gfield_error .gfield_validation_message {
	margin-top: 8px;
}

.biognost-gf_wrapper .gfield_error .ginput_container_consent input[type="checkbox"] + label:before {
	border-color: #e80000;
}

/* Poruka o greškama pod gumbom (NF je ima ispod gumba): GF je stavlja iznad forme pa omotač slažemo flexom */
.biognost-gf_wrapper {
	display: flex;
	flex-direction: column;
}

.biognost-gf_wrapper > form {
	order: 1;
}

.biognost-gf_wrapper > .gform_validation_errors {
	order: 2;
	margin: -15px 0 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #e80000;
}

.biognost-gf_wrapper .gform_validation_errors .gform_submission_error {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #e80000;
}

.biognost-gf_wrapper .gform_validation_errors .gform-icon,
.biognost-gf_wrapper .gform_validation_errors .gform_submission_error_list,
.biognost-gf_wrapper .gform_validation_errors ol {
	display: none;
}

/* Poruka nakon slanja */
.gform_confirmation_wrapper {
	margin: 0 0 25px;
}

.gform_confirmation_message {
	font-size: 14px;
	line-height: 24px;
	color: #2b3033;
}

.gform_confirmation_message p {
	margin: 0 0 14px;
}

@media (max-width: 639px) {
	.biognost-gf_wrapper textarea {
		height: 130px;
	}
}

/* ==========================================================================
   Newsletter u podnožju (forma "Newsletter (footer)") — tamna traka iznad sponzora
   ========================================================================== */
.footer__newsletter {
	padding: 30px 0 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: #fefefe;
}

.footer__newsletter-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px 40px;
}

.footer__newsletter-text {
	flex: 1 1 280px;
}

.footer__newsletter-text .col-title {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #00b4e2;
}

.footer__newsletter-text p {
	margin: 0;
	font-size: 13px;
	line-height: 22px;
	color: #fefefe;
}

.footer__newsletter-form {
	flex: 1 1 460px;
	max-width: 620px;
}

.footer__newsletter .biognost-gf_wrapper {
	margin: 0;
	color: #fefefe;
}

.footer__newsletter .biognost-gf_wrapper form {
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 12px;
	align-items: start;
}

.footer__newsletter .gform-body {
	grid-column: 1;
	grid-row: 1;
}

.footer__newsletter .gform_footer {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
}

.footer__newsletter .gform_fields {
	display: block;
}

.footer__newsletter .gfield {
	margin: 0 0 10px;
}

.footer__newsletter .gfield--type-email {
	margin-bottom: 0;
}

.footer__newsletter .gfield--type-consent {
	grid-column: 1 / -1;
}

.footer__newsletter .gform-body {
	display: contents;
}

.footer__newsletter .gform_fields {
	display: contents;
}

.footer__newsletter .gfield--type-email {
	grid-column: 1;
	grid-row: 1;
}

.footer__newsletter .gfield--type-consent {
	grid-row: 2;
	margin: 12px 0 0;
}

.footer__newsletter input[type="email"] {
	height: 50px;
	border-color: #55555b;
	background-color: #3a3a40;
	color: #fefefe;
}

.footer__newsletter input[type="email"]::placeholder {
	color: #b5b5b9;
	opacity: 1;
}

.footer__newsletter input[type="email"]:focus {
	border-color: #00b4e2;
}

.footer__newsletter .gform_footer .button {
	height: 50px;
	white-space: nowrap;
}

.footer__newsletter .ginput_container_consent input[type="checkbox"] + label {
	margin-left: 28px;
	font-size: 12px;
	line-height: 18px;
	color: #d7d7da;
}

.footer__newsletter .ginput_container_consent label a {
	color: #00b4e2;
}

.footer__newsletter .gfield_required,
.footer__newsletter .gform_required_legend {
	display: none;
}

.footer__newsletter .gfield_validation_message,
.footer__newsletter .gform_validation_errors,
.footer__newsletter .gform_validation_errors .gform_submission_error {
	color: #ff6b6b;
}

.footer__newsletter .biognost-gf_wrapper > .gform_validation_errors {
	margin: 4px 0 0;
	outline: 0;
}

.footer__newsletter .gform_confirmation_message,
.footer__newsletter .gform_confirmation_message p {
	font-size: 13px;
	line-height: 22px;
	color: #fefefe;
}

.footer__newsletter .gform_confirmation_message p {
	margin: 0 0 4px;
}

@media (max-width: 639px) {
	.footer__newsletter .biognost-gf_wrapper form {
		grid-template-columns: 1fr;
		row-gap: 12px;
	}

	.footer__newsletter .gform_footer {
		grid-column: 1;
		grid-row: 2;
	}

	.footer__newsletter .gfield--type-consent {
		grid-row: 3;
		margin-top: 0;
	}

	.footer__newsletter .gform_footer .button {
		width: 100%;
	}
}