/* Datic in-content AdSense frames — blend met warm UI */
.datic-ad {
	padding: 0.75rem;
	margin: 0.85rem 0;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e6e2dc;
	border-radius: 12px;
	box-sizing: border-box;
}

.datic-ad__label {
	font-family: "Outfit", system-ui, sans-serif;
	font-size: 0.7rem;
	font-weight: 650;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #a09890;
	margin: 0 0 0.45rem;
}

.datic-ad__frame {
	overflow: hidden;
	margin: 0 auto;
	max-width: 100%;
}

.datic-ad--profile_sidebar .datic-ad__frame,
.datic-ad--group_sidebar .datic-ad__frame {
	max-width: 336px;
	max-height: 280px;
}

/* Profiel — onder Over mezelf */
#profile .pr-ad-about {
	margin: 0.75rem 0 1rem;
}

#profile .datic-ad--profile_about {
	margin: 0;
	max-width: 100%;
}

#profile .datic-ad--profile_about .datic-ad__frame {
	max-width: 100%;
	max-height: 280px;
}

.datic-ad--group_infeed {
	margin: 0.75rem 0 1rem;
	max-width: 100%;
}

.datic-ad--group_infeed .datic-ad__frame {
	max-width: 100%;
	max-height: 280px;
}

/* Index — tussen Nu actief en interesses */
#index.ix-home .ix-ad-midfeed {
	margin: 0.35rem 0 1rem;
}

#index.ix-home .datic-ad--home_midfeed {
	margin: 0;
	max-width: 100%;
}

#index.ix-home .datic-ad--home_midfeed .datic-ad__frame {
	max-width: 100%;
	max-height: 280px;
}

/* Zoek — zelfde kolom/kaart als profielkaarten */
#search .search-result-col--ad .search-person-card--ad {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	min-height: 100%;
	padding: 0.65rem 0.65rem 0.85rem;
	background: #fff;
	border: 1px solid #e6e2dc;
	border-radius: 14px;
	text-decoration: none !important;
	cursor: default;
	pointer-events: auto;
}

#search .search-person-card--ad .datic-ad__frame--search {
	max-width: 100%;
	max-height: 250px;
	overflow: hidden;
}

#search .search-person-card--ad:hover {
	transform: none;
	box-shadow: none;
}

/* Notificaties — 2e lijstitem */
#notification .notification-ad {
	list-style-type: none;
	padding: 14px 10px 18px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	background: #faf9f7;
}

#notification .notification-ad .datic-ad__label {
	display: block;
	margin-bottom: 0.5rem;
}

#notification .notification-ad .datic-ad__frame--notif {
	max-width: 336px;
	max-height: 280px;
	margin: 0 auto;
	overflow: hidden;
}

/* Voor jou — ad als swipe-kaart */
.vj-card--ad {
	background: #fff;
}

.vj-card__photo--ad {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 0.75rem;
	background: #f7f5f1;
}

.vj-card__photo--ad .datic-ad__frame--voorjou {
	width: 100%;
	max-width: 300px;
	max-height: 250px;
}

.vj-card--ad .vj-card__name {
	font-size: 1.05rem;
}

@media (max-width: 767px) {
	.datic-ad--profile_sidebar .datic-ad__frame,
	.datic-ad--group_sidebar .datic-ad__frame,
	.datic-ad--group_infeed .datic-ad__frame {
		max-height: 250px;
	}

	/* Sidebar-ad op groep: op mobiel verbergen (in-feed blijft) */
	.datic-ad--group_sidebar {
		display: none;
	}
}