/* due-ticker.css — the due-date tracker strip on every public page (25 Sep 2026).
   Markup: templates/partials/due-ticker.php · behaviour: assets/js/due-ticker.js.
   Same look as the home ticker (.nx-tick in home-gold-align.css), own class
   names so the two never fight. Class names avoid "-card" / "-track" suffixes
   on containers theme-light.css repaints; .dtk-track is only the moving row. */
.dtk{display:flex;align-items:stretch;height:44px;background:#0A132B;color:#fff;overflow:hidden;position:relative;z-index:3;
  font-family:var(--tc-font-body,'DM Sans',system-ui,-apple-system,sans-serif)}
.dtk-lbl{display:flex;align-items:center;gap:8px;padding:0 16px 0 18px;background:#16233F;flex-shrink:0;
  font-family:var(--tc-font-mono,'JetBrains Mono',ui-monospace,monospace);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;white-space:nowrap}
.dtk-lbl em{font-style:normal;color:#E9B455;margin-left:2px}
.dtk-lbl em::before{content:"·";margin-right:6px;color:rgba(255,255,255,.45)}
.dtk-dot{width:7px;height:7px;border-radius:50%;background:#E31937;box-shadow:0 0 0 0 rgba(227,25,55,.6);animation:dtkPulse 2s ease-out infinite}
@keyframes dtkPulse{0%{box-shadow:0 0 0 0 rgba(227,25,55,.6)}70%{box-shadow:0 0 0 7px rgba(227,25,55,0)}100%{box-shadow:0 0 0 0 rgba(227,25,55,0)}}
.dtk-pause{width:40px;flex-shrink:0;border:0;background:#101C36;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:0;border-radius:0}
.dtk-pause svg{width:12px;height:12px}
.dtk-pause[aria-pressed="true"] svg{display:none}
.dtk-pause[aria-pressed="true"]::after{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}
.dtk-mq{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent)}
.dtk-track{display:flex;width:max-content;animation:dtkRun 60s linear infinite}
.dtk:hover .dtk-track,.dtk.is-paused .dtk-track{animation-play-state:paused}
@keyframes dtkRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dtk-i{display:inline-flex;align-items:center;gap:10px;margin-right:44px;font-size:13.5px;white-space:nowrap;color:rgba(255,255,255,.92)}
.dtk-i b{font-family:var(--tc-font-mono,'JetBrains Mono',ui-monospace,monospace);font-size:12px;font-weight:700;color:#E9B455;letter-spacing:.5px}
.dtk-i i{font-style:normal;font-family:var(--tc-font-mono,'JetBrains Mono',ui-monospace,monospace);font-size:10.5px;letter-spacing:.4px;
  padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
.dtk-i.is-soon i{background:rgba(227,25,55,.22);color:#FFB3BE}
.dtk-all{display:flex;align-items:center;gap:8px;padding:0 20px;background:#E9B455;color:#0A132B!important;
  font-family:var(--tc-font-mono,'JetBrains Mono',ui-monospace,monospace);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;flex-shrink:0}
.dtk-all:hover{background:#F2C46A}
@media(prefers-reduced-motion:reduce){.dtk-track{animation:none}.dtk-mq{overflow-x:auto}.dtk-dot{animation:none}}
@media(max-width:640px){
  .dtk{height:40px}
  .dtk-lbl{padding:0 10px 0 12px;font-size:10px;letter-spacing:.8px}
  .dtk-lbl em{display:none}
  .dtk-pause{width:34px}
  .dtk-all{padding:0 12px;font-size:0;gap:0}
  .dtk-all span{font-size:14px}
  .dtk-i{font-size:12.5px;margin-right:30px}
}
@media print{.dtk{display:none}}