/* =========================================================================
   ICF Karting — v16 (FINAL AUDIT FIX)
   - Logo: zatrzymaj w fixed width, nie pozwól flexowi squashować
   - Footer: 5 kolumn z WSZYSTKIMI podstronami
   - Drobne layout fixes
   ========================================================================= */

/* ===========================================================
   LOGO FIX — bulletproof, nigdy nie znika
   =========================================================== */
.site-logo {
	display: inline-flex !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	flex-grow: 0 !important;
	flex-basis: auto !important;
	width: auto !important;
	min-width: 140px !important;
	max-width: none !important;
}
.site-logo img {
	display: block !important;
	height: 38px !important;
	width: auto !important;
	max-width: 240px !important;
	min-width: 130px !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
}
.site-logo img,
.site-logo:hover img { transition: none !important; }
.site-logo:hover { transform: none !important; }
.site-header.is-scrolled .site-logo img { height: 32px !important; }

/* Footer logo bigger */
.site-footer__logo img {
	display: block !important;
	height: 48px !important;
	width: auto !important;
	max-width: 280px !important;
	object-fit: contain !important;
}

/* ===========================================================
   HEADER inner: zapewnij że logo nie jest squashowany
   =========================================================== */
.site-header__inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	min-height: 72px !important;
}

/* ===========================================================
   FOOTER — 5 kolumn (wszystkie podstrony)
   =========================================================== */
.site-footer__grid {
	display: grid !important;
	grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr !important;
	gap: 32px !important;
}
@media (max-width: 1100px) {
	.site-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr !important; }
	.site-footer__col:nth-child(5) { display: none; }
}
@media (max-width: 880px) {
	.site-footer__grid { grid-template-columns: repeat(2, 1fr) !important; }
	.site-footer__col:nth-child(5) { display: block !important; }
}
@media (max-width: 540px) {
	.site-footer__grid { grid-template-columns: 1fr !important; }
}

/* Pokaż wszystkie kolumny stopki (override v7 hide) */
.site-footer__col:nth-child(4) { display: block !important; }

/* Footer kolumny — refinement */
.site-footer__menu {
	list-style: none;
	margin: 0; padding: 0;
	display: flex; flex-direction: column;
	gap: 10px;
}
.site-footer__menu a {
	color: var(--c-text-2);
	font-size: 0.92rem;
	transition: color .2s var(--ease-soft);
	text-decoration: none;
	display: inline-block;
	padding: 2px 0;
}
.site-footer__menu a:hover { color: var(--c-accent); }

/* H3 nagłówki w stopce — uniform */
.site-footer__col h3 {
	display: flex; align-items: center; gap: 10px;
	font-family: var(--font-display);
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;
	color: rgba(255,255,255,.95) !important;
	margin: 0 0 18px !important;
}
.site-footer__col h3::before {
	content: '';
	width: 4px; height: 14px;
	background: var(--c-accent);
	border-radius: 2px;
	flex-shrink: 0;
}

/* ===========================================================
   STORY-PIN sticky — fix media position
   =========================================================== */
.story-pin__sticky { z-index: 1; }
.story-pin__media {
	background: linear-gradient(135deg, #1a0a0a 0%, #0a0a0c 100%);
}

/* ===========================================================
   MOBILE menu fix — żeby logo na mobile było widoczne mimo szukania flex
   =========================================================== */
@media (max-width: 960px) {
	.site-header__inner { gap: 16px !important; }
	.site-logo { min-width: 130px !important; }
}
@media (max-width: 540px) {
	.site-logo { min-width: 110px !important; }
	.site-logo img { height: 34px !important; min-width: 110px !important; }
}

/* ===========================================================
   Site-logo img filter remove (drop-shadow could affect rendering)
   =========================================================== */
.site-logo img { filter: none !important; }
.site-footer__logo img { filter: drop-shadow(0 0 16px rgba(255,45,32,.3)) !important; }