/**
 * Daily Post — Ekiti Live Results
 * Self-contained styles (namespaced .dpekiti-*) so the shortcode view renders
 * correctly with only this plugin active. Brand: Daily Post red #c0392b,
 * dark panel #1a1a2e with gold #e8c84a accents.
 */

.dpekiti-wrap {
	font-family: inherit;
	color: #1a1a1a;
	max-width: 880px;
	margin: 0 auto;
}

.dpekiti-h1 {
	font-size: 26px;
	font-weight: 900;
	color: #1a1a1a;
	margin: 0 0 14px;
	line-height: 1.2;
}

.dpekiti-section {
	font-size: 18px;
	font-weight: 800;
	color: #1a1a1a;
	margin: 28px 0 12px;
	padding-bottom: 6px;
	border-bottom: 3px solid #c0392b;
}

.dpekiti-note {
	font-size: 13px;
	color: #666;
	margin: 0 0 12px;
}

/* ── Pre-election "coming soon" panel ────────────────────────────── */
.dpekiti-coming {
	background: #1a1a2e;
	color: #fff;
	border-radius: 8px;
	padding: 28px 24px;
	text-align: center;
	margin-bottom: 24px;
}
.dpekiti-coming-icon { font-size: 34px; color: #e8c84a; margin-bottom: 10px; }
.dpekiti-coming h3 { color: #fff; font-size: 20px; font-weight: 800; margin: 0 0 8px; }
.dpekiti-coming p { color: #cfcfe0; font-size: 14px; margin: 0; line-height: 1.6; }

/* ── LIVE bar ─────────────────────────────────────────────────────── */
.dpekiti-livebar {
	background: #fbeae8;
	border-left: 4px solid #27ae60;
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 13px;
	color: #333;
	margin-bottom: 18px;
	line-height: 1.7;
}
.dpekiti-live {
	font-weight: 800;
	color: #27ae60;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-right: 6px;
}
.dpekiti-live-dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #27ae60;
	margin-right: 4px;
	vertical-align: middle;
	animation: dpekiti-pulse 1.4s ease-in-out infinite;
}
@keyframes dpekiti-pulse {
	0%   { box-shadow: 0 0 0 0 rgba( 39, 174, 96, .55 ); opacity: 1; }
	70%  { box-shadow: 0 0 0 7px rgba( 39, 174, 96, 0 ); opacity: .7; }
	100% { box-shadow: 0 0 0 0 rgba( 39, 174, 96, 0 ); opacity: 1; }
}
.dpekiti-updated-wrap { display: inline-block; margin-left: 6px; color: #555; }

/* ── Reporting status line (polling units + LGAs) ─────────────────── */
.dpekiti-status {
	background: #1a1a2e;
	color: #fff;
	border-radius: 6px;
	padding: 11px 16px;
	font-size: 14px;
	margin-bottom: 18px;
	line-height: 1.5;
}
.dpekiti-status i { color: #27ae60; margin-right: 7px; }
.dpekiti-status strong { color: #e8c84a; font-variant-numeric: tabular-nums; }

/* ── Tables ──────────────────────────────────────────────────────── */
.dpekiti-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	margin-bottom: 8px;
}
.dpekiti-table thead tr { background: #1a1a2e; color: #e8c84a; }
.dpekiti-table thead th {
	padding: 9px 12px;
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
}
.dpekiti-table tbody td { padding: 9px 12px; border-bottom: 1px solid #f0f0f0; }
.dpekiti-alt { background: #fafafa; }
.dpekiti-strong { font-weight: 600; }
.dpekiti-muted { color: #666; }
.dpekiti-right { text-align: right; font-variant-numeric: tabular-nums; }
.dpekiti-share-col { width: 180px; }

.dpekiti-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
.dpekiti-sq {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	margin-right: 7px;
	vertical-align: middle;
}
.dpekiti-pill {
	font-size: 11px;
	background: #d4edda;
	color: #155724;
	padding: 1px 7px;
	border-radius: 10px;
	font-weight: 600;
	margin-left: 4px;
}
.dpekiti-lead { font-weight: 700; }
.dpekiti-lead-badge {
	font-size: 10px;
	background: #d4edda;
	color: #155724;
	padding: 1px 6px;
	border-radius: 10px;
	margin-left: 6px;
	font-weight: 600;
}
.dpekiti-results-table tbody tr { transition: background .3s; }
.dpekiti-total-row td {
	background: #f0f0f0;
	font-weight: 700;
	padding: 9px 12px;
}

/* ── Share bars ──────────────────────────────────────────────────── */
.dpekiti-share-track {
	background: #e8e8e8;
	border-radius: 10px;
	height: 8px;
	overflow: hidden;
}
.dpekiti-share-fill {
	height: 100%;
	border-radius: 10px;
	transition: width .5s ease;
}

/* ── LGAs declared progress ──────────────────────────────────────── */
.dpekiti-progress-row { margin-bottom: 18px; }
.dpekiti-progress-head {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-bottom: 6px;
}
.dpekiti-progress-track {
	background: #e8e8e8;
	border-radius: 20px;
	height: 10px;
	overflow: hidden;
}
.dpekiti-progress-fill {
	background: #c0392b;
	height: 100%;
	border-radius: 20px;
	transition: width .5s ease;
}

/* ── Datawrapper wrap ────────────────────────────────────────────── */
.dpekiti-dw { margin-bottom: 18px; }

/* ── News feed ───────────────────────────────────────────────────── */
.dpekiti-news { list-style: none; margin: 0; padding: 0; }
.dpekiti-news li { border-bottom: 1px solid #eee; }
.dpekiti-news-item {
	display: flex;
	gap: 12px;
	padding: 10px 0;
	text-decoration: none;
	color: inherit;
	align-items: center;
}
.dpekiti-news-thumb {
	width: 84px;
	height: 60px;
	object-fit: cover;
	border-radius: 4px;
	flex: 0 0 auto;
}
.dpekiti-news-thumb-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f0f0;
	color: #bbb;
	font-size: 20px;
}
.dpekiti-news-body { display: flex; flex-direction: column; }
.dpekiti-news-title { font-weight: 600; font-size: 14px; line-height: 1.4; color: #1a1a1a; }
.dpekiti-news-date { font-size: 12px; color: #888; margin-top: 2px; }

/* ── Responsive ──────────────────────────────────────────────────── */
@media ( max-width: 640px ) {
	.dpekiti-h1 { font-size: 22px; }
	.dpekiti-share-col { display: none; }
	.dpekiti-table { font-size: 13px; }
	.dpekiti-table thead th,
	.dpekiti-table tbody td { padding: 7px 8px; }
}