/*
Theme Name: Cosmasol Blog Theme
Theme URI: http://cosmasol.com
Author: Cosmasol
Author URI: http://cosmasol.com
Description: Custom WordPress theme based on Cosmasol HTML design (Quiety Bootstrap 5 template)
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: cosmasol
*/
/* Theme styles are loaded via functions.php from the original assets folder.
   Add any WordPress-specific overrides here. */
/* Pagination */
.cosmasol-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    padding-bottom: 20px;
}
.cosmasol-pagination a,
.cosmasol-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.2s;
}
.cosmasol-pagination .current,
.cosmasol-pagination a:hover {
    background: #4f46e5;
    color: #fff;
    border-color: #4f46e5;
}
/* WordPress alignment classes */
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin: 0 auto; }
/* WP generated captions */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: #6c757d; text-align: center; }
/* Comments */
.comment-list { list-style: none; padding: 0; }
.comment-body { padding: 20px; background: #f8f9fa; border-radius: 10px; margin-bottom: 20px; }
.comment-author { font-weight: 600; }
.comment-metadata { font-size: 0.85rem; color: #6c757d; }
.reply { margin-top: 10px; }
.reply a { font-size: 0.85rem; color: #4f46e5; text-decoration: none; }
/* Search highlight */
mark { background: #fff3cd; padding: 0 2px; }



/* Blog Detail Heading Sizes */
.blog-details-wrap h1 { font-size: 1.8rem !important; }
.blog-details-wrap h2 { font-size: 1.5rem !important; }
.blog-details-wrap h3 { font-size: 1.3rem !important; }
.blog-details-wrap h4 { font-size: 1.1rem !important; }
.blog-details-wrap h5 { font-size: 1rem !important; }
.blog-details-wrap h6 { font-size: 0.9rem !important; }

/* Blog Detail Text Justify */
.blog-details-wrap p,
.blog-details-wrap li {
    text-align: justify !important;
}

/* Blog Detail Featured Image */
.blog-featured-img img {
    max-width: 900px !important;
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
}

.single-article .article-img img,
.feature-article .article-img img {
    transform: none !important;
    transition: none !important;
}