/* ═══════════════════════════════════════════════
 * ticker.css — 속보 티커 스타일 (.breaking-ticker, .ticker-*)
 * 출처: layout.css + style.css 분리 / 2026-07-11
 * ═══════════════════════════════════════════════ */

/* --- layout.css 출처 --- */
  .breaking-ticker { height: 32px !important; }

/* --- style.css 출처 --- */

/* ─── 속보 티커 ─── */
.breaking-ticker {
  background: #fff3cd;
  border-top: 1px solid #ffc107;
  border-bottom: 1px solid #ffc107;
  overflow: hidden;
  height: var(--ticker-h);
  display: flex;
  align-items: center;
}
.ticker-label {
  background: var(--primary);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 0 14px;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 1px;
}
.ticker-wrapper {
  flex: 1;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}
.ticker-track {
  display: flex;
  gap: 60px;
  white-space: nowrap;
  animation: ticker-scroll 30s linear infinite;
  font-size: 14px;
  color: var(--text-dark);
  align-items: center;
  height: 100%;
}
.ticker-track a { color: var(--text-dark); }
.ticker-track a:hover { color: var(--primary); }

/* ── 반응형: 태블릿 (992px 이하) ───────────────────────── */
@media (max-width: 992px) {
  #wrap-ticker { min-height: 0 !important; }
  .breaking-ticker { height: 32px !important; }
}

/* ── style.css에서 이동 ── */
/* ─── 속보 티커 ─── */
.breaking-ticker {
  background: #fff3cd;
  border-top: 1px solid #ffc107;
  border-bottom: 1px solid #ffc107;
  overflow: hidden;
  height: var(--ticker-h);
  display: flex;
  align-items: center;
}
.ticker-label {
  background: var(--primary);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 0 14px;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 1px;
}
.ticker-wrapper {
  flex: 1;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}
.ticker-track {
  display: flex;
  gap: 60px;
  white-space: nowrap;
  animation: ticker-scroll 30s linear infinite;
  font-size: 14px;
  color: var(--text-dark);
  align-items: center;
  height: 100%;
}
.ticker-track a { color: var(--text-dark); }
.ticker-track a:hover { color: var(--primary); }
@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}