/* NarkoMed technical SEO, Core Web Vitals and accessibility fixes. */

:root {
	--nm-green: #3f650c;
	--nm-green-hover: #2e4e05;
	--nm-focus: #0b66d6;
	--nm-text: #202124;
}

html {
	scroll-behavior: smooth;
}

body {
	color: var(--nm-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

img {
	max-width: 100%;
	height: auto;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--nm-focus) !important;
	outline-offset: 3px;
}

.tm-toolbar,
.tm-toolbar a,
.header__mobile-phone a {
	color: #fff;
}

.tm-toolbar a:hover,
.tm-toolbar a:focus,
.header__mobile-phone a:hover,
.header__mobile-phone a:focus {
	color: #d9f7a8;
}

.language-switcher {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.language-switcher li {
	display: block;
	margin: 0;
}

.language-switcher a,
.uk-navbar-toggle,
.tm-totop-scroller {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}

.uk-navbar-brand img {
	width: 249px;
	height: auto;
}

.tm-logo-small img {
	width: 150px;
	height: auto;
}

.nm-mobile-call-link {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.nm-hero-media,
.nm-hero-copy > .uk-panel-body {
	min-height: 580px;
}

.nm-hero-media {
	overflow: hidden;
	background: #eef2e8;
}

.nm-hero-media img {
	display: block;
	width: 100%;
	height: 580px;
	object-fit: cover;
	object-position: center;
}

.nm-hero-copy > .uk-panel-body {
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.slider-text h1 {
	color: var(--nm-green);
}

.uk-button-primary,
.btn {
	background: var(--nm-green);
	border-color: var(--nm-green);
	color: #fff;
}

.uk-button-primary:hover,
.uk-button-primary:focus,
.btn:hover,
.btn:focus {
	background: var(--nm-green-hover);
	border-color: var(--nm-green-hover);
	color: #fff;
}

.contact__form input:not([type="checkbox"]):not([type="radio"]),
.contact__form select,
.contact__form textarea,
.contact__form button,
.contact__form input[type="submit"] {
	min-height: 44px;
	box-sizing: border-box;
	font-size: 16px;
}

.contact__form input[type="submit"],
.contact__form button {
	min-width: 44px;
	padding: 10px 18px;
}

.contact__form form .btn,
.contact__form form input[type="submit"] {
	min-height: 44px;
	max-height: none;
	font-size: 16px;
	line-height: 1.25;
}

.services__types a,
.price__container-list a {
	display: inline-flex;
	min-height: 28px;
	align-items: center;
}

.services__types li {
	margin-block: 3px;
}

.uk-panel-box-default p,
.uk-panel-box-default address {
	color: #3f4245;
}

.price-text span {
	color: #c4f283;
}

.maps iframe {
	display: block;
}

body.home #tm-top-c,
body.home #tm-main,
body.home #tm-bottom-a,
body.home #tm-bottom-b,
body.home #tm-bottom-c {
	content-visibility: auto;
	contain-intrinsic-size: auto 800px;
}

body.home .uk-invisible {
	visibility: visible !important;
}

@media (max-width: 767px) {
	.tm-logo-small img {
		width: 130px;
	}

	.nm-mobile-call-text {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.nm-mobile-call-link .uk-icon-phone {
		font-size: 20px;
	}

	.nm-hero-media,
	.nm-hero-copy > .uk-panel-body {
		min-height: 0;
	}

	.nm-hero-media img {
		height: auto;
		aspect-ratio: 960 / 427;
	}

	.nm-hero-copy > .uk-panel-body {
		padding-block: 28px;
	}

	.slider-text h1 {
		font-size: 30px;
		line-height: 1.2;
	}

	.slider-text h2 {
		font-size: 22px;
		line-height: 1.3;
	}

	.price__container-list li,
	.price__container-btn {
		flex-wrap: wrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}