/* Joenit public site - the DAE knob on the homepage (ticket #5135).
   One fixed pill that leads to the show room (dae-2026.html) until the show
   closes; dae-knob.js renders it and retires it by itself after Sunday
   11 October 2026 18:00 CEST. Fixed, so the page never shifts.

   The colours are the WALL banners' (copied from the top of dae-2026.css,
   which the homepage does not load): the fond K80, the red dot, the white -
   never the steel blue of the pop-up brand banners. */
:root{
  --daek-fond:#57585A;       /* = --dae-fond, C0 M0 Y0 K80   */
  --daek-black:#1D1D1B;      /* = --dae-black                */
  --daek-red:#CB4431;        /* = --dae-red, the red dot     */
  --daek-white:#FFFFFF;      /* = --dae-white                */
}

.dae-knob{
  position:fixed; right:18px; bottom:18px; z-index:59;   /* under the language bar (60) */
  display:inline-flex; align-items:center; gap:.6rem;
  max-width:calc(100vw - 32px); box-sizing:border-box;
  padding:.7rem 1.15rem .7rem .95rem; border-radius:999px;
  background:var(--daek-fond); color:var(--daek-white);
  border:1px solid var(--daek-black);
  box-shadow:0 10px 28px rgba(29,29,27,.35), 0 2px 6px rgba(29,29,27,.25);
  font-family:var(--font, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  font-weight:700; font-size:.95rem; line-height:1.2;
  text-decoration:none; white-space:nowrap;
  transition:bottom .3s ease, filter .15s ease;
}
.dae-knob:hover, .dae-knob:focus-visible{filter:brightness(1.12); color:var(--daek-white)}
.dae-knob:focus-visible{outline:2px solid var(--daek-red); outline-offset:3px}
.dae-knob__dot{width:.7rem; height:.7rem; border-radius:50%; background:var(--daek-red); flex:0 0 auto}
.dae-knob__text{overflow:hidden; text-overflow:ellipsis}
.dae-knob__arrow{opacity:.85; flex:0 0 auto}

/* live on the show days: the dot breathes */
.dae-knob--live .dae-knob__dot{animation:daek-pulse 1.6s ease-in-out infinite}
@keyframes daek-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(203,68,49,.75)}
  50%    {box-shadow:0 0 0 .4rem rgba(203,68,49,0)}
}

/* phone: bottom-center */
@media (max-width:640px){
  .dae-knob{right:auto; left:50%; transform:translateX(-50%); font-size:.92rem}
}

@media (prefers-reduced-motion:reduce){
  .dae-knob{transition:none}
  .dae-knob--live .dae-knob__dot{animation:none}
}
@media print{ .dae-knob{display:none} }