/*
 RadarCeska — Train Timetable Columns v4.3.1
 Separate passenger platform / planned track.
 Presentation only. No data semantics.
*/

/* ------------------------------------------------------------------
   DESKTOP / TABLET
   # | Station | Arrival | Departure | Platform | Track | Type
   ------------------------------------------------------------------ */

.rc-train-full-detail-v430
.rc-tdp-row.rc-tdp-columns-v431{
  display:grid;
  grid-template-columns:
    34px
    minmax(220px,1fr)
    68px
    68px
    78px
    78px
    108px;
  column-gap:6px;
  align-items:center;
}

.rc-train-full-detail-v430
.rc-tdp-platform-cell,
.rc-train-full-detail-v430
.rc-tdp-track-cell{
  min-width:0;
  color:#087b68;
  font-size:10px;
  font-weight:850;
  line-height:1.2;
  text-align:left;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.rc-train-full-detail-v430
.rc-tdp-platform-cell.is-empty,
.rc-train-full-detail-v430
.rc-tdp-track-cell.is-empty{
  color:#98a6a8;
  font-weight:700;
}

.rc-train-full-detail-v430
.rc-tdp-platform-cell.is-estimated{
  color:#087b68;
}

.rc-train-full-detail-v430
.rc-tdp-mobile-kind{
  display:none;
}

.rc-train-full-detail-v430
.rc-tdp-row.rc-tdp-columns-v431 time{
  min-width:0;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}


/* ------------------------------------------------------------------
   MOBILE
   # | Station | Arr | Dep | Platform | Track
   "Type" moves below station as secondary badge.
   ------------------------------------------------------------------ */

@media (max-width:720px){

  .rc-train-full-detail-v430
  .rc-train-data-profile-v430{
    padding-left:10px;
    padding-right:10px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-toolbar p{
    display:none;
  }

  .rc-train-full-detail-v430
  .rc-tdp-toolbar{
    flex-wrap:nowrap;
    align-items:center;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431{
    grid-template-columns:
      16px
      minmax(96px,1fr)
      38px
      38px
      32px
      32px;
    column-gap:3px;
    min-height:52px;
    padding-left:6px;
    padding-right:6px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431.rc-tdp-table-head{
    min-height:38px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-table-head > span{
    min-width:0;
    font-size:6.2px;
    line-height:1.15;
    letter-spacing:.04em;
    white-space:nowrap;
  }

  .rc-train-full-detail-v430
  .rc-tdp-table-head
  .rc-tdp-platform-head,
  .rc-train-full-detail-v430
  .rc-tdp-table-head
  .rc-tdp-track-head{
    text-align:center;
  }

  .rc-train-full-detail-v430
  .rc-tdp-type-head,
  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431 >
  .rc-tdp-kind{
    display:none;
  }

  .rc-train-full-detail-v430
  .rc-tdp-station{
    min-width:0;
    padding-right:3px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-station > a,
  .rc-train-full-detail-v430
  .rc-tdp-station > b{
    display:block;
    min-width:0;
    font-size:9.5px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .rc-train-full-detail-v430
  .rc-tdp-mobile-kind{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin-top:3px;
    padding:2px 5px;
    border-radius:999px;
    background:#eef7f4;
    color:#66817c;
    font-size:6.2px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.is-pass
  .rc-tdp-mobile-kind,
  .rc-train-full-detail-v430
  .rc-tdp-row.is-technical
  .rc-tdp-mobile-kind{
    background:#f2f5f4;
    color:#859294;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431 time{
    min-width:0;
    font-size:8px;
    line-height:1;
    text-align:center;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-cell,
  .rc-train-full-detail-v430
  .rc-tdp-track-cell{
    min-width:0;
    font-size:8px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-cell.is-estimated{
    font-size:7.7px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-pos{
    font-size:7px;
    text-align:left;
  }
}


/* Very narrow iPhones / small Androids. */
@media (max-width:380px){

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431{
    grid-template-columns:
      14px
      minmax(88px,1fr)
      35px
      35px
      29px
      29px;
    column-gap:2px;
    padding-left:5px;
    padding-right:5px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-table-head > span{
    font-size:5.8px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431 time{
    font-size:7.4px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-cell,
  .rc-train-full-detail-v430
  .rc-tdp-track-cell{
    font-size:7.4px;
  }
}


/* ================================================================
   RadarCeska — Train Timetable Columns v4.3.2
   FINAL MOBILE SIX-COLUMN CONTRACT
   # | Station | Arr | Dep | Platform | Track
   ================================================================ */

@media (max-width:720px){

  .rc-train-full-detail-v430
  .rc-tdp-table{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;

    grid-template-columns:
      14px
      minmax(0,1fr)
      36px
      36px
      31px
      31px;

    column-gap:3px;
    padding-left:6px;
    padding-right:6px;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > *{
    min-width:0;
    box-sizing:border-box;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-head,
  .rc-train-full-detail-v430
  .rc-tdp-track-head,
  .rc-train-full-detail-v430
  .rc-tdp-platform-cell,
  .rc-train-full-detail-v430
  .rc-tdp-track-cell{
    display:block;
    visibility:visible;
    opacity:1;
    text-align:center;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-head,
  .rc-train-full-detail-v430
  .rc-tdp-track-head{
    overflow:visible;
    text-overflow:clip;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-cell,
  .rc-train-full-detail-v430
  .rc-tdp-track-cell{
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .rc-train-full-detail-v430
  .rc-tdp-type-head,
  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-kind{
    display:none;
  }
}

@media (max-width:380px){

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431{
    grid-template-columns:
      13px
      minmax(0,1fr)
      34px
      34px
      29px
      29px;

    column-gap:2px;
    padding-left:5px;
    padding-right:5px;
  }
}


/* ================================================================
   RadarCeska — Train Timetable v4.3.3
   Explicit mobile grid ownership.
   Empty Platform remains a real cell, so Track can never shift left.
   ================================================================ */

@media (max-width:720px){

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-pos{
    grid-column:1;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-station{
    grid-column:2;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-platform-cell,
  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-platform-head{
    grid-column:5;
    display:block;
    visibility:visible;
  }

  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-track-cell,
  .rc-train-full-detail-v430
  .rc-tdp-row.rc-tdp-columns-v431
  > .rc-tdp-track-head{
    grid-column:6;
    display:block;
    visibility:visible;
  }

  .rc-train-full-detail-v430
  .rc-tdp-platform-cell,
  .rc-train-full-detail-v430
  .rc-tdp-track-cell{
    min-width:0;
    overflow:visible;
    text-overflow:clip;
  }

  .rc-train-full-detail-v430
  .rc-tdp-table-head
  .rc-tdp-platform-head,
  .rc-train-full-detail-v430
  .rc-tdp-table-head
  .rc-tdp-track-head{
    overflow:visible;
    white-space:nowrap;
  }
}