/*
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: 5px;
	color: #ffb300;
	margin-left: 3px;
	margin-right: 3px;
}
.internal_link:hover {
	background: #9ecaf0;
	color: white;
}

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

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

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


/*  - -  -table data -     - - - */
    
    .table_cap{
        background: #d3dbdf; 
        text-align: center;
    }
    

    
    table {
        border: 0px solid;
        border-collapse: separate!important;
        border-spacing: 2px!important;
    }
    
    td, td {
        border: 1px solid lightgrey!important;
        border-radius: 5px;
        padding: 3px;
        padding-left: 8px;
        color: #6a5e5e;
        padding-right: 8px;
    }



/* - - - pagination - - - - */

.navigation.pagination{
display:flex;
justify-content:center;
margin:50px 0;
}

.navigation.pagination .nav-links{
display:flex;
gap:3px;
align-items:center;
}

/* square buttons */
.navigation.pagination .page-numbers{

width:42px;
height:42px;

display:flex;
align-items:center;
justify-content:center;

font-weight:600;
font-size:15px;

text-decoration:none;
color:#374151;

background:#ffffff;
border:1px solid #d1d5db;

border-radius:8px;

transition:all .2s ease;
}

/* hover */
.navigation.pagination .page-numbers:hover{

background:#f3f4f6;
border-color:#9ca3af;

transform:translateY(-1px);

}

/* active page */
.navigation.pagination .page-numbers.current{

background:#8fb1e8;
color:white;
border-color:#8fb1e8;

}

/* arrows */
.navigation.pagination .prev,
.navigation.pagination .next{
font-size:18px;
/*border:none;*/
background:none;
}

/* dots */
.navigation.pagination .dots{
border:none;
background:none;
color:#9ca3af;
}

.navigation .nav-links .nav-previous > a::before, .navigation .nav-links .prev::before {
	content: ''!important;
	margin-right: .3em;
}

.navigation .nav-links .nav-next > a::after, .navigation .nav-links .next::after {
	content: ''!important;
	margin-left: .3em;
}

/* - - - body - - -  */

body, button, input, optgroup, select, textarea {
	font-size: 15px!important;
	/* font-size: 1.0625rem; */
}

body.pb-content-cover .pb-archive .pb-content > .post-thumbnail img {
	height: auto!important;
}

.related-post img{
    width:300px!important;
    height:200px!important;
    object-fit:cover!important;
}

/* - - cataqrory links */ 

span.cat-links a {
	padding: 5px;
	background: #637e98bf;
	color: white;
	margin: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
}

.more-link, .wp-block-search .wp-block-search__button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	background-image: linear-gradient(to right, #76945d 0%, #2f7b24 51%, #3edf30 100%)!important;
}