/* Nábytkáři Čech a Moravy – site styles on top of Bootstrap 5.3 */

:root {
	--ncm-red: #e2001a;
	--ncm-red-dark: #b50014;
	--ncm-dark: #3f3b3c;
	--ncm-grey: #6d6e71;
	--ncm-light: #f4f4f5;
	--ncm-yellow: #ffd400;
	--ncm-sky: #eaf7fd;
	--bs-primary: var(--ncm-red);
	--bs-primary-rgb: 226, 0, 26;
	--bs-link-color: var(--ncm-red);
	--bs-link-color-rgb: 226, 0, 26;
	--bs-link-hover-color: var(--ncm-red-dark);
	--bs-link-hover-color-rgb: 181, 0, 20;
	--bs-body-color: var(--ncm-dark);
	--bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
	background: #fff;
}

.skip-link:focus {
	position: absolute;
	top: .5rem;
	left: .5rem;
	z-index: 2000;
	padding: .5rem 1rem;
	background: #fff;
	color: var(--ncm-dark);
	border: 2px solid var(--ncm-red);
	border-radius: .25rem;
}

/* header */
.site-header {
	background: #fff;
	border-bottom: 1px solid #e6e6e8;
}

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

.nav-link {
	color: var(--ncm-dark);
}

.nav-link.active {
	color: var(--ncm-red);
	font-weight: 600;
}

/* buttons */
.btn-brand {
	--bs-btn-bg: var(--ncm-red);
	--bs-btn-border-color: var(--ncm-red);
	--bs-btn-color: #fff;
	--bs-btn-hover-bg: var(--ncm-red-dark);
	--bs-btn-hover-border-color: var(--ncm-red-dark);
	--bs-btn-hover-color: #fff;
	--bs-btn-active-bg: var(--ncm-red-dark);
	--bs-btn-active-border-color: var(--ncm-red-dark);
	--bs-btn-active-color: #fff;
	--bs-btn-focus-shadow-rgb: 226, 0, 26;
}

.btn-outline-brand {
	--bs-btn-color: var(--ncm-red);
	--bs-btn-border-color: var(--ncm-red);
	--bs-btn-hover-bg: var(--ncm-red);
	--bs-btn-hover-border-color: var(--ncm-red);
	--bs-btn-hover-color: #fff;
	--bs-btn-active-bg: var(--ncm-red-dark);
	--bs-btn-active-border-color: var(--ncm-red-dark);
	--bs-btn-active-color: #fff;
	--bs-btn-focus-shadow-rgb: 226, 0, 26;
}

.link-brand {
	color: var(--ncm-red);
}

/* home page */
.hero {
	background: linear-gradient(180deg, var(--ncm-sky) 0%, #fff 100%);
	border-bottom: 1px solid #e6e6e8;
}

.hero h1 {
	font-weight: 800;
	letter-spacing: -.02em;
}

.claim {
	display: inline-block;
	background: var(--ncm-yellow);
	color: var(--ncm-dark);
	font-weight: 700;
	padding: .35rem .9rem;
	border-radius: 2rem;
}

.card-download {
	color: var(--ncm-dark);
	overflow: hidden;
}

.card-download .card-img-top {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 320 / 450;
	object-fit: contain;
	background: #f8f8f8;
	border-bottom: 1px solid #ececee;
}

.card-download:hover .link-brand,
.card-download:focus-visible .link-brand {
	text-decoration: underline;
}

.feature .icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #fdeaec;
	color: var(--ncm-red);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}

.section-title {
	font-weight: 700;
}

/* dealers */
.kraj-list .list-group-item {
	color: var(--ncm-dark);
}

.kraj-list .list-group-item.active,
.kraj-list .list-group-item.hover {
	background: var(--ncm-red);
	border-color: var(--ncm-red);
	color: #fff;
}

.kraj-list .kraj-pocet {
	background: var(--ncm-light);
	color: var(--ncm-grey);
}

.kraj-list .list-group-item.active .kraj-pocet,
.kraj-list .list-group-item.hover .kraj-pocet {
	background: rgba(255, 255, 255, .25);
	color: #fff;
}

.mapa svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 640px;
	margin: 0 auto;
}

.mapa .kraj polygon {
	fill: #e9e9eb;
	stroke: #fff;
	stroke-width: 1.5;
	transition: fill .15s;
}

.mapa .kraj:hover polygon,
.mapa .kraj:focus polygon,
.mapa .kraj.hover polygon,
.mapa .kraj.active polygon {
	fill: var(--ncm-red);
}

.mapa .kraj:focus {
	outline: none;
}

.mapa .kraj:focus polygon {
	stroke: var(--ncm-dark);
	stroke-width: 2;
}

.prodejci [id] {
	scroll-margin-top: 90px;
}

.prodejce {
	border: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.prodejce h3 {
	font-size: 1.05rem;
	font-weight: 700;
	margin-bottom: .35rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: var(--ncm-grey);
}

/* footer */
.site-footer {
	background: var(--ncm-light);
	color: var(--ncm-grey);
}

.site-footer a {
	color: var(--ncm-dark);
}

.site-footer .badges {
	height: 72px;
	width: auto;
}

@media (max-width: 575.98px) {
	.hero h1 {
		font-size: 2rem;
	}

	.site-footer .badges {
		height: 56px;
	}
}

@media print {
	.site-header .btn,
	.navbar-toggler,
	.site-footer .badges {
		display: none !important;
	}
}

/* mobile: the gap between the sticky header and the content is halved */
@media (max-width: 767.98px) {
	.hero,
	main > section:first-child {
		padding-top: 1.5rem !important;
	}

	.hero h1,
	main > section:first-child h1 {
		margin-top: 0;
	}
}

/* dealer list anchor: keep the heading below the sticky header when the page jumps to #prodejci */
#prodejci {
	scroll-margin-top: 90px;
}