/**
 * Ilfov Ads — stiluri reclame frontend.
 * Mobile-first, non-intrusive, tip iOS/Google.
 */

/* ── Wrapper comun ─────────────────────────────────────────── */
.ifad-wrap {
	display: block;
	width: 100%;
	margin: 24px auto;
	text-align: center;
	position: relative;
}
.ifad-label {
	display: block;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #94a3b8;
	margin-bottom: 4px;
}

/* ── Banner ────────────────────────────────────────────────── */
.ifad-wrap--banner .ifad-banner-link {
	display: inline-block;
	line-height: 0;
	border-radius: 6px;
	overflow: hidden;
	max-width: 100%;
}
.ifad-banner-img { display: block; max-width: 100%; height: auto; }
.ifad-banner-mobile { display: none; }
@media (max-width: 767px) {
	.ifad-banner-desktop { display: none; }
	.ifad-banner-mobile  { display: block; }
}

/* ── Text Ad (Google Ads style) ────────────────────────────── */
.ifad-wrap--text {
	text-align: left;
}
.ifad-text-link {
	display: block;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.04);
	transition: box-shadow .2s, border-color .2s;
	max-width: 680px;
	margin: 0 auto;
}
.ifad-text-link:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.08), 0 8px 20px rgba(0,0,0,.07);
	border-color: #cbd5e1;
}
.ifad-text-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}
.ifad-ad-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 14px;
	background: #1a73e8;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	border-radius: 3px;
	letter-spacing: 0.02em;
	flex-shrink: 0;
}
.ifad-text-display-url {
	font-size: 12px;
	color: #188038;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ifad-text-title {
	font-size: 17px;
	font-weight: 600;
	color: #1a0dab;
	line-height: 1.25;
	margin-bottom: 4px;
}
.ifad-text-link:hover .ifad-text-title {
	text-decoration: underline;
}
.ifad-text-desc {
	font-size: 14px;
	color: #4d5156;
	line-height: 1.45;
}

/* ── HTML/embed ────────────────────────────────────────────── */
.ifad-wrap--html {
	overflow: hidden;
}
.ifad-wrap--html iframe {
	max-width: 100%;
	border: 0;
	border-radius: 6px;
}

/* ── In-article separator ──────────────────────────────────── */
.ifad-wrap--in-article {
	border-top: 1px solid #f1f5f9;
	border-bottom: 1px solid #f1f5f9;
	padding: 16px 0;
	margin: 28px 0;
}

/* ── Header / footer placement ─────────────────────────────── */
.ifad-placement-header {
	padding: 6px 0;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}
.ifad-placement-footer {
	padding: 16px 0;
	border-top: 1px solid #e2e8f0;
}

/* ── Sidebar ───────────────────────────────────────────────── */
.ifad-placement-sidebar .ifad-wrap {
	margin: 0 0 16px;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	.ifad-text-link { background: #1e293b; border-color: #334155; }
	.ifad-text-title { color: #93c5fd; }
	.ifad-text-display-url { color: #6ee7b7; }
	.ifad-text-desc { color: #94a3b8; }
}