/*
 * Nagłówek i stopka Car Factor na subdomenie.
 *
 * Arkusz scalony z trzech narosłych wersji. Blok mobilny występował
 * w trzech kopiach z nakładającymi się regułami - tutaj jest jeden.
 * Selektory ukrywające obejmują Divi, którego poprzednia wersja nie znała.
 */

/* ===================================================== Ukrycie motywu */

/* Motyw auctions-base */
body > header.header,
body > footer,
.site-footer,
#colophon,
footer.footer,
footer#footer { display: none !important; }

/* Divi 4 i 5 */
#main-header,
#top-header,
.et-l--header { display: none !important; }

#main-footer,
.et-l--footer,
#footer-bottom,
#et-footer-nav { display: none !important; }

/* Divi rezerwuje miejsce na przyklejony nagłówek */
body.et_fixed_nav #page-container { padding-top: 0 !important; }

/* Stopka wstrzyknięta ma pozostać widoczna mimo reguł powyżej */
#cf-remote-footer footer { display: block !important; }

/* ========================================================== Nagłówek */

#cf-header,
#cf-header * { box-sizing: border-box; }

#cf-header button { font: inherit; color: inherit; }

#cf-header {
	background: #fff;
	position: relative;
	/* Poniżej naszej galerii pełnoekranowej, powyżej treści strony. */
	z-index: 99000;
}

#cf-header .cf-header__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	align-items: center;
}

#cf-header .cf-col { display: flex; align-items: center; }
#cf-header .cf-col--logo { flex: 0 0 13%; justify-content: flex-start; }
#cf-header .cf-col--nav  { flex: 1 1 auto; justify-content: flex-end; }
#cf-header .cf-col--cta  { flex: 0 0 auto; justify-content: flex-end; padding-left: 16px; }

#cf-header .cf-logo { display: inline-flex; align-items: center; }
#cf-header .cf-logo__img { height: 24px; width: auto; max-width: 100%; display: block; }

/* Menu poziome */

#cf-header .cf-nav__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

#cf-header .cf-nav__item { position: relative; margin: 0 !important; padding: 0 !important; }

#cf-header .cf-nav__link,
#cf-header .cf-nav__link:visited {
	font-family: var( --cf-czcionka, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
	color: #111;
	text-decoration: none;
	padding: 10px 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	line-height: 1;
	white-space: nowrap;
}

#cf-header .cf-nav__arrow { display: inline-flex; align-items: center; line-height: 1; }
#cf-header .cf-nav__arrow svg { width: 10px; height: 10px; display: block; fill: #111; }

#cf-header .cf-nav__dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .08);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .10);
	padding: 10px;
	z-index: 1;
}
#cf-header .cf-nav__item.has-children:hover > .cf-nav__dropdown { display: block; }

#cf-header .cf-nav__sub { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#cf-header .cf-nav__sub .cf-nav__link { padding: 10px 8px; }
#cf-header .cf-nav__sub .cf-nav__link:hover { background: rgba(0, 0, 0, .04); }

/*
 * Pozycje z trzecim poziomem.
 *
 * Link i strzalka sa rodzenstwem, a nie jednym elementem. Przy linku
 * ustawionym na block strzalka spadala do osobnej linii, co widac bylo
 * jako samotny daszek pod pozycja menu.
 */
#cf-header .cf-nav__sub .cf-nav__item.has-children {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#cf-header .cf-nav__sub .cf-nav__item.has-children > .cf-nav__link { flex: 1 1 auto; }
#cf-header .cf-nav__sub .cf-nav__arrow { transform: rotate(-90deg); padding-right: 8px; }

/* Trzeci poziom otwiera sie z boku, nie pod spodem - inaczej nachodzi
   na pozostale pozycje listy. */
#cf-header .cf-nav__sub .cf-nav__dropdown {
	top: -10px;
	left: 100%;
	margin-left: 4px;
}

/* Przy prawej krawedzi ekranu przerzucamy w lewo. */
#cf-header .cf-nav__list > .cf-nav__item:nth-last-child(-n+2) .cf-nav__sub .cf-nav__dropdown {
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: 4px;
}

/* Motywy często tną wystające elementy */
#cf-header,
#cf-header .cf-header__inner,
#cf-header .cf-col--nav,
#cf-header .cf-nav { overflow: visible !important; }

/* Przycisk wezwania */

#cf-header .cf-cta,
#cf-header .cf-cta:visited {
	font-family: var( --cf-czcionka, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 14px;
	background: var( --cf-akcent, #e30613 );
	color: #fff !important;
	border-radius: 0;
	text-decoration: none;
	padding: 12px 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	white-space: nowrap;
}

/* Widoczność domyślna: desktop */
#cf-header .cf-desktop-nav { display: block; }
#cf-header .cf-mobile-toggle,
#cf-header .cf-mobile-panel { display: none; }

/* ====================================== Tablet i telefon, jeden blok */

@media (max-width: 1024px) {

	#cf-header .cf-col--cta { display: none; }
	#cf-header .cf-desktop-nav { display: none; }

	#cf-header .cf-col--logo { flex: 0 0 auto; }
	#cf-header .cf-col--nav { flex: 1 1 auto; }

	#cf-header .cf-mobile-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		appearance: none;
		background: #fff;
		border: 0;
		padding: 0;
		width: 42px;
		height: 42px;
		cursor: pointer;
		box-shadow: none;
	}
	#cf-header .cf-mobile-toggle svg { width: 22px; height: 22px; display: block; fill: #111; }

	#cf-header .cf-mobile-panel {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #fff;
		border-top: 1px solid rgba(0, 0, 0, .10);
		max-height: 78vh;
		overflow-y: auto;
	}
	#cf-header.is-open .cf-mobile-panel { display: block; }

	#cf-header .cf-mobile-panel__inner { max-width: 1240px; margin: 0 auto; padding: 10px 20px; }

	#cf-header .cf-mobile-panel .cf-nav__list { flex-direction: column; align-items: stretch; }

	#cf-header .cf-mobile-panel .cf-nav__row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		border-bottom: 1px solid rgba(0, 0, 0, .06);
	}
	#cf-header .cf-mobile-panel .cf-nav__row .cf-nav__link { flex: 1 1 auto; padding: 13px 0; }

	#cf-header .cf-sub-toggle {
		appearance: none;
		background: transparent;
		border: 0;
		box-shadow: none;
		padding: 13px 0 13px 16px;
		margin: 0;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}
	#cf-header .cf-sub-toggle svg { width: 12px; height: 12px; display: block; fill: #111; transition: transform .2s ease; }
	#cf-header .cf-nav__item.is-sub-open > .cf-nav__row .cf-sub-toggle svg { transform: rotate(180deg); }

	/* Rozwijane w pionie, bez najechania */
	#cf-header .cf-mobile-panel .cf-nav__dropdown {
		display: none;
		position: static;
		border: 0;
		box-shadow: none;
		padding: 0 0 10px;
		min-width: 0;
	}
	#cf-header .cf-mobile-panel .cf-nav__item.is-sub-open > .cf-nav__dropdown { display: block; }
	#cf-header .cf-nav__item.has-children:hover > .cf-nav__dropdown { display: none; }

	#cf-header .cf-mobile-panel .cf-nav__sub .cf-nav__link { padding: 12px 0 12px 14px; }
	#cf-header .cf-nav__arrow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	#cf-header .cf-sub-toggle svg { transition: none; }
}

/* =========================================================== Stopka */

#cf-remote-footer ul,
#cf-remote-footer ol { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; }
#cf-remote-footer li::marker { content: "" !important; }

#cf-remote-footer svg { max-width: none !important; }
#cf-remote-footer .elementor-icon-list-icon svg,
#cf-remote-footer .elementor-icon-list-icon i {
	width: 14px !important;
	height: 14px !important;
	font-size: 14px !important;
	line-height: 14px !important;
}

#cf-remote-footer .elementor-section,
#cf-remote-footer .elementor-container,
#cf-remote-footer .elementor-column-wrap,
#cf-remote-footer .elementor-widget-wrap { background: transparent; }

#cf-remote-footer .elementor-section { background: #000 !important; }
#cf-remote-footer,
#cf-remote-footer .elementor-icon-list-text { color: #fff !important; }
#cf-remote-footer .elementor-icon-list-icon svg { fill: var( --cf-akcent, #e30613 ) !important; }

#cf-remote-footer .elementor-social-icons-wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}
#cf-remote-footer a.elementor-social-icon {
	background: var( --cf-akcent, #e30613 ) !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	text-decoration: none !important;
}
#cf-remote-footer a.elementor-social-icon i,
#cf-remote-footer a.elementor-social-icon svg {
	width: 18px !important;
	height: 18px !important;
	font-size: 18px !important;
	line-height: 18px !important;
	display: block !important;
	fill: #fff !important;
	max-width: none !important;
	max-height: none !important;
}
#cf-remote-footer a.elementor-social-icon svg path { fill: #fff !important; }