/* AI Insider 2.0 homepage: styles for shortcode output and rules that span several widgets.
   Everything else (layout, type, colours) lives in the Elementor controls. */

.aii-link, .aii-link:hover, .aii-link:focus { color: inherit; text-decoration: none; }
.aii-link:focus-visible { outline: 2px solid #5D00F4; outline-offset: 2px; }
.aii-link .aii-hl .elementor-heading-title { transition: color .15s ease; }
.aii-link:hover .aii-hl .elementor-heading-title { color: #5D00F4; }
.aii-ph img { background: linear-gradient(160deg, #0B0630 0%, #1B0046 45%, #2A1650 100%); }

/* Kicker: "Section · Sub" */
.aii-kicker {
	font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 11px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5;
	text-transform: uppercase; color: #5D00F4; display: block;
}
.aii-kicker .sub { display: inline; color: #6B7280; font-weight: 500; letter-spacing: 1px; }
.aii-k-sm .elementor-shortcode { line-height: 0; }
.aii-kicker--ex { display: inline-block; color: #4900C0; background: #F3EEFF; padding: 2px 7px; border-radius: 4px; }
.aii-k-sm .aii-kicker { font-size: 10px; }

/* Meta line: "2 hours ago · 6 min read" */
.aii-meta {
	font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12px; line-height: 1.5; color: #9CA3AF; display: block;
}
.aii-meta b { color: #6B7280; font-weight: 500; }

/* Dateline */
.aii-date, .aii-live {
	font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 13px; line-height: 1.5; color: #6B7280;
}
.aii-date b { color: #040620; font-weight: 700; font-size: 14px; }
.aii-live { display: inline-flex; align-items: center; gap: 6px; color: #5D00F4; font-weight: 600; }
.aii-live i { width: 8px; height: 8px; border-radius: 50%; background: #5D00F4; display: inline-block; }

/* Trending numbers (CSS counter over the loop items) */
.aii-trend-grid .elementor-loop-container { counter-reset: aii-rank; }
.aii-trend-grid .e-loop-item { counter-increment: aii-rank; }
.aii-n::before {
	content: counter(aii-rank);
	display: block; padding-top: 2px;
	font-family: "Roboto", system-ui, sans-serif;
	font-size: 20px; font-weight: 900; line-height: 1; letter-spacing: -.02em; color: #9D61FF;
}

/* Intelligence sparkline */
.aii-spark { height: 44px; display: flex; align-items: flex-end; gap: 4px; }
.aii-spark i { flex: 1; background: rgba(203,171,255,.35); border-radius: 2px 2px 0 0; }
.aii-spark i.on { background: #CBABFF; }

/* Phones: lead first, then Latest, then Exclusives (Mockup 1 order) */
@media (max-width: 767px) {
	.aii-hero3 > .aii-centre { order: 1; }
	.aii-hero3 > .aii-trend  { order: 2; }
	.aii-hero3 > .aii-excl   { order: 3; }
	.aii-hero3 > .e-con-inner > .aii-centre { order: 1; }
	.aii-hero3 > .e-con-inner > .aii-trend  { order: 2; }
	.aii-hero3 > .e-con-inner > .aii-excl   { order: 3; }
}