/* UitWandelen — eigen styling, geen thema-wijzigingen. */

.uw-single,
.uw-archief {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 16px;
}

/* --- kaart --- */
.uw-kaart {
	height: 380px;
	margin: 20px 0;
	border-radius: 10px;
	overflow: hidden;
	background: #eef1ec;
}
.uw-kaart--groot { height: 520px; }
@media (max-width: 600px) {
	.uw-kaart { height: 300px; }
	.uw-kaart--groot { height: 360px; }
}

/* --- merknaam --- */
.uw-merk {
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #1d4e2f;
}
.uw-merk a { color: inherit; text-decoration: none; }
.uw-merk a:hover { text-decoration: underline; }

/* --- routekop --- */
.uw-route__feiten {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	padding: 0;
	margin: 12px 0 0;
	font-size: 15px;
	color: #4a4f45;
}
.uw-route__feiten strong { color: #1d4e2f; }

/* --- wandelroute van de week --- */
.uw-weektip {
	margin: 20px 0 26px;
	padding: 20px 22px;
	background: #1d4e2f;
	color: #f3f6f1;
	border-radius: 12px;
}
.uw-weektip__label {
	margin: 0 0 4px;
	font-size: 12px; font-weight: 700;
	letter-spacing: .09em; text-transform: uppercase;
	color: #a8d8b9;
}
.uw-weektip__titel { margin: 0 0 6px; font-size: 22px; line-height: 1.25; }
.uw-weektip__titel a { color: #fff; text-decoration: none; }
.uw-weektip__titel a:hover { text-decoration: underline; }
.uw-weektip__feiten { margin: 0 0 8px; font-size: 14px; color: #c9e2d2; }
.uw-weektip__tekst { margin: 0 0 8px; font-size: 15px; max-width: 62ch; }
.uw-weektip__let { margin: 0 0 10px; font-size: 13.5px; color: #c9e2d2; }
.uw-archief .uw-weektip a.uw-knop,
.uw-weektip a.uw-knop {
	/* Moet specifieker zijn dan `.uw-archief a.uw-knop` hierboven, anders wint die
	   met wit-op-wit als resultaat. Nagemeten in de browser, niet op het oog. */
	background: #fff;
	color: #1d4e2f !important;
}

/* --- filters --- */
.uw-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 14px;
	margin: 18px 0;
}
.uw-filter__wrap { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.uw-filter {
	padding: 7px 10px;
	border: 1px solid #d6d9d2;
	border-radius: 7px;
	background: #fff;
	min-width: 150px;
}
.uw-teller { margin-left: auto; font-size: 14px; color: #6b7065; }

/* --- lijst --- */
.uw-lijst {
	list-style: none;
	padding: 0;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.uw-lijst__item {
	border: 1px solid #e6e8e3;
	border-radius: 10px;
	padding: 16px;
	background: #fff;
}
.uw-lijst__link { text-decoration: none; color: inherit; }
.uw-lijst__titel { font-size: 17px; margin: 0 0 6px; }
.uw-lijst__feiten { margin: 0 0 8px; font-size: 14px; color: #1d4e2f; font-weight: 600; }
.uw-lijst__excerpt { margin: 0; font-size: 14px; color: #5a5f55; }

/* --- knop / download --- */
/* Knoptekst geforceerd wit.
   Gemeten op uitgroningen.com: het thema zette de link op #1b2a22 op onze #1d4e2f
   achtergrond - vrijwel onleesbaar. `a.uw-knop` alleen was niet genoeg, want de
   themaregel heeft dezelfde specificiteit en laadt later. Het Uit-netwerk draait
   ongelijke themageneraties, dus hier is !important op puur de tekstkleur de enige
   uitkomst die overal houdt. */
.uw-single a.uw-knop,
.uw-archief a.uw-knop,
a.uw-knop,
a.uw-knop:visited,
a.uw-knop:hover,
a.uw-knop:focus {
	color: #fff !important;
	text-decoration: none;
}
.uw-knop {
	display: inline-block;
	padding: 9px 16px;
	border-radius: 8px;
	background: #1d4e2f;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
.uw-knop:hover { background: #163d25; }

/* --- looproutebeschrijving --- */
.uw-route-uitleg { margin: 30px 0; }
.uw-route-uitleg__intro { font-size: 15px; color: #4a4f45; max-width: 62ch; }
.uw-etappes {
	list-style: none;
	counter-reset: etappe;
	padding: 0;
	margin: 18px 0 0;
	border-left: 2px solid #d9e0d5;
}
.uw-etappe {
	position: relative;
	counter-increment: etappe;
	padding: 0 0 18px 34px;
	font-size: 15px;
	line-height: 1.55;
}
.uw-etappe::before {
	content: counter(etappe);
	position: absolute;
	left: -13px;
	top: 1px;
	width: 24px; height: 24px;
	border-radius: 50%;
	background: #1d4e2f;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	display: flex; align-items: center; justify-content: center;
}
.uw-etappe__tekst { display: block; }
.uw-etappe__cum { display: block; margin-top: 2px; font-size: 13px; color: #868c7e; }
.uw-route-uitleg__slot { margin-top: 6px; font-size: 13.5px; color: #5f6459; max-width: 62ch; }

.uw-signalen {
	margin: 18px 0 0;
	padding: 12px 16px;
	background: #f6f4ee;
	border-radius: 9px;
	font-size: 14px;
}
.uw-signalen__kop { margin: 0 0 6px; font-size: 15px; }
.uw-signalen ul { margin: 0; padding-left: 18px; }
.uw-signaal { margin: 3px 0; }
.uw-signaal--let-op { color: #8a5a10; }
.uw-signaal__meters { color: #868c7e; font-size: 13px; }

/* --- stops: betaald en gratis blijven visueel gescheiden --- */
.uw-stops { margin: 28px 0; }
.uw-stops__kop { font-size: 16px; margin: 18px 0 8px; }
.uw-stops__lijst { list-style: none; padding: 0; margin: 0; }
.uw-stop {
	padding: 9px 0;
	border-bottom: 1px solid #eceee9;
	font-size: 15px;
}
.uw-stop__afstand { color: #797f73; font-size: 13px; }
.uw-stops__rest { margin: 10px 0 0; font-size: 13.5px; color: #6b7065; font-style: italic; }

/* Betaalde plaatsingen: eigen blok, eigen achtergrond, altijd gelabeld. */
.uw-stops__lijst--betaald {
	background: #fbf7ef;
	border: 1px solid #ecdfc4;
	border-radius: 9px;
	padding: 4px 14px;
}
.uw-adlabel {
	display: inline-block;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #8a7440;
	background: #f2e6cd;
	border-radius: 4px;
	padding: 2px 7px;
	vertical-align: middle;
}

/* --- sponsor --- */
.uw-sponsor {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 18px 0;
	padding: 12px 16px;
	background: #fbf7ef;
	border: 1px solid #ecdfc4;
	border-radius: 9px;
	font-size: 14px;
}
.uw-sponsor__intro { color: #6b6250; }
.uw-sponsor__naam { font-weight: 700; color: #3d3a32; }
.uw-sponsor__logo { max-height: 38px; width: auto; display: block; }

/* --- voettekst, disclaimer, bron --- */
.uw-route__voet { margin-top: 28px; font-size: 13.5px; color: #5f6459; }
.uw-gecontroleerd { color: #1d4e2f; }
.uw-waarschuwing {
	padding: 10px 14px;
	background: #fdf3e7;
	border-left: 3px solid #d08a2c;
	border-radius: 4px;
}
.uw-disclaimer { font-style: italic; }
.uw-bron { font-size: 12.5px; color: #7a7f74; margin-top: 14px; }

/* --- "ligt aan N routes" op de POI-pagina --- */
.uw-oproutes { margin: 26px 0; }
.uw-oproutes ul { padding-left: 18px; }