/*
 * Márka-réteg a Bootstrap 5.3 fölött (CDN-ről, változatlanul). A Bootstrap
 * saját komponens-színei (.btn-primary, .form-control:focus, ...) statikus
 * hex-értékekre vannak fordítva, nem a --bs-primary custom property-ból
 * származnak futásidőben - ezért az átszínezésükhöz Sass-újrafordítás
 * nélkül mindegyiket explicit felül kell írni itt, színmódonként egyszer.
 */

:root {
	--bs-body-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;

	--bs-primary: #2f6fed;
	--bs-primary-rgb: 47, 111, 237;
	--bs-link-color: #2f6fed;
	--bs-link-color-rgb: 47, 111, 237;
	--bs-link-hover-color: #2557c0;
	--bs-link-hover-color-rgb: 37, 87, 192;

	--bs-border-radius: 0.75rem;
	--bs-border-radius-sm: 0.5rem;
	--bs-border-radius-lg: 1rem;

	--brand-focus-border: #aec7fa;
	--brand-focus-shadow-rgb: 47, 111, 237;

	--bs-body-bg: #f5f7fb;
}

[data-bs-theme="dark"] {
	--bs-primary: #7ea4ff;
	--bs-primary-rgb: 126, 164, 255;
	--bs-link-color: #7ea4ff;
	--bs-link-color-rgb: 126, 164, 255;
	--bs-link-hover-color: #9cb9ff;
	--bs-link-hover-color-rgb: 156, 185, 255;

	--brand-focus-border: #4d6fc7;
	--brand-focus-shadow-rgb: 126, 164, 255;

	--bs-body-bg: #14161f;
	--bs-tertiary-bg: #1b1e2b;
}

body {
	min-height: 100vh;
}

.navbar-brand {
	letter-spacing: -0.02em;
}

.card {
	border: none;
	box-shadow: 0 1rem 2.5rem rgba(20, 15, 60, 0.08);
}

[data-bs-theme="dark"] .card {
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.35);
}

#theme-toggle {
	width: 2.25rem;
	height: 2.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.form-control:focus:not(.is-invalid) {
	border-color: var(--brand-focus-border);
	box-shadow: 0 0 0 0.25rem rgba(var(--brand-focus-shadow-rgb), 0.25);
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--bs-body-color);
	-webkit-box-shadow: 0 0 0 1000px var(--bs-body-bg) inset;
	box-shadow: 0 0 0 1000px var(--bs-body-bg) inset;
	caret-color: var(--bs-body-color);
	transition: background-color 600000s 0s, color 600000s 0s;
}

/* Adatgazdag nézetek (feladatlista, projektlista, stb.) a keskeny bejelentkezés-kártyával szemben a teljes elérhető szélességet használják - lásd View::start()/header.php $narrow ága. */
.table-responsive {
	max-width: 100%;
}

.table > :not(caption) > * > * {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}

/* assets/js/searchable-select.js: a natív <select> fölé rajzolt kereshető szövegmező + legördülő lista. */
.searchable-select-menu {
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1050;
	max-height: 15rem;
	overflow-y: auto;
	margin-top: 0.125rem;
	box-shadow: 0 0.5rem 1.5rem rgba(20, 15, 60, 0.15);
}

[data-bs-theme="dark"] .searchable-select-menu {
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.4);
}