/**
 * ┌─────────────────────────────────────────────────────────────────────┐
 * │  FILE INDEX — 여수뉴스포털                                          │
 * ├──────────────┬──────────────────────────────────────────────────────┤
 * │  파일명      │  ticker.css                                           │
 * │  위치        │  /assets/css/ticker.css                                        │
 * │  생성일      │  2026-05-16                                           │
 * │  수정일      │  2026-05-16                                           │
 * │  버전        │  v1.0                                                 │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  기능/역할   │  스타일시트 — 포털·컴포넌트별 규칙 적용               │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  레이아웃    │  기준 너비: 1200px (전역·포털 변수와 연동)            │
 * │  섹터 구조   │  .sector-wrap width:100% — 다열은 .sector-inner (원칙2) │
 * │  폰트 기준   │  최소 14px (--fs-base 등 변수 연동)                 │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  연관 파일   │  load-by  : header.php·포털 레이아웃 (상이)            │
 * │              │  변수 주입: echoLayoutVars()·포털 CSS (해당 시)       │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  참조 사항   │  /docs/PROJECT_RULES.md 원칙8·포털 CSS 접두 규칙       │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  변경 이력   │  2026-05-16 v1.0 - FILE INDEX 일괄 부여                     │
 * └──────────────┴──────────────────────────────────────────────────────┘
 */

/* --- 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%); }
}