/*
for add_shortcode('related_posts', 'related_posts_by_ids_shortcode');
*/

.related-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* space between columns */
}

.related-posts-wrapper article.related-post {
    width: 32%;
    box-sizing: border-box;
}

.related-post-media img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Responsive: 2 columns for tablets */
@media screen and (max-width: 1024px) {
    .related-posts-wrapper article.related-post {
        width: 50%;
    }
}

/* Responsive: 1 column for mobile */
@media screen and (max-width: 480px) {
    .related-posts-wrapper article.related-post {
        width: 100%;
    }
}

/*
for [spanlinks ids="rar1,rar1" href="https://example.com" class="internal_link"]
*/

.internal_link {
	background: #7f867f;
	/* padding-left: 10px; */
	padding: 5px;
}

/* - - corrected be me from main style  --  - */

p {
    margin: 0 0 10px!important;
}

ul, ol {
    margin: 0px 0 10px 30px!important;
}