/* Ticket 1851: mobile/Safari fixes. Loaded last so they win over CMS CSS. */

/* Do not inherit all-caps from legacy style.css (nav/buttons). Headings stay uppercase. */
body,
p,
li,
td,
label,
input,
select,
textarea,
.navbar-white .nav-link,
nav.navbar.navbar-white a.nav-link,
.btn {
	text-transform: none;
}

h1, h2, h3, h4, h5,
h2.accordion-header button,
h3.accordion-header button,
h4.accordion-header button {
	text-transform: uppercase;
}

.kenteken input {
	text-transform: uppercase;
}

@supports (-webkit-touch-callout: none) {
	.icon-group .form-select,
	.icon-group select {
		font-size: 16px;
		min-height: 58px;
		color: #111;
		background-color: #fff;
	}
}

nav.navbar.navbar-white button.navbar-toggler,
nav.navbar.navbar-white button.navbar-toggler #menuIcon {
	color: #111 !important;
	z-index: 1050;
}

button.navbar-toggler {
	padding: 8px 12px !important;
	touch-action: manipulation;
}

.icon-group .icon {
	pointer-events: none !important;
	z-index: 1;
}

.icon-group .form-select,
.icon-group select {
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.form-floating.icon-group {
	overflow: visible;
}

.form-floating > label {
	pointer-events: none;
}

.offcanvas-collapse {
	z-index: 1040;
}

@media (max-width: 991.98px) {
	.offcanvas-collapse {
		width: 100% !important;
		left: 100%;
	}
	.offcanvas-collapse.open {
		visibility: visible !important;
		transform: translateX(-100%) !important;
	}
}