/* ================================================================
   VNCK Mobile Fixes - pridat na konec style.css
   ================================================================ */

/* ---------------------------------------------------------------
   BUG 1: Mapa nezabira celou vysku displeje na mobilu
   --------------------------------------------------------------- */
@media (max-width: 960px) {
  .panel-map {
    height: calc(100dvh - 64px);
    min-height: 0;
  }
  .panel-map.tab-visible {
    display: flex;
    height: calc(100dvh - 64px);
  }
  #map-canvas {
    flex: 1;
    height: 100% !important;
    min-height: 0;
  }
}

/* ---------------------------------------------------------------
   BUG 2: Horni lista zakryva nadpis Itinerary
   --------------------------------------------------------------- */
@media (max-width: 960px) {
  body.has-header .panel-chat,
  body.has-header .panel-itin {
    top: var(--header-h) !important;
    bottom: 64px;
    height: auto;
  }
  .itin-header {
    scroll-margin-top: var(--header-h);
  }
  .panel-chat,
  .panel-itin {
    top: 0;
    bottom: 64px;
    height: auto;
  }
}

/* ---------------------------------------------------------------
   BUG 3: Klavesnice autofocus jen na desktopu
   --------------------------------------------------------------- */
@media (pointer: coarse) {
  .landing-textarea:not(:focus),
  .chat-textarea:not(:focus) {
    caret-color: transparent;
  }
}

/* ---------------------------------------------------------------
   BUG 4: Day accordion - spatna reakce na dotyk (touch-action fix)
   touch-action:manipulation eliminuje 300ms delay
   user-select:none brani nechtene selekci textu pri tapnuti
   --------------------------------------------------------------- */
@media (pointer: coarse) {
  .day-header {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(212, 98, 42, 0.08);
    user-select: none;
    -webkit-user-select: none;
    padding: 16px 18px;
    min-height: 52px;
  }
  .day-header .day-toggle,
  .day-header .day-badge {
    pointer-events: none;
  }
}

/* ---------------------------------------------------------------
   BUG 5: Day card hover transform causes scroll capture conflict
   transform:translateY creates compositing layer that can block
   mouse wheel propagation to .panel-itin scroll container.
   Fix: use box-shadow only for hover feedback, no transform.
   --------------------------------------------------------------- */
.day-card:hover {
  transform: none !important;
  box-shadow: 0 6px 28px rgba(26,22,18,.12) !important;
}

/* Also ensure day-header click area is never blocked */
.day-header {
  position: relative;
  z-index: 1;
}