/*
 * akvarelatedcategories -- front-office styling (Hummingbird-native).
 *
 * The internal-link blocks are DE-EMPHASISED (small, muted, low) so they read as a discreet
 * footer to humans, while staying fully visible + crawlable for search engines. They are NOT
 * hidden: display:none / 1px / colour-on-background on internal links is cloaking and risks a
 * manual penalty. Uses Bootstrap-5 / Hummingbird CSS variables so it inherits the theme.
 */
.akva-rc {
    margin: 1.5rem 0 0.5rem;
    padding-top: 0.875rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.akva-rc__title {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    /* explicit muted grey that clears WCAG AA (~5.3:1 on white); the theme's
       --bs-secondary-color (#6c757d) is ~4.48:1 and falls just under 4.5:1. */
    color: #5a6268;
    margin: 0 0 0.4rem;
}

.akva-rc__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 0.85rem;
}

.akva-rc__item {
    margin: 0;
    position: relative;
}

/* a thin separator dot between inline links, theme-muted */
.akva-rc__item + .akva-rc__item::before {
    content: "";
    position: absolute;
    left: -0.46rem;
    top: 50%;
    width: 3px;
    height: 3px;
    margin-top: -1.5px;
    border-radius: 50%;
    background: var(--bs-border-color, #ced4da);
}

.akva-rc__link {
    color: #5a6268;            /* WCAG AA on white (~5.3:1); see .akva-rc__title note */
    text-decoration: none;
}

.akva-rc__link:hover,
.akva-rc__link:focus {
    color: var(--bs-primary, #0b69f6);
    text-decoration: underline;
}

/* The product-page variant sits at the very bottom of the product column. */
.akva-rc--product {
    margin-top: 1.25rem;
}