/*
	Doplnky po prechodu Bootstrap 4.5 -> 5.3 a Font Awesome 4 -> Bootstrap Icons
	Nacitat hned za bootstrap.min.css
*/

/* Sirka kontejneru jako puvodni build bootstrap-xxl-1300 (>= 1300px = 1240px) */
@media (min-width: 1200px) and (max-width: 1299.98px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1140px;}
}
@media (min-width: 1300px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {max-width: 1240px;}
}

/* Odkazy - BS5 je defaultne podtrhava, BS4 jen pri hoveru */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a.btn:hover, .nav-link:hover, .navbar-brand:hover, .dropdown-item:hover, .page-link:hover, .list-group-item:hover {text-decoration: none;}

/* BS4 reboot - label s odsazenim */
label {display: inline-block; margin-bottom: .5rem;}
.form-check-label, .col-form-label {margin-bottom: 0;}

/* Select se tridou form-control (v BS5 patri form-select) - doplnena sipka */
select.form-control:not([multiple]):not([size]) {
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px;
}

/* .media byl v BS5 odstranen (tridy ponechany kvuli JS selektorum) */
.media {display: flex; align-items: flex-start;}
.media-body {flex: 1;}


/*
	Bootstrap Icons - nahrada modifikatoru z Font Awesome 4
*/
.bi-fw {display: inline-block; width: 1.28571429em; text-align: center;}
.bi-lg {font-size: 1.33333333em; line-height: .75em; vertical-align: -15%;}
.bi-2x {font-size: 2em;}
.bi-4x {font-size: 4em;}

.bi-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;}
.bi-stack-1x, .bi-stack-2x {position: absolute; left: 0; width: 100%; text-align: center;}
.bi-stack-1x {line-height: inherit;}
.bi-stack-2x {font-size: 2em; line-height: 1em;}
.bi-stack-1x::before, .bi-stack-2x::before {vertical-align: middle;}

/* .form-inline byl v BS5 odstranen (v sablonach doplneno d-flex) */
.form-inline .form-control, .form-inline .form-select, .form-inline select {display: inline-block; width: auto; vertical-align: middle;}
.form-inline label {margin-bottom: 0;}