/* ═══════════════════════════════════════════════════════════
   WCAG 2.1 AA — Gastro Miasto (child theme BeTheme)
   ═══════════════════════════════════════════════════════════ */

/* ── 1.4.3 Kontrast: popup cookies BeTheme (jasne tło #fcfcfc) ──
   Biały tekst przycisków na jasnym tle = 1.02:1 */
.mfn-cookies-popup footer a#consent_deny,
.mfn-cookies-popup footer a#consent_customize,
.mfn-cookies-popup footer a#consent_customize span {
	color: #1a1a1a;
	border-color: #1a1a1a;
}
.mfn-cookies-popup footer a#consent_allow {
	background: #b54a00; /* ciemniejszy pomarańcz — biały tekst 5:1 */
	color: #ffffff;
}
.mfn-cookies-wrapper .cookies-tab-nav .tab a {
	color: #1a1a1a;
}
.mfn-cookies-popup footer a.button {
	font-weight: 700;
}

/* ── 2.5.8 Cele dotykowe: linki w stopce ──────────────────── */
#mfn-footer-menu-38 li a {
	display: inline-block;
	padding: 8px 6px;
	min-height: 24px;
}

/* ── 2.4.1 Skip-link „Przejdź do treści" ────────────────────── */
.gm-skip-link {
	position: fixed;
	top: -60px;
	left: 12px;
	z-index: 100000;
	padding: 12px 22px;
	border-radius: 0 0 10px 10px;
	background: #1a1a1a;
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: top 0.15s;
}
.gm-skip-link:focus,
.gm-skip-link:focus-visible {
	top: 0;
}

/* ── 2.5.8 Bullety RevSlider — obszar dotyku ≥24px bez zmiany wyglądu
   (przezroczysty padding + kompensujący margin) ── */
rs-bullet.tp-bullet {
	padding: 6px !important;
	margin: -6px 0 0 -6px !important;
	background-clip: content-box !important;
	box-sizing: content-box !important;
}

/* ── 2.2.2 Przycisk pauzy slidera RevSlider ─────────────────── */
.gm-rs-pause {
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 50;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gm-rs-pause:hover { background: rgba(0, 0, 0, 0.85); }

/* ── 2.4.7 Widoczny focus ───────────────────────────────────
   BeTheme często zeruje outline — przywracamy spójny wskaźnik */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	/* !important — BeTheme zeruje outline na części elementów (ikony headera) */
	outline: 3px solid #d33a2c !important;
	outline-offset: 2px;
	border-radius: 2px;
}

/* ── 1.3.1 Nagłówki: klasy utrzymujące dotychczasowy wygląd ──
   Przy zmianie poziomu nagłówka w builderze (np. h4 → h2) nadajemy
   klasę .mfn-look-hX odtwarzającą pierwotną typografię 1:1.
   Wartości i breakpointy zdjęte z opcji BeTheme (2026-07-13). */

.mfn-look-h1 { font-size: 72px; line-height: 72px; font-weight: 800; letter-spacing: 0; }
.mfn-look-h2 { font-size: 50px; line-height: 50px; font-weight: 700; letter-spacing: 0; }
.mfn-look-h3 { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: 0; }
.mfn-look-h4 { font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; }
.mfn-look-h5 { font-size: 22px; line-height: 30px; font-weight: 400; letter-spacing: 0; }
.mfn-look-h6 { font-size: 14px; line-height: 22px; font-weight: 700; letter-spacing: 0; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.mfn-look-h1 { font-size: 48px; line-height: 50px; }
	.mfn-look-h2 { font-size: 36px; line-height: 40px; }
	.mfn-look-h3 { font-size: 24px; line-height: 30px; }
	.mfn-look-h4 { font-size: 21px; line-height: 26px; }
	.mfn-look-h5 { font-size: 18px; line-height: 24px; }
	.mfn-look-h6 { font-size: 14px; line-height: 22px; }
}

@media only screen and (max-width: 767px) {
	.mfn-look-h1 { font-size: 28px; line-height: 32px; }
	.mfn-look-h2 { font-size: 24px; line-height: 30px; }
	.mfn-look-h3 { font-size: 21px; line-height: 26px; }
	.mfn-look-h4 { font-size: 19px; line-height: 24px; }
	.mfn-look-h5 { font-size: 17px; line-height: 23px; }
	.mfn-look-h6 { font-size: 14px; line-height: 22px; }
}

/* ── Strona główna: nagłówki po zmianie poziomów (2026-07-13)
   zachowują PIERWOTNY wygląd — celujemy w uid elementów buildera.
   hero h2→h1 (look h2) · tagline h6→h2 (look h6) · „Do startu" h3→h2 (look h3)
   miasta/newsy h5→h3 (look h5) · PARTNERZY h4→h2 (look h4) */

/* look h2 (hero) */
.mcb-item-5d9ebd6b3 .title { font-size: 50px; line-height: 50px; font-weight: 700; }
/* look h6 (tagline) */
.mcb-item-70ab5caa0 .title { font-size: 14px; line-height: 22px; font-weight: 700; }
/* look h3 (Do startu pozostało) */
.mcb-item-b5sbpgtg .title, .mcb-item-h92oueot .title, .mcb-item-44r10lj .title {
	font-size: 36px; line-height: 44px; font-weight: 700;
}
/* look h5 (miasta + newsy) */
.mcb-item-bgmuub7i .title, .mcb-item-8oe4jee5 .title, .mcb-item-85jpf93k .title,
.mcb-item-n87ag11c .title, .mcb-item-xx23pwes .title, .mcb-item-ekxa5bk .title,
.mcb-item-jduxhn9j .title, .mcb-item-wgml89hi .title, .mcb-item-5zs6180c .title,
.mcb-item-zd7tf2nv .title, .mcb-item-skkngygzm .title, .mcb-item-8hjhw178l .title {
	font-size: 22px; line-height: 30px; font-weight: 400;
}
/* look h4 (PARTNERZY, PARTNERZY MEDIALNI) */
.mcb-item-22045a52e .title, .mcb-item-1404b42c2 .title {
	font-size: 24px; line-height: 32px; font-weight: 700;
}

/* ── Podstrony (2026-07-13): nagłówki po zmianie poziomów — wygląd 1:1 ──
   miasta: f75afac10 h5→h2 · b2b/historia: labelki h6→h3/h4, features h4→h3,
   historia: a07829bbe h5→h2, 208a65403 h4→h3, ahrsexon h4→h2 ·
   kontakt: c1c8c2099/sk3gfmyyn h4→h2 · stopka: ue6mtu0h/o4ldvic4 h4→h2 */

/* look h5 */
.mcb-item-f75afac10 .title, .mcb-item-a07829bbe .title {
	font-size: 22px; line-height: 30px; font-weight: 400;
}
/* look h6 */
.mcb-item-11573dea3 .title, .mcb-item-w99mx0df .title, .mcb-item-5c99b000e .title {
	font-size: 14px; line-height: 22px; font-weight: 700;
}
/* look h4 */
.mcb-item-9ce634f2e .title, .mcb-item-9xdzzk6l .title, .mcb-item-q9it3v29 .title,
.mcb-item-fjoc5s2q7 .title, .mcb-item-xz2gq7mt .title, .mcb-item-hf0a7xog .title,
.mcb-item-208a65403 .title, .mcb-item-ahrsexon .title,
.mcb-item-c1c8c2099 .title, .mcb-item-sk3gfmyyn .title, .mcb-item-ckeox6yel .title,
.mcb-item-ue6mtu0h .title, .mcb-item-o4ldvic4 .title,
.blog_slider_header h2.title {
	font-size: 24px; line-height: 32px; font-weight: 700;
}

/* Kafle miast (trailer_box): wcag.js zamienia h2 → h3 — odtwarzamy style h2 z BeTheme */
.trailer_box .desc h3 {
	margin: 0; position: relative; bottom: 0;
	font-size: 30px; line-height: 30px; color: #fff;
}
.trailer_box:hover .desc h3 { bottom: 0; }
.trailer_box.plain .desc h3 { font-weight: 700; }

/* Podpisy logotypów partnerów (content_slider): h4 → h3 — look h4 */
.content_slider_li h3.title { font-size: 24px; line-height: 32px; font-weight: 700; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.trailer_box .desc h3 { font-size: 27px; line-height: 27px; }
	.content_slider_li h3.title { font-size: 21px; line-height: 26px; }
	.mcb-item-f75afac10 .title, .mcb-item-a07829bbe .title { font-size: 18px; line-height: 24px; }
	.mcb-item-9ce634f2e .title, .mcb-item-9xdzzk6l .title, .mcb-item-q9it3v29 .title,
	.mcb-item-fjoc5s2q7 .title, .mcb-item-xz2gq7mt .title, .mcb-item-hf0a7xog .title,
	.mcb-item-208a65403 .title, .mcb-item-ahrsexon .title,
	.mcb-item-c1c8c2099 .title, .mcb-item-sk3gfmyyn .title, .mcb-item-ckeox6yel .title,
	.mcb-item-ue6mtu0h .title, .mcb-item-o4ldvic4 .title,
	.blog_slider_header h2.title { font-size: 21px; line-height: 26px; }
	.mcb-item-5d9ebd6b3 .title { font-size: 36px; line-height: 40px; }
	.mcb-item-b5sbpgtg .title, .mcb-item-h92oueot .title, .mcb-item-44r10lj .title { font-size: 24px; line-height: 30px; }
	.mcb-item-bgmuub7i .title, .mcb-item-8oe4jee5 .title, .mcb-item-85jpf93k .title,
	.mcb-item-n87ag11c .title, .mcb-item-xx23pwes .title, .mcb-item-ekxa5bk .title,
	.mcb-item-jduxhn9j .title, .mcb-item-wgml89hi .title, .mcb-item-5zs6180c .title,
	.mcb-item-zd7tf2nv .title, .mcb-item-skkngygzm .title, .mcb-item-8hjhw178l .title { font-size: 18px; line-height: 24px; }
	.mcb-item-22045a52e .title, .mcb-item-1404b42c2 .title { font-size: 21px; line-height: 26px; }
}

@media only screen and (max-width: 767px) {
	.trailer_box .desc h3 { font-size: 24px; line-height: 24px; }
	.content_slider_li h3.title { font-size: 19px; line-height: 24px; }
	.mcb-item-f75afac10 .title, .mcb-item-a07829bbe .title { font-size: 17px; line-height: 23px; }
	.mcb-item-9ce634f2e .title, .mcb-item-9xdzzk6l .title, .mcb-item-q9it3v29 .title,
	.mcb-item-fjoc5s2q7 .title, .mcb-item-xz2gq7mt .title, .mcb-item-hf0a7xog .title,
	.mcb-item-208a65403 .title, .mcb-item-ahrsexon .title,
	.mcb-item-c1c8c2099 .title, .mcb-item-sk3gfmyyn .title, .mcb-item-ckeox6yel .title,
	.mcb-item-ue6mtu0h .title, .mcb-item-o4ldvic4 .title,
	.blog_slider_header h2.title { font-size: 19px; line-height: 24px; }
	.mcb-item-5d9ebd6b3 .title { font-size: 24px; line-height: 30px; }
}
@media only screen and (max-width: 479px) {
	.trailer_box .desc h3 { font-size: 21px; line-height: 21px; }
	.mcb-item-b5sbpgtg .title, .mcb-item-h92oueot .title, .mcb-item-44r10lj .title { font-size: 21px; line-height: 26px; }
	.mcb-item-bgmuub7i .title, .mcb-item-8oe4jee5 .title, .mcb-item-85jpf93k .title,
	.mcb-item-n87ag11c .title, .mcb-item-xx23pwes .title, .mcb-item-ekxa5bk .title,
	.mcb-item-jduxhn9j .title, .mcb-item-wgml89hi .title, .mcb-item-5zs6180c .title,
	.mcb-item-zd7tf2nv .title, .mcb-item-skkngygzm .title, .mcb-item-8hjhw178l .title { font-size: 17px; line-height: 23px; }
	.mcb-item-22045a52e .title, .mcb-item-1404b42c2 .title { font-size: 19px; line-height: 24px; }
}