/*
 * Indiana District 1 SKYWARN — theme.css
 *
 * Tailwind (via CDN) handles all layout and utility styling.
 * This file covers only what Tailwind cannot: custom keyframes,
 * the scrolling ticker, radar spin, and a few pseudo-element tricks.
 */

:root {
  --sky-black:  #0a0a0a;
  --sky-orange: #D95F1A;
  --sky-gray:   #1C1C1E;
  --sky-border: #333336;
  --sky-white:  #F2F0EB;
}



@keyframes pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%     { opacity:.4; transform:scale(.7); }
}
@keyframes scroll-left {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}
@keyframes radar-spin {
  to { transform:translateY(-50%) rotate(360deg); }
}

.ticker     { animation: scroll-left 28s linear infinite; white-space: nowrap; }
.ticker-dot { animation: pulse 1.4s ease-in-out infinite; }


/* nav dropdowns */
#site-navigation ul ul {
  display:none; position:absolute; top:100%; left:0;
  min-width:180px; background:#1C1C1E;
  border:1px solid #333336; border-radius:4px;
  z-index:100; flex-direction:column;
}
#site-navigation ul li:hover > ul { display:flex; }
#site-navigation ul ul li a {
  display:block; padding:8px 14px; color:#F2F0EB;
  font-size:13px; text-decoration:none; white-space:nowrap;
}
#site-navigation ul ul li a:hover { color:#D95F1A; }

/* HWO pre blocks */
.hwo-pre {
  font-family:'Barlow',sans-serif; font-size:13px;
  white-space:pre-wrap; word-break:break-word;
  line-height:1.65; color:rgba(242,240,235,.8);
}

/* strip details marker */
details summary { list-style:none; cursor:pointer; }
details summary::-webkit-details-marker { display:none; }

/* ── RADAR SWEEP (SVG in hero) ── */
@keyframes radar-sweep {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Resource grid: no dividers between cells */
.resource-grid-cell + .resource-grid-cell {
  border-left: none;
}

@keyframes ticker-scroll {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}