/* UNIVRSLL AI News Stream — scoped to .ainews-root */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@600;800&display=swap');

.ainews-root{
  --ai-deep:#02060f; --ai-mid:#06132a; --ai-blue:#2f7bff; --ai-cyan:#56e1ff;
  --ai-ink:#dbeafe; --ai-dim:#8fa6c4; --ai-card:rgba(8,16,36,0.82);
  --ai-line:rgba(96,165,250,0.30);
  position:relative; overflow:hidden; isolation:isolate;
  font-family:'JetBrains Mono',monospace; color:var(--ai-ink);
  min-height:100vh;
  /* full-bleed: break out of the theme's narrow content container */
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:
    radial-gradient(ellipse 120% 80% at 50% -10%, rgba(47,123,255,0.22), transparent 60%),
    radial-gradient(ellipse 80% 80% at 80% 110%, rgba(86,225,255,0.10), transparent 60%),
    linear-gradient(160deg, var(--ai-deep), var(--ai-mid) 60%, #03091a);
}
.ainews-root *{ box-sizing:border-box; }

/* Defensive: many themes cap .entry-content children to a narrow column.
   When our full-bleed root is inside such a wrapper, undo that cap for us. */
.entry-content > .ainews-root,
.wp-block-post-content > .ainews-root,
.is-layout-constrained > .ainews-root{
  max-width:100vw !important; width:100vw !important;
}
.ainews-layer{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.ainews-matrix{ z-index:1; opacity:.22; }
.ainews-circuit{ z-index:1; opacity:.45; }
.ainews-math{ z-index:2; }

.ainews-inner{ position:relative; z-index:3; width:100% !important; max-width:1280px !important;
  margin:0 auto !important; padding:34px clamp(20px,4vw,60px) 60px !important; box-sizing:border-box; }
/* Extra breathing room on wide screens so content isn't edge-to-edge */
@media (min-width:1400px){
  .ainews-inner{ max-width:1200px !important; }
}
/* Force grids to fill the inner width regardless of theme rules */
.ainews-root .ainews-featured{ width:100% !important; }
.ainews-root .ainews-deck{ width:100% !important; }
.ainews-root .ainews-wire{ width:100% !important; }

.ainews-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.ainews-title{ font-family:'Orbitron',sans-serif; font-weight:800; letter-spacing:4px;
  font-size:clamp(20px,3vw,30px);
  background:linear-gradient(90deg,#22d3ee,#8b5cf6,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ainews-status{ font-size:11px; letter-spacing:2px; color:var(--ai-dim); text-transform:uppercase; }
.ainews-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#34d399;
  box-shadow:0 0 10px #34d399; margin-right:7px; vertical-align:middle; animation:aiPulse 1.6s ease-in-out infinite; }
@keyframes aiPulse{0%,100%{opacity:.45;}50%{opacity:1;}}

/* ---- news-wire ticker ---- */
.ainews-wire{ position:relative; overflow:hidden; border:1px solid var(--ai-line); border-radius:10px;
  background:rgba(4,10,24,0.6); padding:10px 0; margin-bottom:26px;
  box-shadow:0 0 26px rgba(47,123,255,0.2) inset; }
.ainews-wire-track{ display:inline-flex; gap:42px; white-space:nowrap; will-change:transform;
  animation:aiTicker 110s linear infinite; padding-left:100%; }
.ainews-wire:hover .ainews-wire-track{ animation-play-state:paused; }
@keyframes aiTicker{ from{ transform:translateX(0);} to{ transform:translateX(-100%);} }
.ainews-tick{ color:var(--ai-ink); font-size:13px; letter-spacing:.3px; text-decoration:none; }
.ainews-tick b{ color:var(--ai-cyan); }
.ainews-tick .brk{ color:#fb7185; font-weight:800; margin-right:6px; letter-spacing:1px;
  text-shadow:0 0 10px rgba(251,113,133,0.6); }
.ainews-tick .src{ color:var(--ai-dim); }

/* ---- featured latest (two side by side) ---- */
.ainews-featured{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-bottom:30px; }
.ainews-featured a{ text-decoration:none; color:inherit; }
.ainews-feat-card{ display:flex; flex-direction:column;
  border:1px solid var(--ai-line); border-radius:18px; overflow:hidden; height:100%;
  background:var(--ai-card); box-shadow:0 0 40px rgba(47,123,255,0.18), 0 18px 45px rgba(0,0,0,0.5);
  opacity:0; transform:translateY(16px) scale(.99); animation:aiRise .7s ease forwards;
  transition:transform .25s, border-color .25s; }
.ainews-feat-card:hover{ transform:translateY(-5px); border-color:rgba(236,72,153,0.65); }
.ainews-feat-img{ background-size:cover; background-position:center; min-height:200px; width:100%;
  border-bottom:1px solid var(--ai-line); }
.ainews-feat-img.empty{ background:
  repeating-linear-gradient(135deg,rgba(86,225,255,0.06) 0 12px,transparent 12px 24px), rgba(6,16,34,0.8); }
.ainews-feat-text{ padding:22px 24px; }
.ainews-badge{ display:inline-block; font-size:10px; letter-spacing:2px; font-weight:800; text-transform:uppercase;
  color:#001018; background:linear-gradient(90deg,#22d3ee,#56e1ff); padding:5px 11px; border-radius:999px; margin-bottom:14px; }
.ainews-feat-text h3{ margin:0 0 10px; font-size:clamp(18px,2vw,24px); line-height:1.2; color:#fff;
  font-family:'Orbitron',sans-serif; font-weight:600; }
.ainews-feat-text p{ margin:0 0 14px; color:var(--ai-ink); font-size:14px; line-height:1.5; }
.ainews-meta{ font-size:11px; letter-spacing:1px; color:var(--ai-dim); text-transform:uppercase; }
@keyframes aiRise{ to{ opacity:1; transform:none; } }

/* ---- controls ---- */
.ainews-controls{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-bottom:24px; }
.ainews-search{ flex:1 1 260px; padding:13px 18px; border-radius:999px; font-family:inherit; font-size:14px;
  color:#fff; background:rgba(4,10,24,0.7); border:1px solid var(--ai-line); outline:none; }
.ainews-search:focus{ border-color:var(--ai-cyan); box-shadow:0 0 0 3px rgba(86,225,255,0.15); }
.ainews-search::placeholder{ color:#6f86a6; }
.ainews-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.ainews-chip{ font-size:11px; letter-spacing:1px; padding:8px 14px; border-radius:999px; cursor:pointer;
  color:#bfe3ff; background:rgba(34,211,238,0.08); border:1px solid rgba(34,211,238,0.3); transition:.2s; }
.ainews-chip:hover{ transform:translateY(-2px); }
.ainews-chip.active{ background:linear-gradient(90deg,#06b6d4,#2563eb); color:#fff; border-color:transparent; }

.ainews-h{ font-family:'Orbitron',sans-serif; font-weight:600; letter-spacing:2px; color:#cfe6ff;
  font-size:16px; margin:28px 0 16px; padding-bottom:8px; border-bottom:1px solid var(--ai-line); }

/* ---- holographic card deck (auto-fit columns, image on top) ---- */
.ainews-deck{ display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:16px; }
.ainews-news-card{ position:relative; display:flex; flex-direction:column; text-decoration:none; color:inherit;
  border-radius:16px; overflow:hidden; background:var(--ai-card); border:1px solid var(--ai-line);
  box-shadow:0 14px 40px rgba(0,0,0,0.4); transition:transform .25s, border-color .25s, box-shadow .25s;
  opacity:0; transform:perspective(800px) rotateX(10deg) translateY(14px); }
.ainews-news-card.in{ animation:aiCardIn .6s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes aiCardIn{ to{ opacity:1; transform:perspective(800px) rotateX(0) translateY(0); } }
.ainews-news-card:hover{ transform:translateY(-6px); border-color:rgba(236,72,153,0.7);
  box-shadow:0 0 30px rgba(47,123,255,0.35),0 18px 45px rgba(0,0,0,0.5); }
.ainews-card-img{ width:100%; height:128px; background-size:cover; background-position:center;
  border-bottom:1px solid var(--ai-line); }
.ainews-card-img.empty{ background:
  repeating-linear-gradient(135deg,rgba(86,225,255,0.06) 0 10px,transparent 10px 20px), rgba(6,16,34,0.8);
  display:flex; align-items:center; justify-content:center; }
.ainews-feat-img.empty .ph-src, .ainews-card-img.empty .ph-src{
  font-family:'Orbitron',sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  font-size:13px; color:rgba(159,208,255,0.55); text-align:center; padding:0 12px; }
.ainews-feat-img.empty{ display:flex; align-items:center; justify-content:center; }
.ainews-card-body{ position:relative; padding:16px; }
.ainews-news-card .age{ position:absolute; top:-12px; right:12px; font-size:9px; letter-spacing:1px;
  text-transform:uppercase; padding:4px 9px; border-radius:999px; font-weight:800; }
.age.today{ color:#001018; background:linear-gradient(90deg,#22d3ee,#56e1ff); box-shadow:0 0 14px rgba(86,225,255,0.6); }
.age.week{ color:#bfe3ff; background:rgba(47,123,255,0.5); border:1px solid rgba(96,165,250,0.6); }
.age.old{ color:#8fa6c4; background:rgba(20,30,50,0.9); border:1px solid rgba(143,166,196,0.3); }
.ainews-news-card h4{ margin:6px 0 8px; font-size:14px; line-height:1.3; color:#fff; }
.ainews-news-card p{ margin:0 0 10px; font-size:12px; line-height:1.45; color:var(--ai-ink);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ainews-news-card .src{ font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--ai-cyan); }

/* ---- timeline (earlier) ---- */
.ainews-timeline{ position:relative; padding-left:22px; }
.ainews-timeline::before{ content:''; position:absolute; left:6px; top:4px; bottom:4px; width:2px;
  background:linear-gradient(180deg,var(--ai-cyan),transparent); opacity:.5; }
.ainews-tl-item{ position:relative; padding:10px 0 10px 6px; opacity:.85; }
.ainews-tl-item::before{ content:''; position:absolute; left:-20px; top:16px; width:9px; height:9px; border-radius:50%;
  background:var(--ai-blue); box-shadow:0 0 10px var(--ai-blue); }
.ainews-tl-item a{ color:#e7f1ff; text-decoration:none; font-size:14px; }
.ainews-tl-item a:hover{ color:var(--ai-cyan); }
.ainews-tl-item .when{ display:block; font-size:10px; letter-spacing:1px; color:var(--ai-dim); text-transform:uppercase; margin-top:3px; }

.ainews-empty{ color:var(--ai-dim); font-size:14px; padding:20px 0; }
.ainews-foot{ margin-top:34px; color:var(--ai-dim); font-size:12px; text-align:center; }

@media (max-width:900px){
  .ainews-featured{ grid-template-columns:1fr; }
}

/* ---- back to main: top link + floating pill ---- */
.ainews-head-left{ display:flex; flex-direction:column; gap:6px; }
.ainews-back-link{ display:inline-flex; align-items:center; gap:6px; width:fit-content;
  font-size:11px; letter-spacing:2px; text-transform:uppercase; text-decoration:none;
  color:#bfe3ff; padding:6px 12px; border-radius:999px;
  background:rgba(34,211,238,0.08); border:1px solid rgba(34,211,238,0.3); transition:.25s; }
.ainews-back-link:hover{ background:linear-gradient(90deg,#06b6d4,#2563eb,#d946ef); color:#fff;
  border-color:transparent; transform:translateY(-2px); }
.ainews-back-link .arr{ font-size:14px; }
.ainews-back-float{ position:fixed; left:24px; bottom:24px; z-index:9999;
  display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:999px;
  font-size:13px; font-weight:800; letter-spacing:1px; text-decoration:none; color:#e0f2fe;
  background:linear-gradient(135deg,rgba(4,8,30,0.95),rgba(24,24,90,0.92));
  border:1px solid rgba(34,211,238,0.45);
  box-shadow:0 0 20px rgba(34,211,238,0.18),0 0 35px rgba(217,70,239,0.18);
  backdrop-filter:blur(10px); transition:.25s; }
.ainews-back-float:hover{ transform:translateY(-4px) scale(1.03); color:#fff;
  box-shadow:0 0 28px rgba(34,211,238,0.4),0 0 50px rgba(217,70,239,0.3); }
.ainews-back-float .arr{ font-size:16px; }

/* ---- slim standalone ticker bar (homepage embed) ---- */
.ainews-barroot{ display:flex; align-items:center; gap:14px; width:100%;
  font-family:'JetBrains Mono',monospace; border-radius:12px; overflow:hidden;
  background:linear-gradient(90deg,rgba(4,10,24,0.92),rgba(10,20,44,0.92));
  border:1px solid rgba(96,165,250,0.35); box-shadow:0 0 22px rgba(47,123,255,0.18);
  padding:0; }
.ainews-bar-label{ flex:0 0 auto; align-self:stretch; display:flex; align-items:center;
  font-family:'Orbitron',sans-serif; font-weight:800; letter-spacing:2px; font-size:12px; color:#001018;
  background:linear-gradient(135deg,#22d3ee,#56e1ff); padding:0 16px; }
.ainews-wire-bar{ flex:1 1 auto; border:0; border-radius:0; background:transparent;
  box-shadow:none; padding:11px 0; margin:0; }
.ainews-wire-bar .ainews-wire-track{ animation-duration:95s; }

/* ---- site-wide FLOATING bar ---- */
.ainews-bar-float{ position:fixed; left:0; right:0; width:100%; z-index:99999;
  border-radius:0; border-left:0; border-right:0; cursor:pointer; }
.ainews-bar-float.ainews-bar-top{ top:0; border-top:0; border-bottom:1px solid rgba(96,165,250,0.4); }
.ainews-bar-float.ainews-bar-bottom{ bottom:0; border-bottom:0; border-top:1px solid rgba(96,165,250,0.4); }
.ainews-bar-label{ text-decoration:none; }
a.ainews-bar-label:hover{ filter:brightness(1.08); }
.ainews-bar-close{ flex:0 0 auto; align-self:stretch; width:42px; cursor:pointer;
  background:transparent; border:0; border-left:1px solid rgba(96,165,250,0.25);
  color:#9fc4ff; font-size:20px; line-height:1; transition:.2s; }
.ainews-bar-close:hover{ background:rgba(236,72,153,0.18); color:#fff; }