/**
 * Listing covers (post-types/opportunities/cover.php): logos are shown whole on a tinted panel instead of being
 * cropped into the wide card frame; listings without an image show the organisation initials. Banners keep
 * the frame styles of each page.
 */
.card-img-wrap.is-logo,
.card-img-wrap.is-none,
.startup-opportunity-image.is-logo,
.bambu-page .opportunity-image-wrapper.is-logo,
.bambu-detail-page .rel-card-img.is-logo,
.bambu-detail-page .rel-card-img.is-none,
.bambu-detail-page .showcase-frame.is-logo,
.account-saved-thumb.is-logo,
.account-saved-thumb.is-none {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(67, 178, 99, 0.12), transparent 60%),
        radial-gradient(120% 90% at 100% 100%, rgba(59, 122, 181, 0.12), transparent 60%),
        #f6f8fb;
}

/* White or pale logos on a transparent background: dark panel in the header navy. */
.card-img-wrap.is-logo-light,
.startup-opportunity-image.is-logo-light,
.bambu-page .opportunity-image-wrapper.is-logo-light,
.bambu-detail-page .rel-card-img.is-logo-light,
.bambu-detail-page .showcase-frame.is-logo-light,
.account-saved-thumb.is-logo-light {
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(67, 178, 99, 0.18), transparent 60%),
        radial-gradient(120% 90% at 100% 100%, rgba(59, 122, 181, 0.22), transparent 60%),
        linear-gradient(135deg, #0f1b2d 0%, #13324a 100%);
}

.bambu-detail-page .showcase-frame.is-logo-light {
    border-color: #13324a;
}

/* Logo: whole, centred, never enlarged past a comfortable size. */
.card-img-wrap.is-logo .card-img,
.startup-opportunity-image.is-logo > img,
.bambu-detail-page .rel-card-img.is-logo img,
.bambu-detail-page .showcase-frame.is-logo .showcase-img {
    width: auto;
    height: auto;
    max-width: 62%;
    max-height: 62%;
    object-fit: contain;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
}

/* Home cards draw the image as a background. */
.bambu-page .opportunity-image-wrapper.is-logo > div:first-child {
    flex: none;
    align-self: center;
    width: 62%;
    height: 62%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Detail page: a logo gets a shorter panel than a photo. */
.bambu-detail-page .showcase-frame.is-logo {
    height: 220px;
    border: 1px solid #eef2f6;
    border-radius: 12px;
}

.bambu-detail-page .showcase-frame.is-logo .showcase-img {
    max-height: 55%;
}

/* No image: initials. */
.card-monogram,
.account-saved-thumb.is-none span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 20px;
    background: linear-gradient(135deg, #43b263 0%, #3b7ab5 100%);
    color: #ffffff;
    font: 700 26px/1 "Manrope", sans-serif;
    letter-spacing: 0.5px;
    box-shadow: 0 10px 24px -12px rgba(59, 122, 181, 0.6);
}

/* Saved list thumbnail (72 × 56). */
.account-saved-thumb.is-logo,
.account-saved-thumb.is-none {
    width: 72px;
    height: 56px;
    border-radius: 10px;
    flex: none;
}

.account-saved-thumb.is-logo img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
    border-radius: 0;
}

.account-saved-thumb.is-none span {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 14px;
    box-shadow: none;
}