/*
Theme Name:		 Sweet Kudos
Theme URI:       https://sweetkudos.com
Description:	 A theme for SK
Author:			 sweetkudos
Author URI:      https://sweetkudos.com
Template:		 masco
Version:		 1.0.36
Text Domain:	 masco-child
*/


/*
    Add your custom styles here
*/

.page-template-template-documentation.page .content-block .container{
    max-width: 1320px;
}
.page-template-template-documentation .left-sidebar .widget-area {
    margin-right: 40px;
}

.page-template-template-documentation .entry-content ul>li:after{
    display: none;
}
.page-template-template-documentation .entry-content ul>li a{
    text-decoration: underline;
}
.page-template-template-documentation .entry-content ul>li a:hover{
    text-decoration: none;
}
.page-template-template-documentation .entry-content ul,
.page-template-template-documentation .entry-content li{
    padding-left: 0;
}
.page-template-template-documentation .site-header,
.page-template-template-clean .site-header{
    background-color: var( --e-global-color-7e2ea7f);
}

.page-template-template-documentation .entry-content p{
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 32px;
    color: var(--text-color);
    padding-right: 3rem;
}
.page-template-template-clean .entry-content p {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 32px;
    color: var(--text-color);
    padding-right: 0;   
}
.page-template-template-documentation .wp-block-image,
.page-template-template-clean .wp-block-image{
    border: 3px solid rgba(0,0,0,0.1);
    border-radius: 10px;
}
.page-template-template-documentation .wp-block-image figcaption,
.page-template-template-clean .wp-block-image figcaption{
    margin: 0;
    text-align: center;
    font-size: 12px;
    opacity: .75;
    font-style: italic;
    background: none;
}

.page-template-template-documentation .widget ul li.current-page-ancestor a,
.page-template-template-documentation .widget ul li.current-menu-item a{
    font-weight: bold;
}

@media only screen and (max-width: 991px){
    .page-template-template-documentation .left-sidebar .widget-area {    
        margin-bottom: 20px;
        margin-top: 20px;
        margin-right: 0;
    }
}

.elementor-8324 .elementor-element.elementor-element-6680feb{
    background: #fef7ed;
}
.elementor-element-805647f{
    display: none !important;
}
.section-bg{
    background: #fef7ed40;
}
header{
    position: relative;
    top: 0 !important;
}
.post-thumbnail{
    aspect-ratio: 16/9;
    width: 100%;
    height: initial;
    position: relative;
}
.post-thumbnail .post-category{
    position: absolute;
    top: 20px;
    z-index: 3;
    right: 20px;
}
.category-item{
    border-radius: 50px;
    color: #FFF;
    background-color: rgba(0,0,0,0.5);
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.sk-blog-breadcrumb{
    border-bottom: 1px solid #fef7ed;
    padding: 0.5rem 0;
    position: relative;
}
.sk-blog-breadcrumb:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('assets/img/pat-1.png') repeat center;
    opacity: .2;
}
.sk-blog-breadcrumb:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgb(254, 247, 237, 0.79);
    left: 0;  
}
.sk-blog-breadcrumb .container{
    position: relative;
    z-index: 10;
}
.sk-blog-breadcrumb .search-form input#search{
    border: 1px solid var(--e-global-color-5eee954);
    height: 50px;
    width: 210px !important;
    border-radius: 50px;
    box-shadow: none;
    padding: 0 55px 0 20px;
}
.sk-blog-breadcrumb .search-form button[type=submit]{
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
}
.sk-content-block .row{
    --bs-gutter-x: 2.5rem;    
}
.sk-content-block{
    padding-top: 50px;
    padding-bottom: 50px;
}
.single-post-content-wrap{
    max-width: 620px;
    margin: 0 auto;
}
.entry-content p{
    line-height: 29px;
    margin-bottom: 30px;
}
.single-post-item .posted-on:before, .single-post-content-wrap .posted-on:before{
    display: none;
}
.posted-on{
    font-style: italic;
    opacity: .5;
    color: var(--text-color);
}

.single-post-item.two-column h2.entry-title, .single-post-item.three-column h2.entry-title{
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-right: 0;
    font-family: var(--body-font) !important;
    margin-top: 0;
    letter-spacing: .015em;
}
.single-post-item .post-content {
    padding: 20px 25px 15px;
}
.single-post-item img {
    transform: scale(1);
}
.post-thumbnail:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(25,25,25,0.5);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.sk-post-item:hover .post-thumbnail:after{
    opacity: 1;
}
.sk-overlay{
    position: absolute;
    width: 100%;
    height: 380px;
    top: 0;
    left: 0;
    z-index: -1;
}
.sk-overlay:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fef7ed;
    opacity: .69;
    z-index: 20;
}
.sk-overlay img{
    height: 100%;
    object-fit: cover;
    width: 100%;
    filter: blur(2px);
}
.blog-breadcrumb h1.post__title{
    color: var(--heading-color);
    font-style: normal;
    font-weight: 800;
    font-size: 44px;
    line-height: 54px;
    word-break: break-word;
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--body-font) !important;
}
.single-blog-breadcrumb{
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.sk-single-category-item{
    background-color: var(--heading-color);
    border-radius: 50px;
    color: #FFF;
    padding: 5px 20px;
    font-size: 14px;
}
.sk-single-category-item:hover{
    color: #FFF;
    opacity: .6;
}
.sk-category-single{
    margin-bottom: 1rem;
}
.single-post .post-meta{
    align-items: center;
    justify-content: start;
    margin-top: 1.5rem;
    font-style: italic;
}
.single-post .post-meta>div{
    margin-bottom: 0;
    margin-right: 15px;
}
.post-meta.bottom .posted-on{
    opacity: 1;
}
.comment-meta a{
    text-decoration: underline;
}
.wp-block-rank-math-toc-block{
    background: var(--e-a-dark-color-txt-hover);
    padding: 2rem 3rem;
    border-radius: 20px;
}

.wp-block-rank-math-toc-block ul>li:after{
    display: none;
}
.wp-block-rank-math-toc-block li ol{
    display: none;
    margin: 0;
}
.wp-block-rank-math-toc-block nav ol{
    padding-left: 1rem;
}
.single-post-content-wrap a,
.single-post-content-wrap a strong{
    text-decoration: underline;
    color: var(--accent-color-2);
}
.single-post-content-wrap a:hover{
    text-decoration: none;
}
.sk-content-block .entry-content ul>li:after{
    top: 0px;
}
.sk-content-block .entry-content ul>li, 
.sk-content-block .comment-content ul>li{
    line-height: 34px;
}
.wp-block-rank-math-toc-block,
.wp-block-image{
    margin-bottom: 3rem;
}
.single-post-content-wrap .wp-block-heading a{
    font-size: inherit;
}
.wp-block-rank-math-toc-block nav ol {
    padding-left: 1rem;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}
.single-post-item .post-meta span, .single-post-item .post-meta a, .single-post-item .post-meta span time, .single-post-content-wrap span, .single-post-content-wrap a, .single-post-content-wrap span time{
    font-size: 18px;
}
.footer-section .elementor-element-26030e5 .elementor-widget-container img{
    height: 14px !important;
    width: 14px !important;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin-bottom: 20px;
    margin-top: 60px;
    line-height: 1.4;
}
.entry-content h2 + h3{
    margin-top: 10px;
}
.wp-block-image img{
    border:1px solid #f0f0f0;
}
.wp-block-button__link{
    text-decoration: none !important;
}
.sk-reward-idea-list{
    background: var(--e-a-bg-success);
    padding: 2rem 3rem !important;
    border-radius: 20px;
}
.sk-reward-idea-list li{
    margin-bottom: 0.5rem !important;
    font-size: 16px !important;
}
.mt-0{
    margin-top: 0 !important;
}
.entry-content .wp-block-separator {
    border: none;
    margin: 40px 0;
    background-color: var(--bs-dark);
}
.mas-addons-feature-btn:hover{
	box-shadow: 3px 5px 0px 0px #236AB9 !important	
}
.pos-relative,
.widget-area{
    position: relative;
}
.right-sidebar{
    position: absolute;
    right: -30px;
    top: 0;
    height: 100%;
}
.left-sidebar{
    position: absolute;
    left: -30px;
    top:0;
    height: 100%;
}
.widget-area{
    position: relative;
    height: 100%;
}
.sk-sticky-wdiget{
    position: sticky;
    top: 40px;
    font-size: 14px;
    text-align: center;

}
.sk-sticky-wdiget .widget {
    padding: 20px 40px 10px;
}
.sk-widget-title{
    display: flex;
    gap: 0.15rem;
    margin-bottom: 1rem;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.sk-widget-title h2{
    border: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.widget-bg{
    background: #f5faf6;
}
.widget-small{
    font-size: 12px;
    opacity: .76;
    font-style: italic;
    margin-top: 0.25rem;
}
.entry-content ol li,
.entry-content ul li{
    font-size: 18px;
    padding-left: 0 ;
}
.sk-content-block .entry-content ul>li, .sk-content-block .comment-content ul>li{
    line-height: 28px;
}
.post-details-page a.sk-single-category-item{
    color: #FFF;
}
.entry-content ul>li:after{
    display: none;
}
.widget .widget-btn,
.sk-btn{
    --ha-ctv-btn-txt-clr: #FFFFFF;
    --ha-ctv-btn-bg-clr: var(--e-global-color-e467d17);
    --ha-ctv-btn-border-clr: #236AB9;
    --ha-ctv-btn-bg-hvr-clr: #6EC1E4CC;

    font-family: "Inter", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 24px;
    border-radius: 50px 50px 50px 50px;
    padding: 8px 25px 8px 25px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    outline: none;
    background: #6EC1E4;
    color: #FFF;
    letter-spacing: 1px;
    border-color: var(--ha-ctv-btn-border-clr);
    text-align: center;
    text-decoration: none;
}
.widget .widget-btn:hover{
    color: #FFF;
    box-shadow: 3px 5px 0px 0px #236AB9;
}

.sk-newsletter-widget h3{
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
}
.sk-newsletter-widget form{
    position: relative;
    display: flex;
}
.sk-newsletter-widget input{
    padding: 1rem;
    height: 50px;
    width: 100%;
}
.sk-newsletter-widget button{
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 0 10px 14px 0px;
    font-size: 14px;
    background: #6ec1e4;
    color: #FFF;
    font-weight: bold;
}

.nav-links a{
    text-decoration: none;
}

.widget.ez-toc{
    background: none;
    padding: 0;
    position: sticky;
    top: 40px;
}
.widget.ez-toc h2{
    width: 100%;
    margin-bottom: 0.5rem;
}
.widget .ez-toc-widget-container ul.ez-toc-list li{
    padding: 0 !important;
    margin-bottom: 0.5rem;
}
div.ez-toc-widget-container ul.ez-toc-list {
    padding: 0;
}
#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li a{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;    
}
.ez-toc nav{
    opacity: .76;
    transition: opacity .2s ease-in-out;
}
.ez-toc:hover nav{
    opacity: 1;
}
.entry-content ul.wp-block-list {
	padding-left: 20px;
    list-style: disc outside;	
}
.sk-hidden .emoji{
	max-width: 20px;
	display: inline-flex;
}
@media only screen and (max-width: 767px) {
    .sk-content-block,
    .single-blog-breadcrumb {
        padding: 0 !important;
    }
    .single-post-content-wrap{
        padding: 30px 0 !important;
    }
    .sk-blog-breadcrumb .search-form{
        display: none;
    }
    .right-sidebar{
        position: relative;
        right: 0;
        top: 0;
        height: auto;
    }
    .left-sidebar{
        position: relative;
        left: 0;
        top:0;
        height: auto;
        padding: 20px 30px 0;
    }
    .sk-sticky-wdiget{
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        width: 100%;
        margin-bottom: 40px;
    }
    main#primary{
        margin-bottom: 20px !important;
    }
    .elementor-22713 .elementor-element.elementor-element-b8f5ae6{
        padding: 30px !important;
    }
    .elementor-22713 .elementor-element.elementor-element-ceb91f6{
        gap: 10px !important;
    }
    .elementor-22713 .elementor-element.elementor-element-19453df .elementor-heading-title{
        text-align: center;
    }
    .elementor-22713 .elementor-element.elementor-element-09f1b68{
        order: 2;
    }
    .elementor-22713 .elementor-element.elementor-element-7186bad{
        order: 1;
        margin-bottom: 20px;
    }
    
    /* Mobile author bio */
    .author-bio-single {
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem;
    }
    
    .author-avatar img {
        width: 60px;
        height: 60px;
    }
    
    .nav-links {
        flex-direction: column;
        gap: 1rem;
    }
    
    .post__title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    
    .col-md-6 .post__title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    
    .single .col-md-6 .post__title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    
    .post-thumbnail {
        margin-bottom: 2rem;
    }
    .single-post-content-wrap{
        padding: 0 !important;
    }
    /* Mobile Featured Image and Title Layout */
   .single .sk-content-block .col-md-6 {
        margin-bottom: 1.5rem !important;
        padding: 0 1rem !important;
        margin-top: 1rem;
    }
    
    .single .col-md-6 .post__title {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    
    .sk-sticky-wdiget {
        position: relative;
        top: 0;
    }
    
    /* Mobile Spacing */
    .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Mobile Content and Sidebar */
    .asante-content-wrapper {
        flex-direction: column;
    }
    
    .col-lg-8 {
        margin-bottom: 2rem !important;
    }
    
    .asante-sidebar {
        position: relative !important;
        right: 0 !important;
        max-width: 100% !important;
        margin-bottom: 2rem;
    }
    
    .col-md-12.mb-8 {
        margin-bottom: 0 !important;
    }
    
    /* Mobile navigation styles */
    .nav-links {
        gap: 1rem;
    }
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
        margin-top: 20px;
    }
    .wp-block-rank-math-toc-block, .wp-block-image{
        margin-bottom: 2rem;
    }
    .entry-content ul, .comment-content ul{
        padding-left: 0;
    }
    .nav-previous,
    .nav-next {
        flex-direction: column !important;
        gap: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .nav-thumbnail {
        width: 100%;
        height: 180px;
    }
    
    .nav-content {
        padding: 1rem;
    }
    
    .nav-previous-title,
    .nav-next-title {
        font-size: 16px;
    }
    
    .single-post-navigation {
        padding: 2rem 0;
        margin-top: 3rem;
    }
    
    /* Mobile Related Posts */
    .related-posts-section {
        margin-top: 3rem;
        padding-top: 2rem;
    }
    
    .related-posts-title {
        font-size: 22px;
        margin-bottom: 1.5rem;
    }
    
    .related-post-card {
        flex-direction: column;
        gap: 0;
    }
    
    .related-post-thumbnail {
        width: 100% !important;
        height: 150px;
    }
    
    .related-post-content {
        padding: 1rem;
    }
    
    .related-post-title {
        font-size: 16px;
    }
}

/* Author Bio Styles */
.author-bio-single {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background: #f5faf6;
    border-radius: 10px;
    margin-top: 3rem;
    align-items: flex-start;
}

.author-avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.author-info {
    flex: 1;
}

.author-name {
    margin-bottom: 0.5rem;
    font-size: 20px;
    font-weight: 600;
}

.author-name a {
    color: var(--heading-color);
    text-decoration: none;
}

.author-name a:hover {
    text-decoration: underline;
}

.author-description {
    margin: 0;
    line-height: 1.6;
    color: var(--text-color);
}
#ez-toc-container {
    background: #f5faf6 !important;
    border: none;
    padding: 2rem !important;
}
#ez-toc-container a{
    color: var(--accent-color-2);
}
div#ez-toc-container ul li, div#ez-toc-container ul li a {
    font-weight: 400;
    list-style: none !important;
    color: var(--accent-color-2);
    margin-bottom: 0.15rem;
    font-size: 16px;
}
.ez-toc-title-container{
    margin-bottom: 1rem;
}

/* Post navigation styles */
.single-post-navigation {
    margin-top: 2rem;
    padding: 0 0;
    border-top: none;
    border-bottom: none;
}

.nav-links {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.nav-previous,
.nav-next {
    display: flex;
    gap: 1.5rem;
    background: #fafafa;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
    align-items: center;
}

.nav-previous:hover,
.nav-next:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
    border-color: var(--accent-color-2);
}

.nav-thumbnail {
    flex-shrink: 0;
    width: 180px;
    height: 120px;
    overflow: hidden;
    background: #e0e0e0;
}

.nav-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.nav-previous:hover .nav-thumbnail img,
.nav-next:hover .nav-thumbnail img {
    transform: scale(1.05);
}

.nav-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nav-previous-label,
.nav-next-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--accent-color-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.1rem;
}

.nav-previous-title,
.nav-next-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    color: var(--heading-color);
}


/* Sidebar sticky positioning */
.sk-sticky-wdiget {
    position: sticky;
    top: 100px;
}

/* Content and sidebar layout */
.col-lg-8 #primary {
    padding-right: 0;
}
.asante-content-wrapper{
    justify-content: center;
}

/* Desktop specific styles */
@media only screen and (min-width: 992px) {
    .asante-sidebar {
        position: absolute;
        right: -300px;
    }
    
    .asante-content-wrapper {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 991px) {
    .col-lg-8 #primary {
        padding-right: 0;
    }
    
    .asante-sidebar {
        position: relative !important;
        right: 0 !important;
        max-width: 100% !important;
    }
}



/* Tablet navigation styles */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Tablet Container */
    .col-lg-10 {
        max-width: 100%;
    }
    
    .asante-sidebar {
        position: relative !important;
        right: 0 !important;
        max-width: 100% !important;
    }
    
    .asante-content-wrapper {
        flex-direction: column;
    }
    
    .col-lg-8 {
        width: 100% !important;
        margin-bottom: 2rem;
    }
    
    .nav-links {
        gap: 1.5rem;
    }
    
    /* Tablet Related Posts */
    .related-posts-title {
        font-size: 24px;
    }
    
    .related-post-thumbnail {
        width: 150px;
        height: 100px;
    }
    
    .related-post-title {
        font-size: 16px;
    }
    
    /* Tablet Navigation */
    .nav-thumbnail {
        width: 150px;
        height: 100px;
    }
    
    .nav-previous-title,
    .nav-next-title {
        font-size: 16px;
    }

}
.content-block .post-navigation{
    padding-top: 40px;
    padding-bottom: 0;
    border-bottom: none;
}
table{
    font-size: 12px;
}

/* Responsive general improvements */
@media only screen and (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .related-post-content,
    .nav-content{
        padding: 0 1rem 1rem !important;    
    }
    
    .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .col-md-6,
    .col-md-12,
    .col-lg-8,
    .col-lg-10,
    .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 750px;
    }
    
    .col-lg-10 {
        max-width: 750px;
        margin: 0 auto;
    }
}

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Better mobile font sizes */
@media only screen and (max-width: 767px) {
    .related-posts-title,
    .author-name,
    .blog-breadcrumb h1.post__title {
        font-size: 24px !important;
    }
    
    .related-post-title,
    .related-post-card h4 {
        font-size: 16px !important;
    }
}

/* Featured image styles */
.post-thumbnail {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}
.post-details-page .entry-content{
    padding-right: 0 !important;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}
.mb-8{
    margin-bottom: 4rem !important;
}
.pl-0{
    padding-left: 0 !important;
}
.position-relative{
    position: relative;
}
.asante-sidebar{
    position: absolute;
    right: -300px;
    height: 100%;
    max-width: 330px;
}

/* Two column layout for featured image and title */
.single .col-md-6 .post__title {
    font-size: 42px;
    line-height: 52px;  
}

/* Post content wrapper */
.single-post-content-wrap {
    margin-top: 0;
}

/* Related Posts Styles */
.related-posts-section {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #f0f0f0;
}

.related-posts-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 2.5rem;
    color: var(--heading-color);
}

.related-posts-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.related-post-card {
    display: flex;
    gap: 1.5rem;
    background: #fafafa;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.related-post-card:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
    border-color: var(--accent-color-2);
}

.related-post-thumbnail {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.related-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-post-card:hover .related-post-thumbnail img {
    transform: scale(1.05);
}

.related-post-content {
    padding: 0 2rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.related-post-category {
    font-size: 11px;
    font-weight: 600;
    color: var(--accent-color-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.1rem;
}
.nav-links .nav-next{
    flex-direction: row-reverse;
    padding-left: 2rem;
    padding-right: 0;
}

.related-post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 0.15rem 0;
    color: var(--heading-color);
}

.related-post-meta {
    font-size: 12px;
    color: #666;
}

.related-post-date {
    font-style: italic;
}