/* V18 — compact related Appeal/Campaign cards in detail sidebars */

/* Keep the related list visually light and stop legacy full-width buttons/tall badges. */
.route-appeals-show .appeal-related-sidebar .related-campaign-card,
.route-campaigns-show .campaign-sidebar .related-campaign-card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
    min-height: 86px !important;
    margin-bottom: 9px !important;
    border-radius: 11px !important;
}

.route-appeals-show .appeal-related-sidebar .related-campaign-img,
.route-campaigns-show .campaign-sidebar .related-campaign-img {
    width: 86px !important;
    min-height: 86px !important;
    height: 86px !important;
}

.route-appeals-show .appeal-related-sidebar .related-campaign-img img,
.route-campaigns-show .campaign-sidebar .related-campaign-img img {
    min-height: 86px !important;
    height: 86px !important;
}

.route-appeals-show .appeal-related-sidebar .related-campaign-img .tag,
.route-campaigns-show .campaign-sidebar .related-campaign-img .tag {
    top: 7px !important;
    bottom: auto !important;
    left: 7px !important;
    right: auto !important;
    width: auto !important;
    max-width: calc(100% - 14px) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
}

.route-appeals-show .appeal-related-sidebar .related-campaign-body,
.route-campaigns-show .campaign-sidebar .related-campaign-body {
    padding: 8px 10px !important;
    justify-content: center !important;
}

.route-appeals-show .appeal-related-sidebar .related-campaign-body h4,
.route-campaigns-show .campaign-sidebar .related-campaign-body h4 {
    margin-bottom: 5px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}

.route-appeals-show .appeal-related-sidebar .related-donate-btn,
.route-campaigns-show .campaign-sidebar .related-donate-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: 118px !important;
    min-width: 70px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin-top: 1px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html[dir="rtl"] .route-appeals-show .appeal-related-sidebar .related-campaign-img .tag,
html[dir="rtl"] .route-campaigns-show .campaign-sidebar .related-campaign-img .tag {
    left: auto !important;
    right: 7px !important;
}

@media (max-width: 575.98px) {
    .route-appeals-show .appeal-related-sidebar .related-campaign-card,
    .route-campaigns-show .campaign-sidebar .related-campaign-card {
        grid-template-columns: 80px minmax(0, 1fr) !important;
        min-height: 80px !important;
    }

    .route-appeals-show .appeal-related-sidebar .related-campaign-img,
    .route-campaigns-show .campaign-sidebar .related-campaign-img,
    .route-appeals-show .appeal-related-sidebar .related-campaign-img img,
    .route-campaigns-show .campaign-sidebar .related-campaign-img img {
        width: 80px !important;
        height: 80px !important;
        min-height: 80px !important;
    }
}