/*
=========================================
MARK: Single Post
=========================================
*/

    .single .blog-bee-main-wrap .bbe-article-figure .post-thumbnail {
        height: 100%;
    }

    .single .single-article .entry-inner .entry-title,
    .single .single-header .entry-inner .entry-title {
        --bbe-site-font-size: 30px;
        --bbe-site-font-lineheight: 1.46;
        max-width: 800px;
        color: var(--bbe-site-color);
        margin-top: 15px;
    }

    .single .row > .single-header {
        margin-bottom: 25px;
    }

    .single .align--center .single-article .entry-inner,
    .single .align--center .single-header .entry-inner {
        text-align: center;
        align-items: center;
    }

    .single .align--center .single-article .entry-inner .entry-title,
    .single .align--center .single-header .entry-inner .entry-title {
        margin-inline: auto;
    }

    .single .align--right .single-article .entry-inner,
    .single .align--right .single-header .entry-inner {
        text-align: right;
        align-items: flex-end;
    }

    .single .align--right .single-article .entry-inner .entry-title,
    .single .align--right .single-header .entry-inner .entry-title {
        margin-left: auto;
    }

    .single .single-header .entry-inner > *:first-child {
        margin-top: 0;
    }

    .single .single-header .entry-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px;
    }

    .single .single-header .entry-categories .cat-item,
    .single .single-header .entry-categories .cat-item a {
        --bbe-site-font-weight: 700;
        --bbe-site-font-size: 11px;
        --bbe-site-font-letterspacing: 0.05em;
        --bbe-site-font-texttransform: uppercase;
        color: var(--bbe-site-meta-color);
    }

    .single .single-header .entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        row-gap: 6px;
        margin-top: 10px;
    }

    .single .single-header .entry-meta i {
        font-size: calc(var(--bbe-site-font-size) * 0.89);
        margin-right: 6px;
    }

    .single .single-header .entry-meta > div {
        --bbe-site-font-size: 11px;
        --bbe-site-font-letterspacing: 0.02em;
        --bbe-site-font-texttransform: uppercase;
        color: var(--bbe-site-meta-color);
        display: flex;
        align-items: center;
    }

    .single .single-header .entry-meta > div a {
        color: inherit;
        display: inline-block;
    }

    /* Image Ratio */
    .blog-bee-main-wrap.ratio--wide .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .blog-bee-main-wrap.ratio--boxy .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .blog-bee-main-wrap.ratio--banner .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .blog-bee-main-wrap.ratio--square .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }
    
    /* Layout One */
    .single .blog-bee-main-wrap.layout--one .single-article .entry-inner {
        margin-top: 30px;
    }

    /* Layout Two */
    .single .blog-bee-main-wrap.layout--two .single-header .bbe-article-figure:after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
    }

    .single .blog-bee-main-wrap.layout--two .single-header .bbe-article-figure img {
        filter: brightness(0.8) saturate(0.85);
    }

    .single .blog-bee-main-wrap.layout--two .single-header .entry-inner {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 4%;
        z-index: 1;
    }

    .single .blog-bee-main-wrap.layout--two .single-header .entry-inner * {
        color: #fff;
    }

    /* Layout Three */
    .single .blog-bee-main-wrap.layout--three .entry-inner .entry-title {
        max-width: 90%;
    }

    /* Layout Four */
    .single .blog-bee-main-wrap.layout--four .single-header {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .single .blog-bee-main-wrap.layout--four .single-header .bbe-article-figure {
        flex: 0 1 40%;
    }

    .single .blog-bee-main-wrap.layout--four .entry-inner {
        flex: 1;
    }

    .single .blog-bee-main-wrap.layout--four .entry-inner .entry-title {
        font-size: calc( var(--bbe-site-font-size) - 8px );
    }

    /* Single Content */
    .single .entry-excerpt.align--left p {
        text-align: left;
    }

    .single .entry-excerpt.align--center p {
        text-align: center;
    }

    .single .entry-excerpt.align--right p {
        text-align: right;
    }
    
    .single .entry-excerpt.align--justify p {
        text-align: justify;
    }

    .single .entry-excerpt *,
    .page .entry-excerpt * {
        margin-bottom: 20px;
    }

    .single .entry-excerpt *:last-child,
    .page .entry-excerpt *:last-child {
        margin: 0;
    }

    .wp-block-quote {
        position: relative;
        padding: 15px 25px;
        margin: 35px 0;
    }

    .wp-block-code {
        padding: 20px 25px;
        color: var(--bbe-site-color);
        background: #eeeeee;
    }

    .bbe-dark .wp-block-code {
        background: #ffffff17;
    }

    .wp-block-quote:before {
        content: '“';
        line-height: 1;
        color: var(--bbe-site-color);
        opacity: 0.1;
        font-size: 8rem;
        position: absolute;
        left: -12px;
        top: -11px;
        font-family: Georgia, "Times New Roman", serif;
    }

    .wp-block-embed iframe {
        width: 100%;
    }

    /* Tags */
    .single .tags-links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-top: 20px;
        color: var(--bbe-site-color);
    }

    .single .tags-links a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 12px;
        margin: 0;
        border-radius: 100px;
        font-size: 13px;
        font-weight: 500;
        text-transform: capitalize;
        transition: var(--transition-1);
        border: 0.5px solid var(--bbe-site-border-color-muted);
    }

    .single .tags-links a:before {
        content: '\f02b';
        font-family: 'Font Awesome 7 Free';
        font-weight: 600;
        font-size: 12px;
        margin-bottom: -2px;
        color: var(--bbe-site-meta-color);
    }

    .single .tags-links a:hover {
        color: var(--bbe-theme-color);
        border-color: var(--bbe-theme-color);
    }

    /* Navigation */
    .bbe-post-navigation {
        margin: 40px 0;
    }

    .bbe-post-navigation .nav-links {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .bbe-post-navigation .nav-links > div {
        flex: 1;
    }

    .bbe-post-navigation .nav-links .nav-previous {
        text-align: left;
    }

    .bbe-post-navigation .nav-links .nav-next {
        text-align: right;
    }

    .bbe-post-navigation .nav-links a {
        display: flex;
        gap: 20px;
        min-width: 0;
        padding: 16px 20px;
        border: 1px solid var(--bbe-site-border-color-dark);
    }

    .bbe-post-navigation .nav-links a:hover {
        background: #f9fafb;
    }

    .bbe-dark .bbe-post-navigation .nav-links a:hover {
        background: #f9fafb12;
    }

    .bbe-post-navigation .nav-next a {
        justify-content: flex-end;
    }

    .bbe-post-navigation .nav-links .nav-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        flex: 1;
    }

    .bbe-post-navigation .nav-links .bbe-article-figure {
        width: 100px;
        height: 90px;
    }

    .bbe-post-navigation .nav-subtitle {
        font-size: 11px;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--bbe-site-meta-color);
    }

    .bbe-post-navigation .nav-title {
        font-weight: 400;
        font-size: 14px;
        color: var(--bbe-site-color);
    }

    .bbe-post-navigation .nav-date {
        margin-top: -2px;
        display: initial;
        transition: color .3s ease-in-out;
    }

    .bbe-post-navigation .nav-next .nav-title {
        margin-left: auto;
    }

    /* Author Box */
    .bbe-author-box {
        padding-top: 30px;
        margin: 2rem 0;
        text-align: center;
        border-top: 1px solid var(--bbe-site-border-color-dark);
    }

    .bbe-author-box .author-thumb img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin-inline: auto;
    }

    .bbe-author-box .author-name {
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 14px;
        text-transform: capitalize;
    }

    .bbe-author-box .author-name a {
        color: var(--bbe-site-color);
    }

    .bbe-author-box .author-name a:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-author-box .author-desc {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 15px;
        color: var(--bbe-site-excerpt-color);
    }

    .bbe-author-box .author-socials {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }

    .bbe-author-box .author-socials .social-item {
        color: var(--bbe-site-color);
        font-size: 16px;
    }

    .bbe-author-box .author-socials .social-item i {
        transition: var(--transition-1);
    }

    .bbe-author-box .author-socials .social-item:hover .fa-facebook-f {
        color: #1877F2;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-x-twitter {
        color: #000000;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-linkedin-in {
        color: #0A66C2;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-instagram {
        color: #E4405F;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-youtube {
        color: #FF0000;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-telegram {
        color: #26A5E4;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-whatsapp {
        color: #25D366;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-tiktok {
        color: #000000;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-weixin {
        color: #07C160;
    }

    /* Layout One */
    .bbe-author-box.layout--default .author-elements {
        margin-top: 32px;
    }

    /* Layout Two */
    .bbe-author-box.layout--side {
        display: flex;
        align-items: center;
        gap: 35px;
    }

    .bbe-author-box.layout--side .author-elements {
        text-align: left;
        flex: 1;
    }

    /* Social Share */
    .single .content-wrapper .bbe-article .social-content-wrap {
        display: flex;
        align-items: flex-start;
        gap: 35px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-excerpt {
        flex: 1;
    }

    .single .content-wrapper .bbe-article .social-content-wrap:has(.is-inline) {
        flex-direction: column;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed {
        position: sticky;
        top: 120px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed.position--right {
        order: 2;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .share-icon {
        margin-right: 6px;
        font-size: 12px;
        color: var(--bbe-site-meta-color);
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .share-text {
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        color: var(--bbe-site-meta-color);
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .social-shares {
        text-align: center;
        margin-top: 22px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .social-shares .social + .social {
        margin-top: 10px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .official--off .social-shares li a {
        color: var(--bbe-site-color);
    }

    .single .content-wrapper .bbe-article .social-content-wrap .official--off .social-shares li a:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    /* Inline */
    .entry-social-share.is-inline {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .entry-social-share.is-inline .share-button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .entry-social-share.is-inline .share-button:after {
        content: ':';
    }

    .entry-social-share.is-inline .social-shares {
        display: flex;
        gap: 8px;
    }

    /* Comment Area */
    .comments-area {
        margin-top: 40px;
    }

    .comments-area .comment-respond {
        padding: 28px;
        border-radius: var(--bbe-image-border-radius);
        border: 1px solid var(--bbe-site-border-color-dark);
    }

    .comments-area .comment-respond .comment-reply-title {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 28px;
        color: var(--bbe-site-color);
    }

    .comments-area .comment-form {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

    .comments-area .comment-form p {
        position: relative;
        width: 100%;
    }

    .comments-area .comment-form .comment-notes {
        margin-bottom: 20px;
    }

    .comments-area .comment-form .comment-notes,
    .comments-area .comment-form .logged-in-as,
    .comments-area .comment-form .comment-form-cookies-consent {
        font-weight: 400;
        font-size: 13px;
        color: var(--bbe-site-excerpt-color);
        padding: 10px 14px;
        background: #f9fafb;
        border-radius: var(--bbe-image-border-radius);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-dark .comments-area .comment-form .comment-notes,
    .bbe-dark .comments-area .comment-form .logged-in-as,
    .bbe-dark .comments-area .comment-form .comment-form-cookies-consent {
        background: #313538;
    }

    .comments-area .comment-form .logged-in-as a {
        color: #0073aa;
        text-decoration: underline;
    }

    .comments-area .comment-form .logged-in-as a:hover {
        color: var(--bbe-site-color);
    }

    .comments-area .comment-form .required {
        color: #D85A30;
        margin-left: 2px;
    }

    .comments-area .comment-form .comment-form-author,
    .comments-area .comment-form .comment-form-email {
        width: calc( 50% - 10px );
    }

    .comments-area .comment-form label {
        font-weight: 400;
        font-size: 12px;
        color: var(--bbe-site-color);
        letter-spacing: 0.03em;
        display: block;
        margin-bottom: 6px;
    }

    .comments-area .comment-form input[type="text"],
    .comments-area .comment-form input[type="email"],
    .comments-area .comment-form input[type="url"],
    .comments-area .comment-form textarea {
        font-size: 14px;
        padding: 0 12px 0 12px;
        width: 100%;
        height: 40px;
        border-radius: var(--bbe-image-border-radius);
        outline: none;
        color: var(--bbe-site-color);
        background: transparent;
        transition: var(--transition-1);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .comments-area .comment-form textarea#comment {
        height: 130px;
        padding: 12px;
        resize: vertical;
        line-height: 1.6;
    }

    .comments-area .comment-form input:hover,
    .comments-area .comment-form textarea:hover {
        border-color: #d1d5db;
    }

    .bbe-dark .comments-area .comment-form input:hover,
    .bbe-dark .comments-area .comment-form textarea:hover {
        border-color: #d1d5db80;
    }

    .comments-area .comment-form input:focus,
    .comments-area .comment-form textarea:focus {
        border-color: #378ADD;
        box-shadow: 0 0 0 3px rgba(55, 138, 221, 0.1);
    }
    
    .comments-area .comment-form .comment-form-cookies-consent {
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }

    .comments-area .comment-form .comment-form-cookies-consent input[type="checkbox"] {
        width: 14px;
        height: 14px;
        margin-top: 1px;
        accent-color: #378ADD;
        cursor: pointer;
    }

    .comments-area .comment-form .comment-form-cookies-consent label {
        line-height: 1.5;
        cursor: pointer;
        margin: 0;
    }

    /* Submit Button */
    .comments-area .comment-form .form-submit .submit {
        font-weight: 500;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        padding: 0 24px;
        height: 42px;
        background: #111827;
        border-radius: var(--bbe-image-border-radius);
        color: #ffffff;
        cursor: pointer;
        margin-top: 10px;
        transition: var(--transition-1);
    }

    .comments-area .comment-form .form-submit .submit:hover {
        background: var(--bbe-theme-color);
    }

    .comments-area .comment-form .form-submit .submit:active {
        transform: scale(0.98);
    }

    /* 
    MARK: 5.1 Related Posts
    */

    .single .bbe-related-posts {
        margin-top: 50px;
    }

    .single .bbe-related-posts.column--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .single .bbe-related-posts.column--three .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .single .bbe-related-posts.column--four .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Image Ratio */
    .single .bbe-related-posts.ratio--wide .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .single .bbe-related-posts.ratio--boxy .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .single .bbe-related-posts.ratio--banner .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .single .bbe-related-posts.ratio--square .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    .single .bbe-related-posts .entry-content .entry-categories {
        margin-bottom: 12px;
    }

    .single .bbe-related-posts .entry-content .entry-meta {
        margin-top: 10px;
    }

    /* List Layout */
    .single .bbe-related-posts.layout--list .bbe-article {
        display: flex;
        gap: 18px;
        align-items: center;
    }

    .single .bbe-related-posts.layout--list .bbe-article .bbe-article-figure {
        width: 120px;
    }

    .single .bbe-related-posts.layout--list .bbe-article .entry-content {
        flex: 1;
    }

    /* Grid Layout */
    .single .bbe-related-posts.layout--grid .bbe-article {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* 
    MARK: Comment List
    */
    .comment-list,
    .comment-list .children {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .comment-list > .comment {
        margin-bottom: 30px;
    }

    /* Nested Comments */
    .comment-list .children {
        margin-top: 25px;
        padding-left: 50px;
        border-left: 2px solid #e5e7eb;
    }

    /* Comment Card */
    .comment-body {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 24px;
        position: relative;
    }

    /* Author Area */
    .comment-meta {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .comment-author {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .comment-author img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .comment-author .fn {
        font-size: 1rem;
        font-weight: 600;
    }

    .comment-author .fn a {
        text-decoration: none;
        color: inherit;
    }

    .comment-author .says {
        display: none;
    }

    /* Date */
    .comment-metadata {
        font-size: 0.875rem;
    }

    .comment-metadata a {
        text-decoration: none;
        color: #6b7280;
    }

    /* Content */
    .comment-content {
        line-height: 1.8;
        color: #374151;
    }

    .comment-content > *:first-child {
        margin-top: 0;
    }

    .comment-content > *:last-child {
        margin-bottom: 0;
    }

    .comment-content img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Reply Button */
    .reply {
        margin-top: 20px;
    }

    .comment-reply-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 16px;
        border-radius: 999px;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 600;
        border: 1px solid #d1d5db;
        transition: all .25s ease;
    }

    .comment-reply-link:hover {
        background: #111827;
        border-color: #111827;
        color: #fff;
    }

    /* Tables Inside Comments */
    .comment-content table {
        width: 100%;
        border-collapse: collapse;
        overflow-x: auto;
    }

    .comment-content th,
    .comment-content td {
        border: 1px solid #e5e7eb;
        padding: 10px;
        text-align: left;
    }

    /* Blockquote */
    .comment-content blockquote {
        margin: 20px 0;
        padding: 15px 20px;
        border-left: 4px solid #111827;
        background: #f8fafc;
    }

    /* Code */
    .comment-content code,
    .comment-content pre {
        background: #f3f4f6;
        border-radius: 6px;
        white-space: pre-wrap;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .comment-content code {
        padding: 2px 6px;
    }

    .comment-content pre {
        padding: 15px;
        overflow-x: auto;
    }

    /* Mobile */
    @media (max-width: 768px) {

        .comment-list .children {
            padding-left: 20px;
        }

        .comment-body {
            padding: 18px;
        }

        .comment-meta {
            flex-direction: column;
            gap: 10px;
        }
    }