/* Shared by product-details.ejs and Model-details.ejs:
   the visible breadcrumb and the compact trust-badge row. */

/* ── Breadcrumb (mirrors the BreadcrumbList JSON-LD) ── */
.page-breadcrumb {
    padding: 0.75rem 5%;
    font-size: 0.9rem;
    line-height: 1.4;
}

.page-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-breadcrumb li + li::before {
    content: "/";
    margin: 0 0.5rem;
    color: #8a8fa8;
}

.page-breadcrumb a {
    color: var(--primary-Color, #293C95);
    text-decoration: none;
}

.page-breadcrumb a:hover,
.page-breadcrumb a:focus-visible {
    text-decoration: underline;
}

.page-breadcrumb [aria-current="page"] {
    color: #4a4a4a;
}

/* ── Trust badges (same claims and strings as the request-a-quote page) ── */
.trust-badges {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--primary-Color, #293C95);
}

.trust-badges li {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.trust-badges__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 0.2rem;
    border: 1.5px solid currentColor;
    font-size: 0.7rem;
    font-weight: 800;
}

/* Product page: a light strip directly under the hero. */
.trust-strip {
    padding: 1rem 5%;
    background: #F2F2FF;
}

/* Model page: under the quote / WhatsApp buttons. */
.model-info .trust-badges {
    margin-top: 1.25rem;
}

/* Model page: "Download Catalog", next to the quote button. Same size as
   .btn-quote (Model-details.css), outlined so the quote stays the main CTA. */
.btn-catalog {
    display: inline-block;
    padding: 12px 26px;
    border: 2px solid var(--primary-Color, #293C95);
    border-radius: 4px;
    background: #fff;
    color: var(--primary-Color, #293C95);
    font-weight: 700;
    text-decoration: none;
}

.btn-catalog:hover,
.btn-catalog:focus-visible {
    background: #F2F2FF;
}

/* Phones: keep the quote and catalog buttons on one row, side by side. */
@media (max-width: 600px) {
    .model-cta-row {
        gap: 0.75rem 1rem;
    }

    .model-cta-row .btn-quote {
        padding: 14px 20px;
    }

    .model-cta-row .btn-catalog {
        padding: 12px 18px;
    }
}