/* ==========================================================================
   Patička — maket, uzel 98:903 (písmo DM Sans, styly XB/*)
   ========================================================================== */

.bx-footer {
	background: var(--bx-ink);
	color: var(--xb-border);
	font-family: var(--bx-font-xb);
}

.bx-footer__cols {
	display: flex;
	align-items: flex-start;
	gap: 56px;
	padding: 76px 70px 56px;
	max-width: var(--bx-page);
	margin-inline: auto;
}

/* --- Sloupec se značkou --------------------------------------------------- */
.bx-footer__brand {
	flex: 0 0 340px;
	width: 340px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
}

.bx-footer__logo {
	display: flex;
	align-items: center;
	gap: 12px;
}

.bx-footer__mark,
.bx-footer__logo svg {
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	display: block;
}

.bx-footer__logo-text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	white-space: nowrap;
}

.bx-footer__word {
	font-weight: 700;
	font-size: var(--bx-xb-h3-size);
	line-height: var(--bx-xb-h3-lh);
	color: var(--xb-white);
}


.bx-footer__sub {
	font-weight: 500;
	font-size: var(--bx-xb-ui-size);
	line-height: var(--bx-xb-ui-lh);
	color: var(--xb-text);
}

.bx-footer__about {
	width: 320px;
	max-width: 100%;
	font-weight: 500;
	font-size: var(--bx-xb-s-size);
	line-height: var(--bx-xb-s-lh);
	color: var(--xb-border);
}

.bx-footer__data {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	font-weight: 500;
	font-size: var(--bx-xb-s-size);
	line-height: var(--bx-xb-s-lh);
	color: var(--xb-border);
}

.bx-footer__data a:hover { color: var(--bx-yellow); }

.bx-footer__socials { display: flex; gap: 10px; }

.bx-footer__social {
	width: 38px; height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(212, 220, 237, .25);
	color: var(--xb-border);
	transition: color .18s ease, border-color .18s ease;
}
.bx-footer__social:hover { color: var(--bx-yellow); border-color: var(--bx-yellow); }
.bx-footer__social .bx-icon { width: 18px; height: 18px; }

/* --- Sloupce s odkazy ----------------------------------------------------- */
.bx-footer__col {
	flex: 1 0 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: flex-start;
}

.bx-footer__col-title {
	font-weight: 700;
	font-size: var(--bx-xb-h5-size);
	line-height: var(--bx-xb-h5-lh);
	color: var(--xb-white);
}

.bx-footer__link {
	font-weight: 500;
	font-size: var(--bx-xb-s-size);
	line-height: var(--bx-xb-s-lh);
	color: var(--xb-border);
	transition: color .18s ease;
}

.bx-footer__link:hover { color: var(--bx-yellow); }

/* --- Spodní pruh ---------------------------------------------------------- */
/* Pozadí jde přes celou šířku okna, text drží mřížku maketu. */
.bx-footer__bottom {
	background: var(--bx-ink-2);
	font-weight: 500;
	font-size: var(--bx-xb-ui-size);
	line-height: var(--bx-xb-ui-lh);
	color: var(--xb-text);
}

.bx-footer__bottom-inner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px 70px;
	max-width: var(--bx-page);
	margin-inline: auto;
}

.bx-footer__bottom-left { flex: 1 0 0; min-width: 0; }
.bx-footer__bottom-right { flex: none; white-space: nowrap; }

/* --- Adaptiv -------------------------------------------------------------- */
@media (max-width: 1200px) {
	.bx-footer__cols { padding-inline: var(--bx-gutter); gap: 40px; }
	.bx-footer__bottom-inner { padding-inline: var(--bx-gutter); }
	.bx-footer__brand { flex-basis: 300px; width: 300px; }
	.bx-footer__about { width: 100%; }
}

@media (max-width: 980px) {
	.bx-footer__cols { flex-wrap: wrap; }
	.bx-footer__brand { flex: 1 1 100%; width: 100%; }
	.bx-footer__col { flex: 1 1 180px; }
}

@media (max-width: 600px) {
	.bx-footer__cols { flex-direction: column; gap: 32px; padding-top: 52px; padding-bottom: 36px; }
	.bx-footer__col { flex: 1 1 auto; width: 100%; }
	.bx-footer__bottom-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
	.bx-footer__bottom-right { white-space: normal; }
}