/* Showcase (public): the partners strip, testimonial fallback initial, FAQ group heading, album tiles
   and pager, and the gallery page's photo grid. Tokens only (var(--bfau-*), no fallback literals: the
   StyleRules architecture test bans any colour literal anywhere in this file), logical properties only
   (CLAUDE.md §11/§12); mirrors Bfau.Events.Web.Public/css/events-public.css's structure so the public
   site reads as one system. */

.bfau-partner-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 4rem;
    inline-size: 100%;
    filter: grayscale(20%);
    opacity: 0.85;
    transition: opacity 0.15s ease-in-out, filter 0.15s ease-in-out;
}

.bfau-partner-logo:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.bfau-partner-logo img {
    max-inline-size: 100%;
    max-block-size: 4rem;
    object-fit: contain;
}

.bfau-partner-logo-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: 1px dashed var(--bfau-border);
    border-radius: var(--bfau-radius);
    color: var(--bfau-text-muted);
    font-weight: 600;
}

.bfau-testimonial-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 3.5rem;
    block-size: 3.5rem;
    border-radius: 50%;
    background-color: var(--bfau-primary);
    color: var(--bfau-on-primary);
    font-weight: 700;
    font-size: 1.25rem;
}

.bfau-faq-group-title {
    margin-block-end: 1rem;
}

.bfau-album-tile {
    display: block;
    position: relative;
}

/* No cover photo: the same designed gradient placeholder as every other card without a picture
   (templates.css .bfau-card-placeholder), not a flat tint. */
.bfau-album-tile-fallback {
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--bfau-primary) 18%, var(--bfau-surface)), color-mix(in srgb, var(--bfau-dark-section) 22%, var(--bfau-surface)));
    color: var(--bfau-primary-text);
}

.bfau-album-tile-caption {
    display: block;
    padding-block-start: 0.5rem;
    color: var(--bfau-heading);
    font-weight: 600;
}

.bfau-album-tile-caption small {
    display: block;
    color: var(--bfau-text-muted);
    font-weight: 400;
}

/* The album page's related-link button (its own paragraph, so the default-btn keeps its normal
   inline sizing instead of stretching to the reading column's width). */
.bfau-album-related-link {
    margin-block: 0.5rem 1.5rem;
}