/* AdminLTE 4 custom overrides for PL Admin */

/* Fix: ensure main content area stretches to full width */
.app-main {
	min-width: 0;
	flex-grow: 1;
}

/* Nette DefaultFormRenderer generates <table> markup — style it for Bootstrap 5 */
.card form table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.card form table th {
	padding: 0.5rem 0.75rem 0.5rem 0;
	vertical-align: top;
	font-weight: 500;
	white-space: nowrap;
	text-align: right;
	width: 1%;
}

.card form table td {
	padding: 0.5rem 0;
	width: 100%;
}

.card form table input[type="text"],
.card form table input[type="email"],
.card form table input[type="password"],
.card form table input[type="number"],
.card form table input[type="date"],
.card form table input[type="time"],
.card form table input[type="datetime-local"],
.card form table textarea,
.card form table select {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card form table input:focus,
.card form table textarea:focus,
.card form table select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.card form table input[type="submit"],
.card form table button[type="submit"] {
	display: inline-block;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background-color: #0d6efd;
	border: 1px solid #0d6efd;
	border-radius: var(--bs-border-radius);
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

.card form table input[type="submit"]:hover,
.card form table button[type="submit"]:hover {
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

/* Login page centering */
.login-page {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

.login-box {
	width: 400px;
	max-width: 95%;
}

/* AdminLTE 4 floats .card-title (kvůli card-tools v hlavičce) — uvnitř card-body
   to způsobuje obtékání následujícího textu, proto float rušíme */
.card-body .card-title {
	float: none;
}