/* doubletalent.cz - light mobile layer (2026-10-29). Desktop look unchanged. */
audio.dt-audio { width: 160px; height: 20px; vertical-align: middle; }
/* desktop: content block ~50px below the top of the viewport; body/background untouched (Lukas 2026-10-29) */
@media (min-width: 961px) { .dt-top { margin-top: 50px !important; } }
/* newsletter signup: visible but inactive until a new list service exists */
form.dt-newsletter input:disabled { cursor: not-allowed; }
form.dt-newsletter input[type="text"]:disabled { background: #eee !important; color: #999 !important; border: 1px solid #ccc; }
input.dt-soon, input.dt-soon:disabled { opacity: .55; filter: grayscale(1); cursor: not-allowed !important; color: #666 !important; }
/* contact form honeypot (bots fill it, humans never see it) */
.dt-hp { position: absolute !important; left: -10000px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 960px) {
  html, body { margin: 0 !important; -webkit-text-size-adjust: 100%; }
  body { padding: 10px 0 8px !important; background-size: auto !important; }
  /* graphic header slices are scaled as a block by dt-mobile.js */
  table.dt-art { margin: 0 auto; }
  /* text tables flow to the screen width */
  table.dt-flow { width: 100% !important; max-width: 100% !important; height: auto !important; }
  table.dt-flow img { max-width: 100%; height: auto; }
  audio.dt-audio { width: 100%; max-width: 300px; height: 40px; margin: 4px 0; }
  div.dt-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  div.dt-scroll > table.dt-flow { width: auto !important; min-width: 100%; }
  div.dt-scroll audio.dt-audio { width: 220px; }
}
@media (max-width: 700px) {
  table.dt-stack, table.dt-stack > tbody, table.dt-stack > tbody > tr, table.dt-stack > tbody > tr > td {
    display: block !important; width: auto !important; height: auto !important; box-sizing: border-box;
  }
  table.dt-stack[background^="images/"] { background-image: none !important; background-color: #f3ead0 !important; }
  table.dt-stack > tbody > tr > td { padding: 12px 14px !important; }
  table.dt-stack td img[src$="transparent.gif"] { display: none; }
  table.dt-stack img[src$="transparent.gif"] { max-width: 100%; }
  table.dt-stack img:not([src$="transparent.gif"]) { float: none !important; }
}
/* "More music" button -> Dust Trombone page (Lukas t866u-t868u): purple gradient, white bold text */
.dt-more-wrap { display: block; text-align: center; margin: 14px 0 6px; }
a.dt-more, a.dt-more:link, a.dt-more:visited {
  display: inline-block; padding: 9px 22px; border-radius: 18px;
  font: bold 10pt/1.2 Arial, Helvetica, sans-serif; letter-spacing: 1pt; color: #fff !important; text-decoration: none;
  background: #5b2a96 linear-gradient(180deg, #9a6ae0 0%, #6f38b8 48%, #4a1d80 100%);
  border: 1px solid #2c1450; text-shadow: 0 1px 1px rgba(20, 5, 40, .7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 4px rgba(18, 3, 1, .3);
  transition: background-position .2s, box-shadow .2s, transform .1s; background-size: 100% 140%; background-position: 0 0;
}
a.dt-more::after { content: " \203A"; }
a.dt-more:hover, a.dt-more:focus {
  color: #fff !important; background-image: linear-gradient(180deg, #ad82ef 0%, #8148cc 48%, #58238f 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px rgba(74, 29, 128, .45); outline: none;
}
a.dt-more:focus-visible { outline: 2px solid #9a6ae0; outline-offset: 2px; }
a.dt-more:active { transform: translateY(1px); box-shadow: inset 0 2px 4px rgba(20,5,40,.4); }
@media (max-width: 960px) { a.dt-more, a.dt-more:link, a.dt-more:visited { padding: 12px 28px; font-size: 11pt; border-radius: 22px; } }