/* Kontrolka.sk — horný pás Októbrové akcie 2026. Samostatný doplnok. */
#kontrolka-october-2026 {
  --ko-white: #fff;
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  isolation: isolate;
  overflow: hidden;
  color: var(--ko-white);
  background: radial-gradient(ellipse at 78% 20%, rgba(235, 45, 62, .38), transparent 57%), linear-gradient(110deg, #111722 0%, #321724 45%, #8b182a 100%);
  border-bottom: 1px solid rgba(255,255,255,.14);
  font-family: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255,255,255,.08);
}
#kontrolka-october-2026, #kontrolka-october-2026 * { box-sizing: border-box; }
#kontrolka-october-2026:visited, #kontrolka-october-2026:hover { color: #fff; text-decoration: none; }
#kontrolka-october-2026:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
#kontrolka-october-2026 .ko-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 1440px;
  min-height: 48px;
  margin: 0 auto;
  padding: 9px 24px;
}
#kontrolka-october-2026 .ko-title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .045em;
  text-transform: uppercase;
}
#kontrolka-october-2026 .ko-icon { width: 17px; height: 20px; flex-shrink: 0; color: #ffbdad; }
#kontrolka-october-2026 .ko-description { font-size: 13px; line-height: 1.4; color: #f4e5e9; }
#kontrolka-october-2026 .ko-deadline {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  white-space: nowrap;
  color: #fff;
  padding-left: 20px;
  border-left: 1px solid rgba(255,255,255,.25);
}
#kontrolka-october-2026 .ko-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  gap: 9px;
  flex-shrink: 0;
  min-height: 29px;
  padding: 5px 12px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 5px;
  background: rgba(255,255,255,.1);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  transition: background .18s ease, border-color .18s ease;
}
#kontrolka-october-2026:hover .ko-cta { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.55); }
#kontrolka-october-2026 .ko-cta-label { display: block; margin: 0; padding: 0; line-height: 1.3; }
#kontrolka-october-2026 .ko-arrow { display: block; margin: 0; padding: 0; width: 15px; height: 15px; flex-shrink: 0; }
@media (max-width: 1100px) {
  #kontrolka-october-2026 .ko-description { display: none; }
}
@media (max-width: 767px) {
  #kontrolka-october-2026 { margin: 0 !important; top: auto; left: auto; clear: both; }
  #kontrolka-october-2026 .ko-inner { min-height: 58px; padding: 9px 14px; gap: 3px 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; }
  #kontrolka-october-2026 .ko-title { font-size: 13px; letter-spacing: .025em; gap: 7px; grid-column: 1; grid-row: 1; }
  #kontrolka-october-2026 .ko-icon { width: 13px; height: 16px; }
  #kontrolka-october-2026 .ko-deadline { grid-column: 1; grid-row: 2; padding: 0 0 0 20px; border: 0; font-size: 11px; font-weight: 500; color: #f4e5e9; }
  #kontrolka-october-2026 .ko-cta { grid-column: 2; grid-row: 1 / 3; font-size: 11px; min-height: 30px; padding: 6px 9px; gap: 6px; }
}
@media (max-width: 350px) {
  #kontrolka-october-2026 .ko-inner { padding-left: 10px; padding-right: 10px; gap: 3px 7px; }
  #kontrolka-october-2026 .ko-title { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  #kontrolka-october-2026 .ko-cta { transition: none; }
}
@media print { #kontrolka-october-2026 { display: none; } }