/* ===== LAYOUTS/TRANSPORT.CSS ===== */
/* Transport/vehicle logbook layouts */

/* Transport tools toolbar */
.transport-tools {
    margin: 16px 0 22px;
}

/* Transport log intro/block styling */
.transport-log-intro,
.transport-log-entry-shell,
.transport-log-block {
    border: 1px solid var(--border);
    background: var(--bg-secondary);
}

.transport-log-intro {
    padding: 16px 18px;
    margin-bottom: 20px;
}

.transport-log-intro p,
.transport-log-vehicle-summary,
.transport-log-hero-summary,
.transport-log-entry-summary {
    margin: 0;
    color: var(--text-secondary);
}

/* Vehicle/Event grids */
.transport-log-vehicle-grid,
.transport-log-feed {
    display: grid;
    gap: 18px;
}

.transport-log-vehicle-card,
.transport-log-entry-card {
    display: grid;
    gap: 16px;
    border: 1px solid var(--border);
    background: var(--bg-secondary);
}

.transport-log-vehicle-card {
    grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
}

/* Media elements */
.transport-log-vehicle-cover img,
.transport-log-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
    margin: 0;
}

/* Body sections */
.transport-log-vehicle-body,
.transport-log-hero-copy,
.transport-log-entry-card,
.transport-log-entry-shell {
    padding: 16px 18px;
}

/* Kicker label */
.transport-log-kicker {
    font-size: 10px;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* Headings */
.transport-log-vehicle-body h2,
.transport-log-entry-title,
.transport-log-block h2 {
    margin: 0;
}

.transport-log-vehicle-body h2 a,
.transport-log-entry-title a {
    color: var(--text-primary);
    text-decoration: none;
}

.transport-log-vehicle-body h2 a:hover,
.transport-log-entry-title a:hover {
    color: var(--accent);
}

/* Headline/description */
.transport-log-vehicle-headline {
    margin: 0;
    color: var(--text-muted);
}

/* Chip/Stat/Action rows */
.transport-log-chip-row,
.transport-log-stat-row,
.transport-log-actions,
.transport-log-entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.transport-log-actions {
    margin-top: 2px;
}

/* Hero card */
.transport-log-hero {
    display: grid;
    grid-template-columns: minmax(220px, 420px) minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 22px;
    border: 1px solid var(--border);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--accent) 8%, var(--bg-secondary)) 0%,
        color-mix(in srgb, var(--bg-secondary) 72%, transparent) 100%
    );
}

/* Entry card variant (single column) */
.transport-log-entry-card {
    grid-template-columns: 1fr;
}

/* Service list */
.transport-log-service-list {
    margin: 0;
    padding-left: 18px;
}

.transport-log-service-list li + li {
    margin-top: 6px;
}

/* Wide meta bar */
.transport-log-entry-meta-wide {
    margin-bottom: 14px;
}

/* Log block */
.transport-log-block {
    padding: 16px 18px;
    margin: 18px 0;
}

/* Entry body spacing */
.transport-log-entry-body > :first-child {
    margin-top: 0;
}

.transport-log-entry-body > :last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 600px) {
    .transport-log-vehicle-card,
    .transport-log-hero {
        grid-template-columns: 1fr;
    }

    .transport-log-vehicle-cover img,
    .transport-log-hero-media img {
        max-height: 220px;
    }
}