/* 2025 JUL 24 : Cut & Paste CSS to New File Created */

/* ===================================================================================================================================================================================
=======      ===        =====  =====        ==    ====    ====  =======  =========     ======  =====  ========  =========      ===========   ======      ======   =====         ======
======  ====  =====  =======    =======  ======  ====  ==  ===   ======  ========  ===  ====    ====  ========  ========  ====  ========   =   ===   ==   ===   =   ===  =============
======  ====  =====  ======  ==  ======  ======  ===  ====  ==    =====  =======  =========  ==  ===  ========  ========  ====  =======   ===   ==  ====  ==   ===   ==  =============
=======  ==========  =====  ====  =====  ======  ===  ====  ==  ==  ===  =======  ========  ====  ==  ========  =========  =================   ===  ====  =======   ===  =    ========
=========  ========  =====  ====  =====  ======  ===  ====  ==  ===  ==  =======  ========  ====  ==  ========  ===========  ==============   ====  ====  ======   ====   ===  =======
===========  ======  =====        =====  ======  ===  ====  ==  ====  =  =======  ========        ==  ========  =============  ===========   =====  ====  =====   =====  =====  ======
======  ====  =====  =====  ====  =====  ======  ===  ====  ==  =====    =======  ========  ====  ==  ========  ========  ====  =========   ======  ====  ====   =============  ======
======  ====  =====  =====  ====  =====  ======  ====  ==  ===  ======   ========  ===  ==  ====  ==  ========  ========  ====  ========   =======   ==   ===   =======  ====  =======
=======      ======  =====  ====  =====  =====    ====    ====  =======  =========     ===  ====  ==        ==        ===      ========        ====      ===        =====     ========
=================================================================================================================================================================================== */
.station-calls-2025 {
    anchor-name: --station-calls, --pid-data-attribution;
    width:min(340px, 90%);
    margin:auto;
    padding-inline:1rem 0;
    padding-block: 1rem calc(var(--rfs-1)*1.6);

    display: grid;
    grid-template-columns: [notes-start station-start] 1fr [station-end arrive-start] 5rem [arrive-end depart-start] 5rem [depart-end status-start] 3.4rem [status-end notes-end];
    column-gap: 4px;
    align-items:center;
    justify-items:center;

    line-height: 1.4;
    font-size: var(--rfs-3);

    background:var(--ldb-board);
    color:var(--ldb-text);
    border: 1px solid hsl(from currentColor h s l /0.2);
    border-radius: 1px;
}
.pid-train:has(header.future) > .station-calls-2025 {
    grid-template-columns: [notes-start station-start] 1fr [station-end arrive-start] 5rem [arrive-end depart-start] 5rem [depart-end status-start] 0.5rem [status-end notes-end];
}
.pid-train:has(header.future) .status {
    display: none;
}
.station-calls-2025 > header {
    position: relative;
}
.station-calls-2025 > li {display:contents;}
.station-calls-2025 > li > * {
    width:100%;
}
/* .activity also provides for a full width border/margin spacer */
.station-calls-2025 .activity {
    grid-column: 1/-1;
    padding-left:var(--rfs-2);
    font-family: sans-serif;
    font-variant: normal;
    font-size: var(--rfs-1);
    /* border-bottom:1px dashed hsl(from currentColor h s l /0.2); */
    margin-bottom: calc(var(--rfs-1)/2);
}
.station-calls-2025 station-name {
    grid-column:station;
    font-size:var(--rfs-3);
    width:100%;
    text-align:left;
}
.station-calls-2025 tiploc-desc {
    grid-column:station;
    font-size:var(--rfs-3);
    width:100%;
    text-align:left;
}

.station-calls-2025 > li > time {
    font-size:87.5%;
    text-align:right;
}
.station-calls-2025 .arrive {grid-column:arrive;}
.station-calls-2025 .depart {grid-column:depart;}
.station-calls-2025 .status {grid-column:status;}
.station-calls-2025 > li > time::before {
    content: 'd';
    font-variant: normal;
    opacity: 0.4;
    font-size: 75%;
    margin-right: 0.1rem;
}
.station-calls-2025 > li > time.arrive::before {
    content: 'a';
}
.station-calls-2025 li > .collapse {
    color: var(--ldb-board);
}

/* 2025 JUL 23 : Different Calling Pattern Display Styles */
.station-calls-2025.journey > li.previous,
.station-calls-2025.journey > li.subsequent {
    display:none;
}
.station-calls-2025.all-stops > li.previous,
.station-calls-2025.all-stops > li.subsequent {
    color:hsl(from currentColor h s l /0.4);
    /* =^.^=ALPHA 2025 MAY 30 : Try smaller font-size for extra station stops */
    --rfs-3:1.4rem;
    font-size:var(--rfs-3);
}
.station-calls-2025:not(.tiplocs) > li.pass {
    display:none;
}
.station-calls-2025 > li.pass > * {
    font-size:77.5%;
    opacity:0.5;
    /* padding-inline-start: 2.5rem; */
}
/* CALLING PATTERN as list of Stations */
.station-calls-2025.calls-listed {
    display: inline-block;
    border: unset;
    font-size: var(--rfs-1);
    text-align: left;
}
.station-calls-2025.calls-listed::before {
    content: 'Calling at: ';
}
.station-calls-2025.calls-listed > * > * {
    display:none;   /* hide all calls*/
}
.station-calls-2025.calls-listed station-name {
    font-family: sans-serif;
    font-size: var(--rfs-1a);
}
.station-calls-2025.calls-listed > .on-board+.on-board > station-name {
    display: inline; /* show on-board journey stations */
}
.station-calls-2025.calls-listed station-name::after {
    content: ', ';
}
.station-calls-2025.calls-listed > .alight > station-name::before {
    content: ' and ';
}
.station-calls-2025.calls-listed > .alight > station-name::after {
    content: '.';
}
/* Only one calling point */
.station-calls-2025.calls-listed > .joinat+.alight > station-name::before {content: '';}
.station-calls-2025.calls-listed > .joinat+.alight > station-name::after {content: ' only.';}
/* old below */
/* body:not(.train) .station-calls-2025.default > li.previous,
body:not(.train) .station-calls-2025.default > li.subsequent {
    display:none;
} */
/* body.train .station-calls-2025.default > li.previous,
body.train .station-calls-2025.default > li.subsequent,
.station-calls-2025.all-stops > li.previous,
.station-calls-2025.all-stops > li.subsequent {
    color:hsl(from currentColor h s l /0.4);
    --rfs-3:1.2rem;
    font-size:var(--rfs-3);
} */
/* .station-calls-2025 li:first-child > *,
.station-calls-2025 li.previous > *,
.station-calls-2025 > li.previous+li.ontrain > * {
    display: none;
} */
/* on-time | delay (minutes) | cancelled */
.station-calls-2025 > li > .status {
    min-width: fit-content;
    font-family: sans-serif;
    font-size:75%;
    text-align:center;
    padding:2px;
    border-radius: 2px;
}
.station-calls-2025 > li > .status.on-time {
    color: hsl(from var(--ldb-ontime) h s l);
}
.station-calls-2025 > li > .status.early {
    color: hsl(from var(--ldb-ontime) h s l);
    filter: brightness(1.5) saturate(1.5);
}
.station-calls-2025 > li > .status.late {
    background: var(--color-late);
    /* color: var(--white); */
}
.station-calls-2025 > li > .status.delayed {
    background: var(--color-delayed);
    color: var(--white);
}
.station-calls-2025 > li > .status.cancelled {
    font-family: 'Noto Emoji', emoji;
    background: var(--color-cancelled);
}
.station-calls-2025 > li > .status.at-platform,
.station-calls-2025 > li > .status.delayed.unknown {
        font-size: calc(var(--rfs-1)*.8);
}