/* Shared Car Rental breadcrumbs — inline in the first white content section.
   Width/alignment come from the parent section's .container-wrapper. */

.ch-cars-breadcrumbs {
    background: transparent;
}

.ch-cars-breadcrumbs--inline {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 18px;
}

.ch-cars-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 0;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    font-family: Overpass, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #5b6b75;
}

.ch-cars-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    list-style: none;
}

.ch-cars-breadcrumbs__item::marker {
    content: none;
}

.ch-cars-breadcrumbs__item:not(:last-child)::after {
    content: "›";
    margin: 0 8px;
    color: #9aadb8;
    font-weight: 400;
    speak: never;
}

.ch-cars-breadcrumbs__item a {
    color: #10374c;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.ch-cars-breadcrumbs__item a:hover,
.ch-cars-breadcrumbs__item a:focus-visible {
    color: #0a5f86;
    text-decoration: underline;
    text-underline-offset: 2px;
    outline: none;
}

.ch-cars-breadcrumbs__item a:focus-visible {
    box-shadow: 0 0 0 3px rgba(10, 95, 134, 0.25);
    border-radius: 3px;
}

.ch-cars-breadcrumbs__item [aria-current="page"] {
    color: #5b6b75;
    overflow-wrap: anywhere;
}

/* First content sections that host inline breadcrumbs */
.page-rental-cars-landing .brand-showcase--rental-cars:has(.ch-cars-breadcrumbs),
.page-cars-price-tracker .brand-showcase--rental-cars:has(.ch-cars-breadcrumbs) {
    padding-top: 22px;
}

.ch-auto-hub-list:has(> .container-wrapper > .ch-cars-breadcrumbs) {
    padding-top: 22px;
}

.ch-auto-seo-intro:has(.ch-cars-breadcrumbs) {
    padding-top: 22px;
}

body.page-rental-cars-landing section.popular-routes.cars-near-you.ch-auto-seo-intro {
    padding: 22px 0 28px;
}

.page-rental-cars-landing .brand-showcase--rental-cars:has(.ch-cars-breadcrumbs) .scroll-container .scroll-content,
.page-cars-price-tracker .brand-showcase--rental-cars:has(.ch-cars-breadcrumbs) .scroll-container .scroll-content {
    margin-top: 0;
}

.ch-auto-seo-intro {
    background: #fff;
}

body.page-rental-cars-landing section.popular-routes.cars-near-you.ch-auto-seo-intro:has(.ch-cars-breadcrumbs) {
    padding-top: 22px;
    padding-bottom: 28px;
}

.ch-auto-hub-list:has(> .container-wrapper > .ch-cars-breadcrumbs) .ch-auto-hub-list__header {
    margin-top: 0;
}

.ch-cars-breadcrumbs-host {
    padding: 22px 0 0;
    background: #fff;
}

@media (max-width: 767px) {
    .ch-cars-breadcrumbs--inline {
        padding-bottom: 16px;
    }

    .page-rental-cars-landing .brand-showcase--rental-cars:has(.ch-cars-breadcrumbs),
    .page-cars-price-tracker .brand-showcase--rental-cars:has(.ch-cars-breadcrumbs),
    .ch-auto-hub-list:has(> .container-wrapper > .ch-cars-breadcrumbs),
    .ch-auto-seo-intro:has(.ch-cars-breadcrumbs),
    body.page-rental-cars-landing section.popular-routes.cars-near-you.ch-auto-seo-intro {
        padding-top: 20px;
    }

    body.page-rental-cars-landing section.popular-routes.cars-near-you.ch-auto-seo-intro {
        padding-bottom: 24px;
    }
}