/* INB Settings - frontend styles */

/* ------------------------------------------------------------------ */
/* Pasek mobilny (pkt 8) — widoczny tylko na smartfonach              */
/* ------------------------------------------------------------------ */
.inb-mobile-bar {
	display: none;
}

@media (max-width: 782px) {
	.inb-mobile-bar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		/*
		 * Wysoka warstwa, ale CELOWO poniżej banera zgód ciasteczkowych
		 * INB Ciasteczka (z-index 99999), aby baner consent (Consent Mode v2)
		 * pozostawał zawsze klikalny nad paskiem.
		 */
		z-index: 90000;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.18);
		/* Własny kontekst nakładania — chroni klikalność przed elementami motywu. */
		isolation: isolate;
		/* Gwarantuje odbiór dotyku/kliknięć nawet gdy motyw ustawia globalnie none. */
		pointer-events: auto;
	}

	.inb-mobile-bar .inb-mbtn {
		flex: 1 1 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 14px 10px;
		color: #ffffff;
		text-decoration: none;
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
		background: #0D1B70; /* fallback; nadpisywane inline z ustawień */
		transition: filter 0.2s ease;
		/* Klikalność linków: własna warstwa nad ewentualnymi nakładkami wewnątrz paska. */
		position: relative;
		z-index: 1;
		pointer-events: auto;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
		touch-action: manipulation;
	}

	.inb-mobile-bar .inb-mbtn:active {
		filter: brightness(0.9);
	}

	.inb-mobile-bar .inb-mbtn-icon {
		display: inline-flex;
		align-items: center;
		/* Klik/dotyk w ikonę ma trafić w link <a>, nie zatrzymać się na SVG. */
		pointer-events: none;
	}

	.inb-mobile-bar .inb-mbtn-icon svg,
	.inb-mobile-bar .inb-mbtn-label {
		pointer-events: none;
	}

	.inb-mobile-bar .inb-mbtn.icon-only {
		padding: 16px 10px;
	}

	.inb-mobile-bar[data-count="2"] .inb-mbtn:first-child {
		border-right: 1px solid rgba(255, 255, 255, 0.18);
	}

	/* Zapewniamy miejsce, by pasek nie zasłaniał treści na dole strony. */
	body.inb-sticky-active,
	body {
		scroll-padding-bottom: 64px;
	}
}

/* ------------------------------------------------------------------ */
/* Podpis w stopce (pkt 10)                                           */
/* ------------------------------------------------------------------ */
.inb-footer-signature {
	width: 100%;
	text-align: center;
	padding: 14px 10px;
	font-size: 14px;
	background: transparent; /* dziedziczy z footera motywu */
	color: #666666; /* nadpisywane inline z ustawień */
}

.inb-footer-signature a {
	font-weight: 700;
	text-decoration: none;
	color: inherit;
}

.inb-footer-signature a:hover {
	text-decoration: underline;
}

.inb-footer-heart {
	display: inline-block;
	color: #FFD400; /* serce zawsze żółte, także gdy renderowane jako tekst */
	animation: inbHeartPulse 1.2s ease-in-out infinite;
	transform-origin: center;
}

@keyframes inbHeartPulse {
	0%   { transform: scale(1); }
	15%  { transform: scale(1.25); }
	30%  { transform: scale(1); }
	45%  { transform: scale(1.18); }
	60%  { transform: scale(1); }
	100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.inb-footer-heart {
		animation: none;
	}
}

/* Na smartfonach z paskiem mobilnym — odsuwamy podpis nad pasek. */
@media (max-width: 782px) {
	.inb-footer-signature {
		margin-bottom: 56px;
	}
}

/* ------------------------------------------------------------------ */
/* Sticky menu (pkt 7) — klasa dokładana przez JS                     */
/* ------------------------------------------------------------------ */
.inb-sticky-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}