/* =========================================================================
   ICF Karting — v18 (Damian credit highlight + mobile menu fix)
   ========================================================================= */

/* ===========================================================
   AUTHOR CREDIT — subtelny gradient highlight (Damian's marketing!)
   =========================================================== */
.author-credit-inline {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 18px 8px 14px;
	background: linear-gradient(135deg,
		rgba(46, 224, 107, 0.12) 0%,
		rgba(255, 215, 0, 0.10) 50%,
		rgba(255, 45, 32, 0.08) 100%);
	border: 1px solid rgba(46, 224, 107, 0.25);
	border-radius: 999px;
	transition: border-color .25s var(--ease-soft), transform .25s var(--ease-spring), box-shadow .3s;
}
.author-credit-inline:hover {
	border-color: rgba(46, 224, 107, 0.5);
	transform: translateY(-1px);
	box-shadow: 0 8px 24px -8px rgba(46, 224, 107, 0.3);
}

.author-credit-inline__label {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 0.7rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
}

.author-credit-inline__name {
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 0.88rem !important;
	letter-spacing: 0.02em !important;
	background: linear-gradient(90deg, #fff 0%, var(--c-live) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	text-decoration: none !important;
}
.author-credit-inline__name:hover {
	background: linear-gradient(90deg, var(--c-live) 0%, #fff 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.author-credit-inline__role {
	color: rgba(255, 255, 255, 0.65) !important;
	font-size: 0.7rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
}

.author-credit-inline__sep {
	color: rgba(255, 255, 255, 0.25) !important;
}

@media (max-width: 720px) {
	.author-credit-inline {
		padding: 10px 16px;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
}

/* ===========================================================
   FOOTER bar layout (po dodaniu pill-a, lepsze proporcje)
   =========================================================== */
.site-footer__bar { padding: 22px 0 !important; }
.site-footer__bar-inner {
	gap: 24px !important;
	align-items: center !important;
}

/* ===========================================================
   MOBILE MENU — pełne menu z wszystkimi podstronami
   =========================================================== */
@media (max-width: 960px) {
	/* Style zostały z v7 — list a teraz każdy item jako duży link */
	.site-nav__list {
		flex-direction: column !important;
		gap: 0 !important;
		align-items: stretch !important;
	}
	.site-nav__list li {
		display: block;
	}
	.site-nav__list li a {
		display: block !important;
		padding: 16px 0 !important;
		font-size: 1.2rem !important;
		font-family: var(--font-display);
		font-weight: 600;
		letter-spacing: -0.02em;
		color: #fff !important;
		border-bottom: 1px solid rgba(255,255,255,.06);
		text-decoration: none;
	}
	/* Active link highlight */
	.site-nav__list li.current-menu-item a {
		color: var(--c-accent) !important;
	}
	/* Plus arrow on hover */
	.site-nav__list li a::after {
		content: '→';
		float: right;
		opacity: 0.4;
		transition: opacity .25s, transform .25s var(--ease-apple);
	}
	.site-nav__list li a:hover::after {
		opacity: 1;
		color: var(--c-accent);
		transform: translateX(4px);
	}
	/* Special highlight for "Rejestracja online" jako CTA */
	.site-nav__list li.menu-cta a {
		background: linear-gradient(135deg, rgba(46,224,107,0.1) 0%, rgba(255,255,255,0.02) 100%);
		border: 1px solid rgba(46,224,107,0.3);
		border-radius: 14px;
		padding: 14px 18px !important;
		margin: 8px 0 0;
		font-size: 1rem !important;
	}
	.site-nav__list li.menu-cta a::after {
		opacity: 1;
		color: var(--c-live);
	}

	/* Site-nav__cta na mobile — duże buttony */
	.site-nav__cta {
		flex-direction: column !important;
		gap: 12px !important;
		margin-top: 24px !important;
		padding-top: 24px !important;
	}
	.site-nav__cta .btn-pill {
		width: 100%;
		justify-content: center;
		font-size: 1rem !important;
		padding: 16px !important;
	}
	.site-nav__phone {
		text-align: center;
		font-size: 1.05rem !important;
		padding: 12px 0;
	}
}