/*
 * RadarČeska — Rail Data UX Closure v1.0.0
 */


/*
 * STATION DELAY — TRUTH FIRST
 *
 * Existing station delay JS may create its old card.
 * Keep it hidden unless the station API really confirms history.
 */

.rs-page .rdi-card.rdi-station{
    display:none;
}

html.rdu-station-delay-ready
.rs-page
.rdi-card.rdi-station{
    display:block;
}


/*
 * TRAIN DELAY GRAPH
 */

.rdu-trend{
    margin-top:12px;
    padding:12px 14px 9px;

    border:
        1px solid
        rgba(24,71,61,.09);

    border-radius:14px;

    background:
        linear-gradient(
            180deg,
            #fbfdfc,
            #f6faf8
        );
}

.rdu-trend[hidden]{
    display:none;
}

.rdu-trend-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:2px;
}

.rdu-trend-head strong{
    color:#315b50;

    font-size:11px;
    font-weight:850;
}

.rdu-trend-head span{
    color:#81928d;

    font-size:10px;
    font-weight:650;
}

.rdu-trend svg{
    display:block;

    width:100%;
    height:auto;
    max-height:170px;

    overflow:visible;
}

.rdu-zero{
    stroke:#b8c9c3;
    stroke-width:1;
}

.rdu-five{
    stroke:#d6a18f;
    stroke-width:1;

    stroke-dasharray:5 5;
}

.rdu-line{
    fill:none;

    stroke:#0b9879;
    stroke-width:3;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.rdu-dot{
    fill:#0b9879;

    stroke:#fff;
    stroke-width:2;
}

.rdu-dot.is-late{
    fill:#c55f4b;
}

.rdu-trend-foot{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:10px;

    color:#80908b;

    font-size:9px;
}

.rdu-trend-foot span:nth-child(2){
    text-align:center;
}


@media(max-width:760px){

    .rdu-trend{
        padding:
            10px
            9px
            8px;
    }

    .rdu-trend svg{
        max-height:145px;
    }

    .rdu-trend-foot{
        grid-template-columns:
            auto
            auto;
    }

    .rdu-trend-foot span:nth-child(2){
        display:none;
    }
}


/* ==========================================================================
   RADARCESKA-RAIL-DATA-UX-v1.0.1-FINAL-POLISH
   ========================================================================== */


/*
 * Keep exactly the same compact vertical rhythm used by
 * timetable -> consist.
 */
body.rc-profile-v482
[data-rc-journey-history-v2-slot]{
    margin-top:13px;
}


/*
 * Graph Pro
 */

.rdu-trend-head span{
    font-variant-numeric:
        tabular-nums;

    text-align:right;
}


.rdu-axis-label{
    fill:#879693;

    font-size:9px;
    font-weight:700;

    font-family:
        inherit;
}


.rdu-axis-label.is-five{
    fill:#ad7c28;
}


.rdu-line{
    vector-effect:
        non-scaling-stroke;
}


.rdu-dot{
    transition:
        r .12s ease,
        stroke-width .12s ease;
}


.rdu-dot.is-late{
    fill:#d59a32;
}


.rdu-dot.is-major{
    fill:#c55f4b;
}


.rdu-dot.is-latest{
    stroke:#173f46;
    stroke-width:2.7;
}


@media(max-width:760px){

    .rdu-trend-head{
        align-items:flex-start;
    }

    .rdu-trend-head span{
        max-width:58%;

        font-size:9px;
        line-height:1.3;
    }

    .rdu-axis-label{
        font-size:8px;
    }
}