/* WRAPPER */
.related-post-wrapper {
    border: 1px dashed #cc0000 !important;
    padding: 12px !important;
    margin: 24px 0 !important;
    background: #fff !important;
    border-radius: 6px !important;
}

/* TOP LABEL */
.related-top-label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #cc0000 !important;
    margin-bottom: 8px !important;
    border-left: 3px solid #cc0000 !important;
    padding-left: 8px !important;
}

/* CARD */
.related-post-card {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: #000 !important;
}

/* IMAGE DESKTOP */
.related-post-img {
    width: 120px !important;
    height: 65px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

/* TITLE */
.related-post-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* REMOVE UNDERLINE – FULL PROOF */
.related-post-card,
.related-post-card *,
.related-post-card:hover,
.related-post-card:hover *,
.related-post-card:focus,
.related-post-card:focus *,
.related-post-card:active,
.related-post-card:active * {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Prevent pseudo-element underline from theme */
.related-post-card::after,
.related-post-card::before,
.related-post-card *::after,
.related-post-card *::before {
    content: none !important;
}

/* Remove underline for all links inside wrapper */
.related-post-wrapper a {
    text-decoration: none !important;
}

/* MOBILE FIX – FULL IMAGE 16:9 */
@media (max-width: 600px) {
    .related-post-card {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .related-post-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: contain !important; /* Full thumbnail, no crop */
    }
}