/* CRAVE Footer - footer-crave.css v3.3 */

.knc-footer .sfill { fill: currentColor; stroke: none; }

.knc-footer {
	width: 100%;
	font-family: 'DM Sans', system-ui, sans-serif;
}

.knc-footer__accent { height: 2px; }
body.dark-mode  .knc-footer__accent,
.knc-footer     .knc-footer__accent { background: linear-gradient(90deg, var(--pink, #F9008E) 0%, transparent 50%); }
body.light-mode .knc-footer__accent { background: linear-gradient(90deg, #C5006E 0%, transparent 50%); }

.knc-footer__inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2.5rem;
}

.knc-footer__main {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem;
	align-items: start;
	padding: 3rem 0 2.75rem;
	border-bottom: 1px solid #191919;
}
body.light-mode .knc-footer__main { border-bottom-color: #e2dfda; }

/* Logo */
.knc-footer__logo-link { display: inline-block; margin-bottom: 1.5rem; line-height: 0; }
.knc-footer__logo-link .knc-logo-dark  { display: block; height: 44px; width: auto; }
.knc-footer__logo-link .knc-logo-light { display: none;  height: 44px; width: auto; }
body.light-mode .knc-footer__logo-link .knc-logo-dark  { display: none; }
body.light-mode .knc-footer__logo-link .knc-logo-light { display: block; }

/* Tagline */
.knc-footer__tagline {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.85;
	margin-bottom: 2.25rem;
	color: #888888;
}
body.light-mode .knc-footer__tagline { color: #696969; }

/* Social */
.knc-footer__social { display: flex; align-items: center; gap: 6px; }
.knc-footer__social-label {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-right: 4px;
	color: #888;
}
body.light-mode .knc-footer__social-label { color: #696969; }
.knc-footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-decoration: none;
	border: 1px solid #1e1e1e;
	color: #888;
	transition: border-color .2s, color .2s;
}
body.light-mode .knc-footer__social-link { border-color: #e2dfda; color: #696969; }
.knc-footer__social-link:hover { border-color: var(--pink, #F9008E); color: var(--pink, #F9008E); }
body.light-mode .knc-footer__social-link:hover { border-color: #C5006E; color: #C5006E; }
.knc-footer__social-link svg {
	width: 13px; height: 13px;
	fill: none; stroke: currentColor;
	stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
	flex-shrink: 0;
}

/* Naglowek kolumny */
.knc-footer__col-head {
	font-size: 9px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #bbb;
	margin: 0 0 12px 0;
	display: block;
}
body.light-mode .knc-footer__col-head { color: #aaa; }
.knc-footer__col-head--right { text-align: right; width: 100%; }

/* Srodkowa kolumna - nawigacja */
.knc-footer__nav {
	padding-top: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.knc-footer__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.knc-footer__nav-list a {
	font-size: 12px;
	text-decoration: none;
	padding: 4px 0;
	color: #888888;
	transition: color .2s;
	white-space: nowrap;
	display: block;
}
body.light-mode .knc-footer__nav-list a { color: #696969; }
.knc-footer__nav-list a:hover { color: var(--pink, #F9008E); }
body.light-mode .knc-footer__nav-list a:hover { color: #C5006E; }

/* Prawa kolumna */
.knc-footer__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-top: 0.5rem;
}
.knc-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
}
.knc-footer__links a {
	font-size: 12px;
	text-decoration: none;
	padding: 4px 0;
	color: #888888;
	transition: color .2s;
}
body.light-mode .knc-footer__links a { color: #696969; }
.knc-footer__links a:hover { color: var(--pink, #F9008E); }
body.light-mode .knc-footer__links a:hover { color: #C5006E; }

/* CTA */
.knc-footer__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.03em;
	text-decoration: none;
	padding: 9px 20px;
	border-radius: 999px;
	border: 1px solid #272727;
	color: #888;
	background: transparent;
	margin-top: 1rem;
	transition: border-color .2s, color .2s;
	white-space: nowrap;
}
body.light-mode .knc-footer__cta { border-color: #ddd; color: #696969; }
.knc-footer__cta:hover { border-color: var(--pink, #F9008E); color: var(--pink, #F9008E); }
body.light-mode .knc-footer__cta:hover { border-color: #C5006E; color: #C5006E; }
.knc-footer__cta svg { width: 12px; height: 12px; transition: transform .2s; }
.knc-footer__cta:hover svg { transform: translateX(2px); }

/* Bottom bar */
.knc-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 1.25rem 0;
}
.knc-footer__copy { font-size: 11px; letter-spacing: 0.01em; color: #888; }
body.light-mode .knc-footer__copy { color: #696969; }

/* Tablet */
@media (max-width: 768px) {
	.knc-footer__main {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
	}
	.knc-footer__left { grid-column: 1 / -1; }
	.knc-footer__nav { align-items: flex-start; }
	.knc-footer__nav-list { align-items: flex-start; }
}

/* Mobile */
@media (max-width: 480px) {
	.knc-footer__inner { padding: 0 1.25rem; }
	.knc-footer__main {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.knc-footer__right { align-items: flex-start; }
	.knc-footer__links { align-items: flex-start; }
	.knc-footer__col-head--right { text-align: left; }
	.knc-footer__bottom { flex-direction: column; align-items: flex-start; }
}