/* ==========================================================================
   Galeria Łazorczyk — stopka 5.7.0
   Finalny system: desktop, tablet i telefon.

   Zmiany 5.7.0 (29.08.2026):
   - telefon: skrócenie stopki 886 → ok. 732 px (belka newslettera, odstępy
     34→26, etykieta „Obserwuj" w linii z ikonami, marginesy, zbite ODWIEDŹ)
   - godziny otwarcia czytelniejsze bez kosztu wysokości: cyfry w wadze 400,
     tabular-nums, dni w szarości drugorzędnej, kropka zamieniona na odstęp
   - desktop ≥1024 px: adres w jednej linii (na telefonie i tablecie dwie)
   - wymaga WPCode 27242 w wersji 5.2.0 (spany w godzinach, przecinek w adresie,
     krótsze zdanie nad formularzem, usunięty kredyt wykonawcy)

   Zmiany 5.6.0 (29.08.2026):
   - desktop ≥1024 px: pole e-mail i przycisk „DOŁĄCZ" tworzą jedną belkę
     z jedną ciągłą linią; koniec osieroconej kreski pod przyciskiem
   - zakres zamknięty w @media (min-width:1024px) na końcu pliku — tablet
     768–1023 px i telefon ≤767 px nietknięte, bez nowych strażników

   Zmiany 5.5.0 (29.08.2026):
   - desktop: kolumna newslettera wypełnia swój span (koniec dziury 304 px)
   - desktop: blok social wyrównany do góry, odsłonięty nagłówek „Obserwuj"
   - logotypy SAMP/CINOA w skali szarości, kolor wraca przy najechaniu
   - telefon: social na własnym wierszu z etykietą, większy odstęp między sekcjami
   - typografia: nagłówki sekcji 12 px, nota prawna 11,5 px
   - układ tabletu (768–1023 px) celowo bez zmian — patrz strażniki w jego media query
   ========================================================================== */

.gl-ft {
	--gl-ft-bg: #efefef;
	--gl-ft-line: #d6d6d6;
	--gl-ft-strong: #282828;
	--gl-ft-text: #3d3d3d;
	--gl-ft-quiet: #5f5f5f;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0 !important;
	/* Zmiana tła jest jedyną granicą pomiędzy WYSTAWAMI a stopką. */
	border-top: 0 !important;
	background: var(--gl-ft-bg) !important;
	color: var(--gl-ft-text);
}

/*
 * Granica strony ma jednego właściciela: .gl-ft powyżej.
 * Motyw Laurits i szablon Elementora dodają własne obramowania/pseudoelementy;
 * zerujemy je, żeby na telefonie nie powstawały dwie linie z przerwą.
 */
#qodef-page-wrapper,
#qodef-page-outer,
#qodef-page-inner,
#qodef-page-footer,
#qodef-page-footer-top-area,
#qodef-page-footer-top-area-inner,
.elementor-26539,
.elementor-26539 .elementor-element.elementor-element-ed8fb5e,
.elementor-26539 .elementor-element.elementor-element-c35d175,
.elementor-26539 .elementor-element.elementor-element-c35d175 > .elementor-widget-container,
.elementor-26539 .elementor-element.elementor-element-c35d175 .elementor-shortcode {
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

#qodef-page-footer,
#qodef-page-footer-top-area,
#qodef-page-footer-top-area-inner,
.elementor-26539,
.elementor-26539 .elementor-element.elementor-element-ed8fb5e,
.elementor-26539 .elementor-element.elementor-element-c35d175,
.elementor-26539 .elementor-element.elementor-element-c35d175 > .elementor-widget-container {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#qodef-page-footer::before,
#qodef-page-footer::after,
#qodef-page-wrapper::before,
#qodef-page-wrapper::after,
#qodef-page-outer::before,
#qodef-page-outer::after,
#qodef-page-inner::before,
#qodef-page-inner::after,
#qodef-page-footer-top-area::before,
#qodef-page-footer-top-area::after,
.elementor-26539::before,
.elementor-26539::after,
.elementor-26539 .elementor-element.elementor-element-ed8fb5e::before,
.elementor-26539 .elementor-element.elementor-element-ed8fb5e::after,
.elementor-26539 .elementor-element.elementor-element-c35d175::before,
.elementor-26539 .elementor-element.elementor-element-c35d175::after {
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Pierwszy kontener szablonu stopki nie może odziedziczyć ciemnej krawędzi. */
#qodef-page-outer + #qodef-page-footer,
#qodef-page-footer > :first-child,
.elementor-26539 > :first-child {
	border-top: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* WYSTAWY nie rysują drugiej krawędzi pod modułem. */
.gl-wh,
.gl-wh__inner,
.gl-wh__all {
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.gl-wh::before,
.gl-wh::after,
.gl-wh__inner::after,
.gl-wh__all::after {
	border: 0 !important;
	box-shadow: none !important;
}

/* Stary mobilny moduł Elementora nie może zostawić samego separatora. */
.elementor-element-f5484ea {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/*
 * Strony wewnętrzne miały osobny, mobilny newsletter jeszcze przed stopką.
 * Nowa stopka zawiera już ten sam formularz, dlatego usuwamy cały dawny
 * kontener (razem z jego pustką i separatorem), ale nigdy formularz w stopce.
 */
body:not(.home) #qodef-page-outer .elementor-top-section:has(.mailpoet_form),
body:not(.home) #qodef-page-outer .e-con.e-parent:has(.mailpoet_form),
body:not(.home) #qodef-page-outer .elementor-top-section:has(form[class*='mailpoet']),
body:not(.home) #qodef-page-outer .e-con.e-parent:has(form[class*='mailpoet']),
body:not(.home) .elementor:not(.elementor-location-footer) > .elementor-top-section:has(.mailpoet_form:not(.mailpoet_form_slide_in)),
body:not(.home) .elementor:not(.elementor-location-footer) > .e-con.e-parent:has(.mailpoet_form:not(.mailpoet_form_slide_in)),
body:not(.home) .elementor:not(.elementor-location-footer) > .elementor-top-section:has(form[class*='mailpoet']:not(.mailpoet_form_slide_in)),
body:not(.home) .elementor:not(.elementor-location-footer) > .e-con.e-parent:has(form[class*='mailpoet']:not(.mailpoet_form_slide_in)) {
	display: none !important;
	min-height: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Elementor 26539 umieszcza shortcode wewnątrz wiersza flex. */
.elementor-26539 .elementor-element.elementor-element-ed8fb5e {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
}

.elementor-26539 .elementor-element.elementor-element-c35d175,
.elementor-26539 .elementor-element.elementor-element-c35d175 > .elementor-widget-container,
.elementor-26539 .elementor-element.elementor-element-c35d175 .elementor-shortcode {
	width: 100% !important;
	max-width: none !important;
}

.gl-ft::before,
.gl-ft::after {
	display: none !important;
}

.gl-ft,
.gl-ft * {
	box-sizing: border-box;
}

.gl-ft a {
	color: inherit;
	text-decoration: none !important;
	box-shadow: none !important;
}

.gl-ft p,
.gl-ft ul,
.gl-ft li,
.gl-ft address,
.gl-ft h2 {
	margin: 0;
	padding: 0;
}

.gl-ft ul {
	list-style: none;
}

.gl-ft__inner {
	width: min(1600px, calc(100% - 80px));
	margin-inline: auto;
	padding: 48px 0 24px;
	font-family: 'DINish', sans-serif;
}

.gl-ft__brand-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: end;
	gap: 15px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--gl-ft-line);
}

.gl-ft__brand {
	justify-self: start;
	font-size: clamp(23px, 1.35vw, 26px);
	font-weight: 300;
	line-height: 1.08;
	letter-spacing: .005em;
	color: var(--gl-ft-strong) !important;
}

.gl-ft__tagline {
	justify-self: end;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: .21em;
	text-align: right;
	text-transform: uppercase;
	color: var(--gl-ft-quiet);
}

.gl-ft__main {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: 15px;
	padding: 34px 0 36px;
}

.gl-ft__visit {
	grid-column: 1 / span 4;
}

.gl-ft__program {
	grid-column: 5 / span 2;
}

.gl-ft__newsletter {
	grid-column: 7 / span 4;
}

.gl-ft__social {
	grid-column: 11 / span 2;
	/* 5.5.0: start w tej samej linii co pozostałe sekcje. */
	align-self: start;
	justify-self: end;
	text-align: right;
}

.gl-ft .gl-ft__heading {
	font-family: 'DINish', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--gl-ft-quiet);
}

.gl-ft__address,
.gl-ft__hours,
.gl-ft__contact,
.gl-ft__links,
.gl-ft__newsletter-copy {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: .004em;
}

.gl-ft__address {
	margin-top: 22px !important;
	font-style: normal;
}

.gl-ft__hours {
	margin-top: 15px !important;
}

.gl-ft__contact {
	margin-top: 14px !important;
}

.gl-ft__contact a,
.gl-ft__links a {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	border-bottom: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.gl-ft__links {
	margin-top: 14px !important;
}

.gl-ft__newsletter-copy {
	/* 5.5.0: bez ograniczenia — kolumna ma wypełnić swój span siatki. */
	max-width: none;
	margin-top: 18px !important;
}

.gl-ft__newsletter-form {
	/* 5.5.0: pole biegnie przez całą kolumnę; odstęp do ikon = jedna kolumna siatki. */
	width: 100%;
	max-width: none;
	margin-top: 15px;
}

.gl-ft .gl-ft__newsletter-form form,
.gl-ft .gl-ft__newsletter-form .mailpoet_form {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.gl-ft .gl-ft__newsletter-form p,
.gl-ft .gl-ft__newsletter-form .mailpoet_paragraph {
	margin: 0 0 8px !important;
}

.gl-ft .gl-ft__newsletter-form label {
	font-family: 'DINish', sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: var(--gl-ft-text);
}

/* MailPoet zachowuje informację o wymaganym polu, ale nie eksponuje
   przypadkowej gwiazdki jako elementu kompozycji. */
.gl-ft .gl-ft__newsletter-form .mailpoet_required {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
}

/* MailPoet dopisuje gwiazdkę bezpośrednio do placeholdera. Zostawiamy
   oryginalną informację w formularzu, a wizualnie pokazujemy czysty opis. */
.gl-ft .gl-ft__newsletter-form p:has(input[type='email']),
.gl-ft .gl-ft__newsletter-form .mailpoet_paragraph:has(input[type='email']) {
	position: relative;
}

.gl-ft .gl-ft__newsletter-form input[type='email']::placeholder,
.gl-ft .gl-ft__newsletter-form input.mailpoet_text::placeholder {
	color: transparent !important;
	opacity: 0 !important;
}

.gl-ft .gl-ft__newsletter-form p:has(input[type='email'])::before,
.gl-ft .gl-ft__newsletter-form .mailpoet_paragraph:has(input[type='email'])::before {
	content: 'Podaj adres e-mail…';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 1px;
	z-index: 2;
	display: flex;
	align-items: center;
	pointer-events: none;
	background: var(--gl-ft-bg);
	font-family: 'DINish', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.3;
	color: var(--gl-ft-text);
}

.gl-ft .gl-ft__newsletter-form p:has(input[type='email']:not(:placeholder-shown))::before,
.gl-ft .gl-ft__newsletter-form .mailpoet_paragraph:has(input[type='email']:not(:placeholder-shown))::before {
	display: none;
}

.gl-ft .gl-ft__newsletter-form input[type='email'],
.gl-ft .gl-ft__newsletter-form input.mailpoet_text {
	width: 100% !important;
	min-height: 42px;
	margin: 0 !important;
	padding: 8px 0 7px !important;
	border: 0 !important;
	border-bottom: 1px solid #bdbdbd !important;
	border-radius: 0 !important;
	outline: 0;
	background: transparent !important;
	box-shadow: none !important;
	font-family: 'DINish', sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	line-height: 1.3 !important;
	color: var(--gl-ft-strong) !important;
}

.gl-ft .gl-ft__newsletter-form input[type='submit'],
.gl-ft .gl-ft__newsletter-form button[type='submit'] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin: 0 !important;
	padding: 0 0 2px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--gl-ft-strong) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: 'DINish', sans-serif !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase;
	color: var(--gl-ft-strong) !important;
	cursor: pointer;
}

.gl-ft .gl-ft__newsletter-form .mailpoet_validate_success,
.gl-ft .gl-ft__newsletter-form .mailpoet_validate_error,
.gl-ft .gl-ft__newsletter-form .mailpoet_message {
	margin-top: 7px !important;
	font-family: 'DINish', sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.4;
}

.gl-ft__social-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-height: 40px !important;
	color: var(--gl-ft-quiet);
	opacity: .9;
}

.gl-ft__social-icon {
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.45;
}

.gl-ft__social-dot,
.gl-ft__social-fill {
	fill: currentColor;
	stroke: none;
}

/* 5.5.0: nagłówek „Obserwuj" jest widoczny jak w pozostałych sekcjach.
   Ukryte zostają wyłącznie etykiety pojedynczych ikon. */
.gl-ft__social-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/*
 * Dolny rząd jest niezależny od starych reguł list i widgetów motywu.
 * Grid wymusza jeden poziomy wiersz także wtedy, gdy motyw ładuje CSS później.
 */
html body .gl-ft .gl-ft__social ul.gl-ft__social-links,
html body #qodef-page-footer .gl-ft .gl-ft__social ul.gl-ft__social-links,
html body .elementor-26539 .gl-ft .gl-ft__social ul.gl-ft__social-links {
	--gl-ft-social-cell: 40px;
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: var(--gl-ft-social-cell) !important;
	grid-template-rows: 44px !important;
	align-items: center !important;
	justify-content: end !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	gap: 2px !important;
	margin: 14px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .gl-ft .gl-ft__social ul.gl-ft__social-links > li,
html body #qodef-page-footer .gl-ft .gl-ft__social ul.gl-ft__social-links > li,
html body .elementor-26539 .gl-ft .gl-ft__social ul.gl-ft__social-links > li {
	display: block !important;
	float: none !important;
	position: static !important;
	width: var(--gl-ft-social-cell) !important;
	min-width: var(--gl-ft-social-cell) !important;
	max-width: var(--gl-ft-social-cell) !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .gl-ft .gl-ft__social ul.gl-ft__social-links > li > a {
	display: flex !important;
	width: var(--gl-ft-social-cell) !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gl-ft__bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 24px;
	padding-top: 22px;
	border-top: 1px solid var(--gl-ft-line);
}

.gl-ft__memberships {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 40px;
}

.gl-ft__membership {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
}

.gl-ft__membership img {
	display: block;
	width: auto;
	max-width: none;
	margin: 0;
	object-fit: contain;
	/* 5.5.0: odznaki stowarzyszeń nie konkurują kolorem z pracami. */
	filter: grayscale(1);
	opacity: .55;
	transition: filter .25s ease, opacity .25s ease;
}

.gl-ft__membership--samp img {
	height: 29px;
	width: 55px;
}

.gl-ft__membership--cinoa img {
	/* 5.5.0: sprowadzone do wysokości optycznej SAMP. */
	height: 26px;
	width: 112px;
}

.gl-ft__legal {
	display: grid;
	justify-items: end;
	gap: 3px;
	font-size: 11.5px;
	font-weight: 300;
	line-height: 1.45;
	letter-spacing: .045em;
	color: var(--gl-ft-quiet);
}

.gl-ft__legal-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px 0;
}

.gl-ft__legal-main > * + *::before {
	content: '·';
	display: inline-block;
	margin: 0 7px;
}

@media (hover: hover) and (pointer: fine) {
	.gl-ft a:hover {
		text-decoration: underline !important;
		text-decoration-color: #9f9f9f;
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
	}

	.gl-ft__social-link:hover {
		text-decoration: none !important;
		opacity: 1;
	}

	.gl-ft__membership:hover img {
		filter: none;
		opacity: 1;
	}
}

/* Stopka i WYSTAWY mają być jednym finałem strony, nie dwoma odległymi modułami. */
@media (min-width: 1024px) {
	.gl-wh {
		padding-bottom: 32px !important;
	}
}

.gl-ft a:focus-visible,
.gl-ft button:focus-visible,
.gl-ft input:focus-visible {
	outline: 2px solid var(--gl-ft-strong) !important;
	outline-offset: 4px;
}

/* ==========================================================================
   Tablet 768–1023 px — osobna, dwukolumnowa kompozycja.
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1023px) {
	.gl-ft__inner {
		width: min(900px, calc(100% - 80px));
		padding: 40px 0 22px;
	}

	.gl-ft__brand-row {
		padding-bottom: 21px;
	}

	.gl-ft__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 48px;
		row-gap: 28px;
		padding: 30px 0 34px;
	}

	.gl-ft__visit,
	.gl-ft__program,
	.gl-ft__newsletter,
	.gl-ft__social {
		grid-column: auto;
	}

	.gl-ft__visit {
		grid-column: 1;
		grid-row: 1;
	}

	.gl-ft__newsletter {
		grid-column: 2;
		grid-row: 1;
	}

	.gl-ft__newsletter-form {
		width: 100%;
		max-width: 400px;
	}

	.gl-ft__program {
		grid-column: 1;
		grid-row: 2;
	}

	.gl-ft__social {
		grid-column: 2;
		grid-row: 2;
		align-self: end;
		justify-self: end;
	}

	.gl-ft__program .gl-ft__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 22px;
	}

	.gl-ft__social-links {
		gap: 4px;
	}

	.gl-ft__bottom {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: end;
		gap: 28px;
	}

	.gl-ft__legal {
		justify-items: end;
	}

	/* ----------------------------------------------------------------------
	   5.5.0 — STRAŻNIKI TABLETU.
	   Układ tabletu jest zamknięty. Poniższe reguły cofają na tym breakpoincie
	   te zmiany z 5.5.0, które ruszyłyby jego kompozycję. Zmiany czysto
	   typograficzne i kolorystyczne obowiązują także tutaj — celowo.
	   ---------------------------------------------------------------------- */

	.gl-ft__newsletter-copy {
		max-width: 31ch;
	}

	.gl-ft__social {
		text-align: right;
	}

	.gl-ft__social .gl-ft__heading {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	html body .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body #qodef-page-footer .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body .elementor-26539 .gl-ft .gl-ft__social ul.gl-ft__social-links {
		margin: 0 !important;
	}
}

/* ==========================================================================
   Telefon 320–767 px — zwarty finał strony, bez osobnej długiej sekcji SM.
   ========================================================================== */

@media (max-width: 767px) {
	.gl-ft__inner {
		--gl-ft-edge: clamp(16px, calc(5.714vw - 2.286px), 20px);
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		width: 100%;
		padding: 28px var(--gl-ft-edge) 18px;
	}

	.gl-ft__inner::before {
		content: '';
		grid-column: 1 / -1;
		grid-row: 6;
		align-self: start;
		border-top: 1px solid var(--gl-ft-line);
	}

	.gl-ft__brand-row {
		grid-column: 1 / -1;
		grid-row: 1;
		grid-template-columns: 1fr;
		align-items: start;
		gap: 9px;
		padding-bottom: 18px;
	}

	.gl-ft__brand {
		font-size: clamp(24px, 6.4vw, 26px);
		line-height: 1.06;
	}

	.gl-ft__tagline {
		justify-self: start;
		font-size: 10px;
		letter-spacing: .18em;
		text-align: left;
	}

	.gl-ft__main,
	.gl-ft__bottom {
		display: contents;
	}

	.gl-ft__visit,
	.gl-ft__newsletter,
	.gl-ft__program,
	.gl-ft__social,
	.gl-ft__memberships,
	.gl-ft__legal {
		min-width: 0;
	}

	.gl-ft__visit {
		grid-column: 1 / -1;
		grid-row: 2;
		padding-top: 24px;
	}

	.gl-ft__newsletter {
		grid-column: 1 / -1;
		grid-row: 3;
		margin-top: 34px;
	}

	.gl-ft__program {
		grid-column: 1 / -1;
		grid-row: 4;
		margin-top: 34px;
	}

	/* 5.5.0: social jest sekcją treści jak Program — własny wiersz, z etykietą,
	   nad linią. Poniżej linii zostaje pas członkostw i noty prawnej. */
	.gl-ft__social {
		grid-column: 1 / -1;
		grid-row: 5;
		align-self: start;
		justify-self: start;
		min-width: 0;
		margin-top: 34px;
		padding-top: 0;
		text-align: left;
	}

	.gl-ft__memberships {
		grid-column: 1 / -1;
		grid-row: 6;
		align-self: start;
		gap: 14px;
		min-height: 44px;
		margin-top: 34px;
		padding-top: 18px;
	}

	.gl-ft__legal {
		grid-column: 1 / -1;
		grid-row: 7;
		justify-items: start;
		gap: 4px;
		margin-top: 14px;
		font-size: 11.5px;
		line-height: 1.45;
	}

	.gl-ft .gl-ft__heading {
		font-size: 11.5px;
		letter-spacing: .17em;
	}

	.gl-ft__address,
	.gl-ft__hours,
	.gl-ft__contact,
	.gl-ft__links,
	.gl-ft__newsletter-copy {
		font-size: 14px;
		line-height: 1.45;
	}

	.gl-ft__address {
		margin-top: 13px !important;
	}

	.gl-ft__hours {
		margin-top: 8px !important;
	}

	.gl-ft__contact {
		margin-top: 6px !important;
	}

	.gl-ft__contact a,
	.gl-ft__links a {
		min-height: 32px;
	}

	.gl-ft__newsletter-copy {
		max-width: 32ch;
		margin-top: 11px !important;
	}

	.gl-ft__newsletter-form {
		width: 100%;
		max-width: none;
		margin-top: 10px;
	}

	.gl-ft .gl-ft__newsletter-form input[type='email'],
	.gl-ft .gl-ft__newsletter-form input.mailpoet_text {
		min-height: 40px;
	}

	.gl-ft .gl-ft__newsletter-form p:has(input[type='email'])::before,
	.gl-ft .gl-ft__newsletter-form .mailpoet_paragraph:has(input[type='email'])::before {
		font-size: 14px;
	}

	.gl-ft .gl-ft__newsletter-form input[type='submit'],
	.gl-ft .gl-ft__newsletter-form button[type='submit'] {
		min-height: 38px;
	}

	.gl-ft__program .gl-ft__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 22px;
		row-gap: 1px;
		margin-top: 8px !important;
	}

	html body .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body #qodef-page-footer .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body .elementor-26539 .gl-ft .gl-ft__social ul.gl-ft__social-links {
		justify-content: start !important;
		width: auto !important;
		margin: 12px 0 0 -8px !important;
	}

	.gl-ft .gl-ft__social-links li {
		flex: 0 0 40px;
	}

	.gl-ft__social-link {
		justify-content: center;
		width: 40px;
		height: 44px;
		min-height: 44px !important;
	}

	.gl-ft__social-icon {
		width: 18px;
		height: 18px;
		flex-basis: 18px;
	}

	.gl-ft__membership {
		min-height: 44px;
	}

	.gl-ft__membership--samp img {
		height: 24px;
		width: 45px;
	}

	.gl-ft__membership--cinoa img {
		height: 22px;
		width: 95px;
	}

	.gl-ft__legal-main {
		justify-content: flex-start;
		gap: 3px 0;
	}

	.gl-ft__legal-main > * + *::before {
		margin: 0 6px;
	}

	.gl-wh {
		padding-bottom: 36px !important;
	}
}

@media (max-width: 374px) {
	.gl-ft__inner {
		--gl-ft-edge: 16px;
	}

	.gl-ft__social {
		min-width: 0;
	}

	html body .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body #qodef-page-footer .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body .elementor-26539 .gl-ft .gl-ft__social ul.gl-ft__social-links {
		--gl-ft-social-cell: 37px;
	}

	.gl-ft__memberships {
		gap: 10px;
	}

	.gl-ft__membership--samp img {
		height: 23px;
		width: 43px;
	}

	.gl-ft__membership--cinoa img {
		height: 21px;
		width: 90px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gl-ft *,
	.gl-ft *::before,
	.gl-ft *::after {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* ==========================================================================
   5.6.0 — DESKTOP ≥1024 px: newsletter jako jedna belka.

   Pole e-mail i przycisk „DOŁĄCZ" stoją w jednym rzędzie pod jedną, ciągłą
   linią: jasną (#bdbdbd) pod polem i pod 22-pikselowym mostkiem, ciemną
   pod samą akcją. Kreska przestaje być osobnym obiektem pod spodem —
   staje się zakończeniem linii pola.

   Blok stoi na końcu pliku i jest zamknięty w jednym media query.
   Nic z 5.5.0 nie zostało zmienione ani usunięte. Tablet 768–1023 px
   i telefon ≤767 px leżą poza zasięgiem tego zakresu, zachowują układ
   pionowy z 5.5.0 i nie wymagają nowych strażników.

   ROLLBACK: skasować wszystko od tego komentarza do końca pliku.

   Zmierzone na produkcji przed wdrożeniem (/kontakt/, 1680 px):
   belka 523 px = pole 450 + mostek 22 + akcja 51, wszystkie odcinki linii
   na jednej osi; wysokość bloku 90 → 49 px; wysokość stopki bez zmian.
   ========================================================================== */

@media (min-width: 1024px) {

	/*
	 * Uwaga na selektor: klasę .mailpoet_form nosi ZARÓWNO otaczający
	 * <div id="mailpoet_form_1">, JAK I samo <form>. Ustawienie flexa
	 * na .mailpoet_form zwija div do szerokości treści i belka traci
	 * połowę kolumny. Celujemy wyłącznie w element <form>.
	 */
	.gl-ft .gl-ft__newsletter-form form {
		display: flex !important;
		flex-wrap: wrap;
		align-items: flex-end;
		column-gap: 0;
	}

	/* Pole zajmuje całą resztę belki. Pięć ukrytych pól MailPoeta
	   i honeypot mają display:none i nie biorą udziału w rzędzie. */
	.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph:not(.last) {
		flex: 1 1 0%;
		min-width: 0;
		margin: 0 !important;
	}

	/*
	 * Akapit akcji kurczy się do treści. Odstęp robi jego lewy padding,
	 * nie column-gap — gap przerwałby linię. Ten sam akapit niesie mostek:
	 * jasny odcinek linii pod paddingiem, żeby między polem a akcją
	 * nie było 22 px dziury.
	 */
	.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph.last {
		flex: 0 0 auto;
		margin: 0 !important;
		padding-left: 22px !important;
		border-bottom: 1px solid #bdbdbd;
	}

	/* Komunikat po wysłaniu schodzi pod belkę, na pełną szerokość. */
	.gl-ft .gl-ft__newsletter-form form > .mailpoet_message {
		flex: 0 0 100%;
		order: 9;
	}

	/*
	 * Wysokość zrównana z polem. Ujemny dolny margines zsuwa przycisk
	 * o 1 px, tak aby jego własna ciemna krawędź legła dokładnie na osi
	 * krawędzi pola i mostka, a nie piksel wyżej.
	 *
	 * Krawędź przycisku jest tu rysowana przez własny arkusz MailPoeta
	 * (#mailpoet_form_1 .mailpoet_form .mailpoet_submit — border-bottom
	 * 1px #0a0a0a !important). Selektor z identyfikatorem wygrywa z każdą
	 * regułą tego pliku, więc świadomie z nim nie walczymy: #0a0a0a jest
	 * o włos ciemniejszy od --gl-ft-strong i w tej roli działa poprawnie.
	 * Nie dopisuj tu border-bottom — i tak nie zadziała.
	 */
	.gl-ft .gl-ft__newsletter-form input[type='submit'],
	.gl-ft .gl-ft__newsletter-form button[type='submit'] {
		min-height: 42px !important;
		margin: 0 0 -1px !important;
	}

	/*
	 * Błąd pojedynczego pola MailPoet dopisuje wewnątrz akapitu z polem.
	 * W układzie rzędowym rozpychałby belkę, a nakładka z podpowiedzią
	 * („Podaj adres e-mail…") przykryłaby go własnym tłem. Wyprowadzamy
	 * go pod pole.
	 */
	.gl-ft .gl-ft__newsletter-form span[class*='mailpoet_error'] {
		position: absolute;
		left: 0;
		top: 100%;
		margin-top: 7px;
		font-family: 'DINish', sans-serif;
		font-size: 12px;
		font-weight: 300;
		line-height: 1.4;
	}
}

/* ==========================================================================
   5.7.0 — CZYTELNOŚĆ GODZIN (wszystkie szerokości).

   Wymaga WPCode 27242 v5.2.0, który opakowuje godziny w spany.
   Bez tamtej zmiany reguły są nieszkodliwe i po prostu nic nie robią.

   Przyczyny nieczytelności, ustalone pomiarem 29.08: waga 300 przy cyfrach
   (0/6/8 zlewają się przy 14 px), cztery liczby i dwa zakresy w jednym
   ciągu rozdzielone kropką środkową, oraz trzy identyczne półpauzy w jednej
   linii pełniące dwie różne funkcje. Kontrast NIE był problemem — #3d3d3d
   na #efefef daje ok. 9:1.
   ========================================================================== */

.gl-ft__hours {
	font-variant-numeric: tabular-nums;
}

.gl-ft__hours-day {
	color: var(--gl-ft-quiet);
}

.gl-ft__hours-time {
	font-weight: 400;
	color: var(--gl-ft-strong);
}

/*
 * Separator jako odstęp, nie znak — kropka środkowa była słabsza od tego,
 * co rozdzielała. Odstęp robi margines, NIE pusty element: pusty span dawał
 * co prawda właściwy obraz, ale tekst czytał się jako „17:00sob" — bez spacji
 * dla czytnika ekranu i przy kopiowaniu. W HTML jest zwykła spacja,
 * a margines tylko ją poszerza.
 */
.gl-ft__hours-time + .gl-ft__hours-day {
	margin-left: 10px;
}

/* Przecinek pokazuje się tylko tam, gdzie adres jest w jednej linii. */
.gl-ft__address-comma {
	display: none;
}

/* ==========================================================================
   5.7.0 — DESKTOP ≥1024 px: adres w jednej linii.
   Tablet 768–1023 px i telefon zostają przy dwóch liniach — celowo.
   ========================================================================== */

@media (min-width: 1024px) {
	.gl-ft__address br {
		display: none;
	}

	.gl-ft__address-comma {
		display: inline;
	}
}

/* ==========================================================================
   5.7.0 — TELEFON ≤767 px: skrócenie stopki.

   Budżet zmierzony przy 390 px przed zmianą (razem 886 px):
   margines 28 · wordmark 67 · ODWIEDŹ 198 · 34 · NEWSLETTER 169 · 34 ·
   PROGRAM 87 · 34 · OBSERWUJ 70 · 34 · logotypy 62 · 14 · nota 37 ·
   margines 18. Cztery odstępy po 34 px to było 136 px, najgrubszy
   pojedynczy koszt po samej treści.

   Blok stoi na końcu pliku. ROLLBACK: skasować go w całości.
   Nic z 5.5.0 nie jest usunięte — te reguły tylko nadpisują wartości
   liczbowe, a układ wierszy (social we własnym wierszu nad linią)
   zostaje dokładnie taki, jaki 5.5.0 ustaliło.
   ========================================================================== */

@media (max-width: 767px) {

	/* Marginesy zewnętrzne: 28/18 → 24/16. */
	.gl-ft__inner {
		padding: 24px var(--gl-ft-edge) 16px;
	}

	/* Odstępy między sekcjami: 34 → 26 px. Wciąż więcej niż 20 px sprzed
	   5.5.0, więc oddech między blokami zostaje. */
	.gl-ft__newsletter,
	.gl-ft__program,
	.gl-ft__social,
	.gl-ft__memberships {
		margin-top: 26px;
	}

	/* Zbite odstępy wewnątrz ODWIEDŹ GALERIĘ. Wysokości dotyku linków
	   telefonu i maila (32 px) świadomie nietknięte. */
	.gl-ft__address {
		margin-top: 10px !important;
	}

	.gl-ft__hours {
		margin-top: 6px !important;
	}

	.gl-ft__contact {
		margin-top: 4px !important;
	}

	/* Etykieta „Obserwuj" wchodzi w jedną linię z ikonami zamiast stać
	   nad nimi. Wiersz sekcji zostaje tam, gdzie ustaliło 5.5.0. */
	.gl-ft__social {
		display: flex;
		align-items: center;
		gap: 4px;
	}

	/*
	 * Ikony zostają przy etykiecie, po lewej — na telefonie wszystko inne
	 * jest wyrównane do lewej i pojedynczy element dosunięty do prawej
	 * krawędzi czytałby się jak zgubiony. Ujemny margines z układu
	 * pionowego znika: przy etykiecie w tej samej linii dawał przypadkowy
	 * odstęp. Widoczna przerwa to 4 px flexa plus ok. 12 px własnego
	 * światła pierwszej komórki ikony.
	 */
	html body .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body #qodef-page-footer .gl-ft .gl-ft__social ul.gl-ft__social-links,
	html body .elementor-26539 .gl-ft .gl-ft__social ul.gl-ft__social-links {
		justify-content: start !important;
		margin: 0 !important;
	}

	/*
	 * Belka newslettera jak na desktopie, ale na 44 px — pełna wysokość
	 * celu dotknięcia. Uwagi z 5.6.0 obowiązują tu tak samo: celować
	 * w <form>, nie w .mailpoet_form; krawędzi przycisku nie da się
	 * przemalować, bo wygrywa arkusz MailPoeta z identyfikatorem.
	 */
	.gl-ft .gl-ft__newsletter-form form {
		display: flex !important;
		flex-wrap: wrap;
		align-items: flex-end;
		column-gap: 0;
	}

	.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph:not(.last) {
		flex: 1 1 0%;
		min-width: 0;
		margin: 0 !important;
	}

	.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph.last {
		flex: 0 0 auto;
		margin: 0 !important;
		padding-left: 18px !important;
		border-bottom: 1px solid #bdbdbd;
	}

	.gl-ft .gl-ft__newsletter-form form > .mailpoet_message {
		flex: 0 0 100%;
		order: 9;
	}

	.gl-ft .gl-ft__newsletter-form input[type='email'],
	.gl-ft .gl-ft__newsletter-form input.mailpoet_text {
		min-height: 44px;
	}

	.gl-ft .gl-ft__newsletter-form input[type='submit'],
	.gl-ft .gl-ft__newsletter-form button[type='submit'] {
		min-height: 44px !important;
		margin: 0 0 -1px !important;
	}

	.gl-ft .gl-ft__newsletter-form span[class*='mailpoet_error'] {
		position: absolute;
		left: 0;
		top: 100%;
		margin-top: 7px;
		font-family: 'DINish', sans-serif;
		font-size: 12px;
		font-weight: 300;
		line-height: 1.4;
	}
}

/* ==========================================================================
   5.8.0 — NEWSLETTER SPÓJNY Z RESZTĄ STOPKI (29.08.2026)
   Plik jest wersją 5.8.0; nagłówek u góry zostaje z 5.7.0 celowo, żeby
   nie ruszać niczego poza tym blokiem.

   Powód: w całej stopce nie ma ani jednego obramowanego elementu ani napisu
   w czerni. Rzeczy klikalne to zwykłe linki: 15 px, waga 300, kolor #3d3d3d.
   Newsletter jako jedyny miał wersalikowy napis 11 px, podkreślony czarną
   kreską #0a0a0a od MailPoeta, i kreskę biegnącą pod pustką między polem
   a akcją.

   Obowiązuje na WSZYSTKICH szerokościach: desktop, tablet 768-1023, telefon.
   1. Kreska należy do pola i kończy się razem z nim.
   2. Kreska pola w kolorze dzielnika stopki #d6d6d6; podczas pisania #999.
   3. "Dołącz" wygląda jak "Wystawy": 15 px, waga 300, bez wersalików,
      bez podkreślenia, kolor #3d3d3d. Podkreślenie dopiero pod kursorem.
   4. Belka jest jednym rzędem także na tablecie.
   5. Pole nie rysuje obrysu 2 px po kliknięciu. Obrys na linkach i przyciskach
      w reszcie stopki zostaje nietknięty.

   UWAGA na wagi selektorów. MailPoet wstrzykuje #mailpoet_form_1 .mailpoet_form
   .mailpoet_submit o wadze (1,2,0) z !important. Poniżej celujemy wagą wyższą.

   ROLLBACK: skasować wszystko od tego komentarza do końca pliku.
   ========================================================================== */

.gl-ft .gl-ft__newsletter-form form {
	display: flex !important;
	align-items: flex-end !important;
	flex-wrap: wrap;
}

.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph:not(.last) {
	flex: 1 1 0%;
	min-width: 0;
	margin: 0 !important;
}

.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph.last {
	flex: 0 0 auto;
	margin: 0 !important;
	padding-left: 22px !important;
	border-bottom: 0 !important;
}

.gl-ft .gl-ft__newsletter-form form > .mailpoet_message {
	flex: 0 0 100%;
	order: 9;
}

.gl-ft .gl-ft__newsletter-form form input[type='email'],
.gl-ft .gl-ft__newsletter-form form input[type='email'].mailpoet_text,
#mailpoet_form_1 form.mailpoet_form input[type='email'].mailpoet_text {
	min-height: 0 !important;
	padding: 8px 0 7px !important;
	border: 0 !important;
	border-bottom: 1px solid #d6d6d6 !important;
	border-radius: 0 !important;
	color: #3d3d3d !important;
	transition: border-color .18s ease;
}

.gl-ft .gl-ft__newsletter-form form input[type='email']:focus,
.gl-ft .gl-ft__newsletter-form form input[type='email'].mailpoet_text:focus,
#mailpoet_form_1 form.mailpoet_form input[type='email'].mailpoet_text:focus {
	border-bottom-color: #999999 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.gl-ft .gl-ft__newsletter-form form input[type='email']:focus-visible,
#mailpoet_form_1 form.mailpoet_form input[type='email'].mailpoet_text:focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
}

.gl-ft .gl-ft__newsletter-form form input[type='submit'],
.gl-ft .gl-ft__newsletter-form form button[type='submit'],
#mailpoet_form_1 form.mailpoet_form input[type='submit'].mailpoet_submit,
#mailpoet_form_1 form.mailpoet_form input.mailpoet_submit {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 8px 0 7px !important;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: 'DINish', sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	letter-spacing: .004em !important;
	text-transform: none !important;
	text-decoration: none !important;
	color: #3d3d3d !important;
	cursor: pointer;
}

.gl-ft .gl-ft__newsletter-form form input[type='submit']:hover,
.gl-ft .gl-ft__newsletter-form form input[type='submit']:focus-visible,
#mailpoet_form_1 form.mailpoet_form input.mailpoet_submit:hover,
#mailpoet_form_1 form.mailpoet_form input.mailpoet_submit:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   5.8.1 — DOTYK NA TELEFONIE (29.08.2026)

   Przegladarka na ekranie dotykowym malowala po dotknieciu ciemny prostokat
   na calym pudelku akcji "Dolacz" i na linkach stopki. W tej stopce nie ma
   ani jednego prostokata, wiec ten blysk byl obcy. Dotyk nie maluje juz nic.

   Wysokosc celu dotkniecia zostaje 30 px — decyzja Ryszarda z 29.08.

   ROLLBACK: skasowac wszystko od tego komentarza do konca pliku.
   ───────────────────────────────────────────────────────────────────────── */

.gl-ft a,
.gl-ft .gl-ft__newsletter-form form input[type="submit"],
.gl-ft .gl-ft__newsletter-form form input[type="email"],
#mailpoet_form_1 form.mailpoet_form input.mailpoet_submit,
#mailpoet_form_1 form.mailpoet_form input[type="email"].mailpoet_text {
	-webkit-tap-highlight-color: transparent;
}

/* ─────────────────────────────────────────────────────────────────────────────
   5.8.2 — KRESKA POLA I PODKRESLENIE AKCJI (29.08.2026)

   1. Kreska pod polem byla dluzsza niz cokolwiek nad nia i czytala sie jak
      element konstrukcyjny kolumny, nie jak pole. Wzorcem jest zdanie
      "Wernisaze, wystawy i wydarzenia galerii." Kreska konczy sie ok. 15%
      za nim — ta sama proporcja na kazdej szerokosci.
      Zmierzone przed zmiana: 1680 — kreska 458 / zdanie 249;
      800 — 271 / 204 (zdanie w dwoch liniach); 390 — 285 / 190.
      Po zmianie: 285 / 235 / 215.
      Skutek uboczny, swiadomy: "Dolacz" przesuwa sie w lewo razem
      z koncem pola, bo stoi 22 px za nim.

   2. Podkreslenie "Dolacz" bralo kolor napisu (#3d3d3d) i bylo ciemniejsze
      niz kreska pola (#d6d6d6) — dwie szarosci w jednym rzedzie. Teraz
      obie sa tym samym kolorem. Na telefonie ma to dodatkowe znaczenie:
      stan po dotknieciu zostaje na ekranie.

   ROLLBACK: skasowac wszystko od tego komentarza do konca pliku.
   ───────────────────────────────────────────────────────────────────────── */

.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph:not(.last) {
	flex: 0 1 285px !important;
}

@media (max-width: 1023px) {

	.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph:not(.last) {
		flex: 0 1 235px !important;
	}

}

@media (max-width: 767px) {

	.gl-ft .gl-ft__newsletter-form form > .mailpoet_paragraph:not(.last) {
		flex: 0 1 215px !important;
	}

}

.gl-ft .gl-ft__newsletter-form form input[type="submit"]:hover,
.gl-ft .gl-ft__newsletter-form form input[type="submit"]:focus-visible,
#mailpoet_form_1 form.mailpoet_form input.mailpoet_submit:hover,
#mailpoet_form_1 form.mailpoet_form input.mailpoet_submit:focus-visible {
	text-decoration-color: #d6d6d6 !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   5.8.3 — JEDEN STAN DLA CALEGO RZEDU (29.08.2026)

   Problem 1: podkreslenie "Dolacz" bylo przypiete do :hover i :focus-visible.
   Na telefonie i tablecie nie istnieje ani jedno, ani drugie — dotkniecie pola
   nie robi nic samemu przyciskowi, wiec tam tego podkreslenia nigdy nie bylo.

   Problem 2: kreska pola ma dwa stany (spoczynek #d6d6d6, aktywny #999999),
   a podkreslenie mialo jeden. W chwili pisania adresu w jednym rzedzie znow
   staly dwie rozne szarosci.

   Rozwiazanie: podkreslenie idzie za stanem pola. Wejscie w formularz
   (:focus-within — dziala tak samo od myszy, klawiatury i dotyku) zapala
   podkreslenie i ustawia obie kreski na #999999. Samo najechanie kursorem
   na akcje zostawia jasny odcien z 5.8.2.

   ROLLBACK: skasowac wszystko od tego komentarza do konca pliku.
   ───────────────────────────────────────────────────────────────────────── */

.gl-ft .gl-ft__newsletter-form form:focus-within input[type="submit"],
.gl-ft .gl-ft__newsletter-form form:focus-within button[type="submit"],
#mailpoet_form_1 form.mailpoet_form:focus-within input.mailpoet_submit {
	text-decoration: underline !important;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	text-decoration-color: #999999 !important;
}