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

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

/* Direction badge colours */
.via-dir-away { background-color: #e74c3c; color: #fff; }
.via-dir-home { background-color: #27ae60; color: #fff; }
.via-dir-turn { background-color: #8e44ad; color: #fff; }
.via-dir-dh   { background-color: #7f8c8d; color: #fff; }

/* Confirmation cards — big tap targets */
.via-confirm-card {
    border: 2px solid #f39c12;
    border-radius: 10px;
    transition: border-color .15s;
}
.via-confirm-card:hover { border-color: #e67e22; }

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

.btn-via-away { background: #e74c3c; color: #fff; border-color: #e74c3c; }
.btn-via-away:hover { background: #c0392b; border-color: #c0392b; color: #fff; }
.btn-via-home { background: #27ae60; color: #fff; border-color: #27ae60; }
.btn-via-home:hover { background: #219a52; border-color: #219a52; color: #fff; }
.btn-via-turn { background: #8e44ad; color: #fff; border-color: #8e44ad; }
.btn-via-turn:hover { background: #7d3c98; border-color: #7d3c98; color: #fff; }
.btn-via-dh   { background: #7f8c8d; color: #fff; border-color: #7f8c8d; }
.btn-via-dh:hover { background: #626567; border-color: #626567; color: #fff; }

/* Round-trip cards */
.via-rt-card {
    border-radius: 10px;
    border-left: 4px solid #3498db;
}
.via-rt-unconfirmed {
    border-left-color: #f39c12;
    background-color: rgba(243,156,18,.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: 8px; }
.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: 5px;
}
.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); }