/* ============================================================
   Content Fare Table Section (stateContent.blade.php)
   ============================================================ */

.huc-content-faretable {
    padding: 1.5rem 0 2.5rem;
}

.huc-content-faretable-wrap {
    border: 1px solid var(--huc-outline-stroke);
    border-radius: 16px;
    background-color: var(--huc-white-clr);
    box-shadow: 0 4px 14px rgba(var(--huc-blue-rgb), 0.05);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.huc-content-faretable-row {
    display: grid;
    grid-template-columns: 1.15fr 1.6fr 0.85fr 0.75fr 0.75fr;
    align-items: center;
    gap: 1rem;
    min-width: 720px;
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid var(--huc-outline-stroke);
}

.huc-content-faretable-row:last-child {
    border-bottom: none;
}

.huc-content-faretable-row--head {
    padding: 0.9rem 1.5rem;
    background-color: var(--huc-lightGray-clr);
}

.huc-content-faretable-row--head .huc-content-faretable-col {
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--huc-blue-clr);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.huc-content-faretable-col--type strong {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--huc-darkGray-clr);
    letter-spacing: 0.01em;
}

.huc-content-faretable-col--model {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--huc-gray-clr);
}

.huc-content-faretable-col--rate,
.huc-content-faretable-col--fare,
.huc-content-faretable-col--included {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--huc-darkGray-clr);
}

.huc-content-faretable-col--action {
    text-align: right;
}

.huc-content-faretable-link {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--huc-accent-clr);
    text-decoration: none;
    white-space: nowrap;
}

.huc-content-faretable-link:hover {
    color: var(--huc-orange-clr);
    text-decoration: underline;
}