/*
 * Prijava, registracija i račun: obrasci (Bricks obrazac i Bricksforge Pro Forms) i
 * izbornik računa. Gumbi su u stilu gumba sa strelicom (tirkizna podloga, tamni tekst),
 * zaobljenje 5px kao obavijesti. Poruke obrazaca stilizira lignum-ponude/assets/obavijesti.css.
 */

/* Polja: registracija i profil imali su bijelu podlogu i bijeli tekst (upisano se nije vidjelo). */
#brx-content :is(.brxe-form, .brxe-brf-pro-forms) :is(input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="submit"]), select, textarea) {
	border: 1px solid rgba(43, 201, 175, 0.3);
	border-radius: 5px;
	background-color: var(--base, #0a2434);
	color: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#brx-content :is(.brxe-form, .brxe-brf-pro-forms) :is(input, textarea)::placeholder {
	color: rgba(255, 255, 255, 0.55);
	opacity: 1;
}

#brx-content :is(.brxe-form, .brxe-brf-pro-forms) :is(input, select, textarea):focus {
	border-color: var(--bricks-color-zfurba, #2bc9af);
	box-shadow: 0 0 0 3px rgba(43, 201, 175, 0.25);
	outline: none;
}

/* E-pošta na profilu se ne mijenja. */
#brx-content :is(.brxe-form, .brxe-brf-pro-forms) :is(input[readonly], input[disabled]) {
	background-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.75);
	cursor: not-allowed;
}

/* Chromeovo automatsko popunjavanje inače boji polje u svijetloplavo. */
#brx-content :is(.brxe-form, .brxe-brf-pro-forms) input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--base, #0a2434) inset;
	-webkit-text-fill-color: #ffffff;
	caret-color: #ffffff;
}

/* Razmak između Turnstile provjere i gumba. */
#brx-content .brxe-form .form-group.captcha {
	padding-bottom: 16px;
}

/* Gumb za slanje. */
#brx-content :is(.brxe-form, .brxe-brf-pro-forms) button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 32px;
	border: 0;
	border-radius: 5px;
	background: var(--bricks-color-zfurba, #2bc9af);
	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.2);
	color: var(--bricks-color-qvqgzq, #173142);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.3px;
	text-transform: none;
	cursor: pointer;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

#brx-content :is(.brxe-form, .brxe-brf-pro-forms) button[type="submit"]:not([disabled]):hover {
	background: #45d8bf;
	box-shadow: 0 0 14px 2px rgba(43, 201, 175, 0.55);
	transform: translateY(-1px);
}

#brx-content :is(.brxe-form, .brxe-brf-pro-forms) button[type="submit"]:not([disabled]):active {
	transform: scale(0.98);
}

#brx-content :is(.brxe-form, .brxe-brf-pro-forms) button[type="submit"]:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

/* Dok Turnstile ne potvrdi, gumb je onemogućen. */
#brx-content :is(.brxe-form, .brxe-brf-pro-forms) button[type="submit"][disabled] {
	opacity: 0.45;
	box-shadow: none;
	cursor: not-allowed;
}

/* Kartice Prijava / Registracija: aktivna je tirkizna, neaktivna samo obrub
   (Frames je imao obrnuto: aktivna prozirna, neaktivna tamno ispunjena). */
#brx-content .fb-tabs-logreg__button {
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: transparent;
	color: #ffffff;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#brx-content .fb-tabs-logreg__button .fb-tabs-logreg__text {
	color: inherit;
}

#brx-content .fb-tabs-logreg__button:hover {
	border-color: var(--bricks-color-zfurba, #2bc9af);
	color: var(--bricks-color-zfurba, #2bc9af);
}

#brx-content .fb-tabs-logreg__button[aria-selected="true"] {
	border-color: var(--bricks-color-zfurba, #2bc9af);
	background: var(--bricks-color-zfurba, #2bc9af);
	color: var(--bricks-color-qvqgzq, #173142);
}

#brx-content .fb-tabs-logreg__button[aria-selected="true"] .fb-tabs-logreg__text {
	font-weight: 600;
}

/* Izbornik računa: aktivna stavka je bijela, a tanki svijetli tekst se na njoj slabo vidio. */
#brx-content .dashboard__nav-link.current-page .dashboard__nav-label {
	color: var(--bricks-color-qvqgzq, #173142);
	font-weight: 500;
}

/* "Profil" i "Odjavi me" široki kao ostale stavke (inače je aktivni "Profil" bio uska kockica). */
#brx-content .dashboard__nav-list--secondary {
	align-items: stretch;
}

@media (max-width: 767px) {
	#brx-content :is(.brxe-form, .brxe-brf-pro-forms) .submit-button-wrapper,
	#brx-content :is(.brxe-form, .brxe-brf-pro-forms) button[type="submit"] {
		width: 100%;
	}
}