/* css/via.css — VIA Rail Trip Extractor specific styles */

/* ═══════════════════════════════════════════════════
   VIA Rail Trip Extractor styles
═══════════════════════════════════════════════════ */

/* Direction badge colours */
.via-dir-away { background-color: var(--via-away); color: #fff; }
.via-dir-home { background-color: var(--via-home); color: #fff; }
.via-dir-turn { background-color: var(--via-turn); color: #fff; }
.via-dir-dh   { background-color: var(--via-dh);   color: #fff; }

/* Confirmation cards — big tap targets */
.via-confirm-card {
    border: 2px solid var(--via-accent);
    border-radius: var(--card-radius);
    transition: border-color .15s;
}
.via-confirm-card:hover { border-color: var(--via-accent-hover); }

.via-tap-btn {
    min-width: 120px;
    padding: .45rem .9rem;
    font-size: .85rem;
    border-radius: 8px;
    font-weight: 600;
}

.btn-via-away { background: var(--via-away); color: #fff; border-color: var(--via-away); }
.btn-via-away:hover { background: var(--via-away-hover); border-color: var(--via-away-hover); color: #fff; box-shadow: 0 2px 10px rgba(220,38,38,0.3); }
.btn-via-home { background: var(--via-home); color: #fff; border-color: var(--via-home); }
.btn-via-home:hover { background: var(--via-home-hover); border-color: var(--via-home-hover); color: #fff; box-shadow: 0 2px 10px rgba(22,163,74,0.3); }
.btn-via-turn { background: var(--via-turn); color: #fff; border-color: var(--via-turn); }
.btn-via-turn:hover { background: var(--via-turn-hover); border-color: var(--via-turn-hover); color: #fff; box-shadow: 0 2px 10px rgba(124,58,237,0.3); }
.btn-via-dh   { background: var(--via-dh); color: #fff; border-color: var(--via-dh); }
.btn-via-dh:hover   { background: var(--via-dh-hover); border-color: var(--via-dh-hover); color: #fff; box-shadow: 0 2px 10px rgba(100,116,139,0.3); }

/* Round-trip cards */
.via-rt-card {
    border-radius: var(--card-radius);
    border-left: 4px solid var(--via-rt-leftborder);
}
.via-rt-unconfirmed {
    border-left-color: var(--via-accent);
    background-color: rgba(232,145,12,.04);
}

/* Individual leg box inside a round-trip card */
.via-leg-box {
    background: rgba(0,0,0,.03);
    border-radius: 8px;
    padding: .6rem .8rem;
    height: 100%;
}
.dark-mode .via-leg-box { background: rgba(255,255,255,.06); }

/* Single / standalone trip cards */
.via-single-card { border-radius: var(--btn-radius); }
.via-dh-card { opacity: .75; background: rgba(127,140,141,.06); }

/* Mini edit buttons */
.btn-xs {
    font-size: .72rem;
    padding: .18rem .45rem;
    line-height: 1.4;
    border-radius: var(--btn-radius);
}
.via-mini-btn {
    background: rgba(0,0,0,.06);
    border: 1px solid rgba(0,0,0,.15);
    color: inherit;
}
.via-mini-btn:hover { background: rgba(0,0,0,.12); color: inherit; }
.dark-mode .via-mini-btn { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); }
.dark-mode .via-mini-btn:hover { background: rgba(255,255,255,.18); }