/* Pariteit met live (2026-09-30): nieuwslijsten — homepage, rubrieken,
   auteurs en model-nieuws. Afgebakend met body.home / .inl-nieuwslijst
   (bodyklasse uit inc/home-page.php) of met ids die alleen hier voorkomen. */

/* ---- Paginering (live: #pagenav, css.min.php) ---- */
#pageNavi1 .pagenavi { margin: 0 auto; }
#pageNavi1 #pagenav {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
#pageNavi1 #pagenav li { display: inline-block; margin: 0 2px; background: #ddd; line-height: 1; }
#pageNavi1 #pagenav li.hidden-xs { display: inline-block; }
#pageNavi1 #pagenav li a {
	display: block;
	padding: 7px;
	background: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}
#pageNavi1 #pagenav li a:hover { background: #5d9cec; border-color: #5d9cec; color: #fff; }
#pageNavi1 #pagenav span {
	display: block;
	padding: 7px;
	font-weight: 700;
	background: #5d9cec;
	border: 1px solid #5d9cec;
	color: #fff;
}
@media (max-width: 767px) {
	#pageNavi1 #pagenav li.hidden-xs { display: none !important; }
	#pageNavi1 #pagenav li a, #pageNavi1 #pagenav span { padding: 3px; }
}

/* Live: .divider-dotted = 10px hoge gestippelde balk. */
body.home .divider-dotted,
.inl-nieuwslijst .divider-dotted {
	height: 10px;
	margin: 20px 0;
	border: 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center;
}

/* ---- Uitleg onder de lijst ---- */
.inl-nieuwslijst .archive-count p.newsListExplain { color: inherit; font-size: inherit; }

/* ---- Auteur: naam, foto en biografie ---- */
.inl-nieuwslijst .author-intro::after { content: ''; display: table; clear: both; }
.inl-nieuwslijst .author-photo { float: right; width: 132px; height: auto; margin: 0 0 10px 15px; border-radius: 50%; }

/* ---- "Vergelijk toestellen en abonnementen" in de hoofdkolom (live: 3 x 2) ---- */
.inl-nieuwslijst .archive-vergelijker .vergelijkerBlokSider .row { display: flex; flex-wrap: wrap; }
.inl-nieuwslijst .archive-vergelijker .vergelijkerBlokSiderItem { width: 33.3333%; padding: 0 15px 15px; }
.inl-nieuwslijst .archive-vergelijker .vergelijkerBlokSiderItem .fa-mobile { font-size: 70px; }
.inl-nieuwslijst .archive-vergelijker .vergelijkerBlokSiderHead { font-size: 15px; }
.inl-nieuwslijst .archive-vergelijker .vergelijkerBlokSiderHead,
.inl-nieuwslijst .archive-vergelijker .vergelijkerBlokSiderContent { margin-left: 50px; }
.inl-nieuwslijst .archive-vergelijker hr { margin: 15px 0; border: 0; border-top: 1px solid #ddd; }

/* Live heeft op de nieuwslijsten dat blok niet in de zijbalk (wel in de
   hoofdkolom, op mobiel bovenaan), en geen extra tab "Abonnementen zonder toestel". */
.inl-nieuwslijst .sidebar-deals .vergelijkerBlokSider { display: none; }
.inl-nieuwslijst .sidebar-deals #siderBlokNav:has(#siderBlokNav3) { display: none; }

/* ---- Model-nieuws ---- */
.inl-model-nieuws .tab-menu .dropdown { position: relative; }
.inl-model-nieuws .tab-menu .dropdown:hover > .dropdown-menu,
.inl-model-nieuws .tab-menu .dropdown:focus-within > .dropdown-menu { display: block; }
.inl-model-nieuws .archive-count + .row { margin-top: 10px; margin-bottom: 20px; }

/* ---- Homepage: knoppen onder "Over deze website" ---- */
.home-account-knoppen .btn { display: inline-block; }
.home-account-knoppen .border-grey { border: 1px solid #999; color: #999; background: #fff; }
.home-account-knoppen .fa-pencil::before { content: '\f040'; }
.home-account-knoppen .fa-sign-in::before { content: '\f090'; }

/* Modelrubriek op een nieuwskaart ("iPhone 11"): live zonder blauwe labelstijl. */
.blog-cat .label-model { border-color: transparent; color: #444; }