/**
 * Blok „Przewodnik po atrakcjach” we wpisie bloga (specyfikacja Atrakcje 8.7): panel, kafle poziome (112 px,
 * zdjęcie albo lokalizator ze sprite), link do huba. Dołączany tylko na wpisie z blokiem (zamiast całego
 * atrakcje-ekran.css); reguły kafla poziomego i lokalizatora są kopią z atrakcje.css (≤ 3 kB gzip).
 */

.rc-atrakcje-wpis {
	margin-top: 40px;
	padding: 20px 18px;
	border-radius: var(--rc-r-20);
	background: var(--rc-tlo-sekcji);
}

.rc-atrakcje-wpis__eyebrow {
	margin: 0 0 6px;
	font-family: var(--rc-font-naglowki);
	font-size: var(--rc-eyebrow);
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--rc-niebieski-ciemny);
}

.rc-atrakcje-wpis__tytul {
	margin: 0 0 16px;
	font-family: var(--rc-font-naglowki);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: var(--rc-tekst);
}

.rc-atrakcje-wpis__lista {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rc-atrakcje-wpis__wszystkie {
	margin-top: 16px;
}

.rc-atrakcje-wpis .rc-atrakcja-kafel {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	color: var(--rc-tekst);
	text-decoration: none;
}

.rc-atrakcje-wpis .rc-atrakcja-kafel:hover .rc-atrakcja-kafel__tytul {
	color: var(--rc-niebieski-ciemny);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__media {
	position: relative;
	width: 112px;
	height: 112px;
	overflow: hidden;
	border-radius: var(--rc-r-14);
	background: var(--rc-bialy);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__media--lokalizator {
	background: radial-gradient(120% 90% at 30% 20%, var(--rc-mapa-morze-jasne) 0%, var(--rc-mapa-morze) 55%, var(--rc-mapa-morze-glebia) 100%);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	object-fit: cover;
	object-position: var(--rc-kadr, 50% 50%);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__nr,
.rc-atrakcje-wpis .rc-atrakcja-kafel__top,
.rc-atrakcje-wpis .rc-atrakcja-kafel__lead,
.rc-atrakcje-wpis .rc-atrakcja-kafel__meta,
.rc-atrakcje-wpis .rc-atrakcja-kafel__stopka {
	display: none;
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__tytul {
	margin: 0 0 4px;
	font-family: var(--rc-font-naglowki);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: var(--rc-tekst);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__strzalka {
	font-family: system-ui, sans-serif;
	color: var(--rc-niebieski-ciemny);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__meta-poziom {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	font-family: var(--rc-font-tekst);
	font-size: 13px;
	line-height: 1.45;
	color: var(--rc-tekst-meta);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__meta-wiersz {
	display: flex;
	align-items: center;
	gap: 6px;
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__meta-wiersz strong {
	font-weight: 600;
	color: var(--rc-tekst);
}

.rc-atrakcje-wpis .rc-atrakcja-kafel__meta-wiersz--rico {
	color: var(--rc-zielony-tekst);
}

.rc-atrakcje-wpis .rc-atrakcje-kropka {
	flex: none;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--k, var(--rc-niebieski));
}

.rc-atrakcje-kropka--polnoc, .rc-atrakcje-wpis .rc-lok--polnoc { --k: var(--rc-region-polnoc); }
.rc-atrakcje-kropka--lobos, .rc-atrakcje-wpis .rc-lok--lobos { --k: var(--rc-region-lobos); }
.rc-atrakcje-kropka--srodek, .rc-atrakcje-wpis .rc-lok--srodek { --k: var(--rc-region-srodek); }
.rc-atrakcje-kropka--zachod, .rc-atrakcje-wpis .rc-lok--zachod { --k: var(--rc-region-zachod); }
.rc-atrakcje-kropka--wschod, .rc-atrakcje-wpis .rc-lok--wschod { --k: var(--rc-region-wschod); }
.rc-atrakcje-kropka--poludnie, .rc-atrakcje-wpis .rc-lok--poludnie { --k: var(--rc-region-poludnie); }
.rc-atrakcje-kropka--jandia, .rc-atrakcje-wpis .rc-lok--jandia { --k: var(--rc-region-jandia); }
.rc-atrakcje-kropka--rico { --k: var(--rc-zielony); }

.rc-atrakcje-wpis .rc-lok {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	fill: var(--rc-mapa-lad);
	stroke: var(--rc-mapa-brzeg);
	stroke-width: 8;
	stroke-linejoin: round;
}

.rc-atrakcje-wpis .rc-lok > circle:nth-of-type(1) {
	fill: var(--k);
	fill-opacity: 0.16;
	stroke: none;
}

.rc-atrakcje-wpis .rc-lok > circle:nth-of-type(2) {
	fill: var(--k);
	stroke: var(--rc-bialy);
	stroke-width: 9;
	transform: scale(1.7);
	transform-box: fill-box;
	transform-origin: center;
}

.rc-atrakcje-wpis .rc-lok__ik {
	position: absolute;
	right: 6px;
	bottom: 6px;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--rc-bialy);
	color: var(--rc-niebieski-ciemny);
	box-shadow: 0 2px 6px rgba(var(--rc-cien-rgb), 0.08);
}

.rc-atrakcje-wpis .rc-lok__ik svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
}

@media (min-width: 640px) {
	.rc-atrakcje-wpis {
		padding: 22px 24px;
	}

	.rc-atrakcje-wpis__lista {
		grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
	}
}