/* =========================================================
   HOTFIX (PDF/Contact/Home + textový panel u videa)
   Vložit NA ÚPLNÝ KONEC /assets/css/mobile-consistent.css
   ========================================================= */

/* --- 1) Utility ikony: grafika + rohy (SEO-safe), bez překryvů --- */

/* Pokud používáš variantu se <a class="zui zui--utility ..."> */
.zui--utility {
  position: fixed !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background-color: rgba(255,255,255,0.92) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.35) !important;
  z-index: 9000 !important; /* nad bublinami, pod video overlayem (10k) */
  text-decoration: none !important;
}
.zui--utility.pdf-btn     { background-image: url("/assets/img/pdf.jpg") !important; }
.zui--utility.contact-btn { background-image: url("/assets/img/contact.jpg") !important; }
.zui--utility.home-btn    { background-image: url("/assets/img/home.jpg") !important; }

/* Rohy – vynucené pozice */
.utility-bottom-left  { left: 16px !important; bottom: 16px !important; right: auto !important; top: auto !important; }
.utility-bottom-right { right: 16px !important; bottom: 16px !important; left:  auto !important; top: auto !important; }
.utility-top-right    { right: 16px !important; top:    16px !important; left:  auto !important; bottom: auto !important; }

/* Pokud používáš moji variantu s .utility-link (IMG uvnitř), zarovnáme ji stejně */
.utility-link{
  position: fixed !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important; height: 52px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.35) !important;
  background: rgba(255,255,255,0.92) !important;
  z-index: 9000 !important;
}
.utility--bottom-left  { left: 16px !important; bottom: 16px !important; right: auto !important; top: auto !important; }
.utility--bottom-right { right: 16px !important; bottom: 16px !important; left:  auto !important; top: auto !important; }
.utility--top-right    { right: 16px !important; top:    16px !important; left:  auto !important; bottom: auto !important; }

/* --- 2) Textový rámeček u videa: užší, delší, níž; rolování; nad bublinami --- */
/* Desktop (≥901px): ukotvi vpravo dole vedle videobubliny */
.deu-textbox{
  position: fixed !important;
  /* PŮVODNÍ video bublina: left: calc(5vw - 40px); width: 378px
     -> panel zarovnáme od pravého okraje, aby byl níž a nepřekrýval bubliny */
  right: 6vw !important;
  bottom: 8vh !important;
  width: 320px !important;          /* užší */
  max-height: 60vh !important;      /* delší (víc místa pro rolování) */
  z-index: 9000 !important;         /* nad bublinami (ty mívají 5–100) */
  background: rgba(0,0,0,0.45) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.40) !important;
  color: #e6eef8 !important;
  backdrop-filter: blur(4px) !important;
}

/* Vnitřní scroll – „roling“ */
.deu-textbox .deu-scroll{
  padding: 16px 18px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-height: 60vh !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Mobile / tablet (≤900px): panel pod bublinou, uprostřed, pořád úzký a vyšší */
@media (max-width: 900px){
  .deu-textbox{
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    bottom: 6vh !important;              /* blíž dolnímu okraji */
    width: min(92vw, 360px) !important;  /* užší než full-width */
    max-height: 50vh !important;         /* dost místa na scroll */
  }
  .deu-textbox .deu-scroll{ max-height: 50vh !important; }
}

/* Mini telefony – drobné zmenšení */
@media (max-width: 480px){
  .deu-textbox{ width: 92vw !important; }
}
/* ==== DEU: vizuál textového panelu (bez pozicování) ==== */
.deu-textbox{
  position: fixed;           /* pozici doplní JS měřením bubliny */
  z-index: 21;               /* nad bublinami (typicky 20), pod bannerem (22) */
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0,0,0,.40);
  color: #e6eef8;
  backdrop-filter: blur(4px);
}
.deu-textbox .deu-scroll{
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.55;
  overflow: auto;            /* roluje */
  -webkit-overflow-scrolling: touch;
}

/* ==== Utility grafika (bez změny souřadnic!) ==== */
.zui--utility{ background-size: cover; background-position: center; }
.zui--utility.pdf-btn     { background-image: url("/assets/img/pdf.jpg"); }
.zui--utility.contact-btn { background-image: url("/assets/img/contact.jpg"); }
.zui--utility.home-btn    { background-image: url("/assets/img/home.jpg"); }