/*!
Theme Name: Blogger Postx
Theme URI: https://blazethemes.com/theme/blogger-postx/
Author: BlazeThemes
Author URI: https://blazethemes.com/
Description: Blogger Postx is a child theme of Blog Postx theme helps to illustrate your distinguished story through its interactive and stylish page layouts.  Adorned with multiple eye-catching demos, Blogger PostX theme allows you to set up your blog in minimal steps by importing unique demos.  Not only is it beautiful, it’s immensely easy to customize too. You will find SEO options, theme settings, menu settings, mobile view options, design controls, and all in one central place - Live Customizer. After viewing the demo and customizer settings, you will soon realize the dedicated focus that Blogger PostX Theme has put on mobile users, SEO, and UI/UX design. As a result, it should come as no surprise that there are image Settings - image ratio, image size, image border, image box shadow for each block and widget. It has more to offer you to extend with additional features. Documentation: https://doc.blazethemes.com/blog-postx/, Video Tutorial: youtube.com/watch?v=25PymlwwB14, Demo: https://preview.blazethemes.com/blogger-postx-free-one/
Version: 1.0.3
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogger-postx
Template: blog-postx
Tags: news, blog, entertainment, one-column, two-columns, grid-layout, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, rtl-language-support, footer-widgets, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Blogger Postx is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* 
MARK: Category Collection
*/

    .blog-postx-category-collection-section.layout--four .category-wrap {
        background: var(--blog-postx-white-dark-color);
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
        padding: 10px;
        position: relative;
    }

    .blog-postx-category-collection-section.layout--four .category-wrap:before {
        content: none;
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-thumb {
        border-radius: var(--category-collection-radius);
        overflow: hidden;
        position: relative;
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-thumb a {
        position: initial;
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-item a {
        padding: 5px 10px;
        margin-top: 10px;
        background-color: transparent;
        flex-direction: column;
        align-items: self-start;
        color: var(--blog-postx-black-dark-color);
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-item .category-label {
        padding: 2px 15px 2px 26px;
        border-radius: 30px;
        transition: all 0.3s ease-in-out;
        position: relative;
        background: transparent;
        border: 1px solid var(--blog-postx-category-border-color);
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-item .category-label > span {
        display: block;
        transition: 0.5s cubic-bezier(.25, .7, .24, .91);
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-item .category-label span.hover-label {
        position: absolute;
        top: 2px;
        transform: translateY(120%);
        opacity: 0;
    }

    .blog-postx-category-collection-section.layout--four .category-wrap:hover .category-item .category-label span.initial-label {
        transform: translateY(-120%);
    }

    .blog-postx-category-collection-section.layout--four .category-wrap:hover .category-item .category-label span.hover-label {
        transform: translateY(0%);
        opacity: 1;
    }

    .blog-postx-category-collection-section.layout--four .category-wrap .category-item .category-count {
        width: initial;
        height: initial;
        padding: 2px 15px;
        border-radius: 30px;
        background-color: transparent;
        padding: 0;
        color: var(--blog-postx-black-dark-color);
    }

    /* image ratio */
    .blog-postx-category-collection-section.layout--four.column--two .category-wrap .category-thumb:before {
        padding-bottom: 210px;
    }

/* 
    MARK: Web Stories
*/
    .blog-postx-web-stories .stories-wrap {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .blog-postx-web-stories .stories-wrap .story {
        width: initial;
    }

    .blog-postx-web-stories .stories-wrap .preview {
        border-radius: 10px;
    }

    .blog-postx-web-stories .stories-wrap .story-title-wrap {
        bottom: 18px;
    }

    .blog-postx-web-stories .preview .indicators {
        padding: 7% 8.1%;
    }

    .blog-postx-web-stories .stories-wrap .preview .preview-thumb:before {
        background: linear-gradient(#0000002b, #000000d9);
    }

/* Archive */
    body.archive.term-post-format-video #blog-postx-main-wrap .page-header,
    body.archive.term-post-format-gallery #blog-postx-main-wrap .page-header,
    body.archive.term-post-format-audio #blog-postx-main-wrap .page-header,
    body.archive.term-post-format-image #blog-postx-main-wrap .page-header, 
    body.archive.term-post-format-quote #blog-postx-main-wrap .page-header {
        padding: 20px 0px 30px 0px;
        position: relative;
        z-index: 1;
        margin-bottom: 55px;
        display: flex;
        flex-direction: column;
        text-align: center;
        border-top: 1px solid var(--blog-postx-border-dark-color);
        border-bottom: 1px solid var(--blog-postx-border-dark-color);
    }

    body.archive.term-post-format-video #blog-postx-main-wrap .page-header .page-title::before,
    body.archive.term-post-format-gallery #blog-postx-main-wrap .page-header .page-title::before,
    body.archive.term-post-format-audio #blog-postx-main-wrap .page-header .page-title::before,
    body.archive.term-post-format-image #blog-postx-main-wrap .page-header .page-title::before,
    body.archive.term-post-format-quote #blog-postx-main-wrap .page-header .page-title::before {
        content: '\f5fd';
        color: #C69270;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        padding-right: 20px;
        font-size: 17px;
    }
    
 /*
 MARK: Ticker News
 */

    /* slider enabled */
        body .slick-slider .slick-arrow {
            opacity: 0;
        }

        body .slick-slider.carousel-wrap:hover .slick-arrow,
        body .ticker-item-wrap.slick-slider:hover .slick-arrow,
        .post_format-post-format-gallery:hover .slick-arrow {
            opacity: 1;
        }

        body .post_format-post-format-gallery:hover .slick-slider .slick-prev.slick-arrow {
            left: 15px;
        }

        body .post_format-post-format-gallery:hover .slick-slider .slick-next.slick-arrow {
            right: 15px;
        }


/* Category collection */


    .blog-postx-dark-mode .blog-postx-category-collection-section .category-wrap .cat-meta .category-label {
        font-family: var(--post-title-family);
    }

    @media (max-width: 1024px) {
        .blog-postx-ticker-news.slider-type--none.desktop-column--four .ticker-item-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .blog-postx-category-collection-section.column--six .category-collection-wrap {
            grid-template-columns: repeat(3, 1fr);
        }
    }
/* 
    @media (min-width: 768px) {
        body.archive--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary {
             flex: 1 1 100%; 
            max-width: 100%;
        }
    } */


  @import url("https://fonts.cdnfonts.com/css/poppins");

  body {
      background: #0f0e1a !important;
      font-family: 'Poppins', sans-serif !important;
      color: #c7f9ff;
  }

  header.site-header {
      background-color: #0f0e1a !important;
  }

  a { color: #38bdf8; }
  a:hover { color: #E5C852; }

  .post-title a, .entry-title a { color: #38bdf8 !important; }
  .post-title a:hover { color: #ffffff !important; }

  footer.site-footer { background-color: #1e1b2e !important; }

  /* Hide menu item descriptions in dropdown */
  .main-navigation .menu .sub-menu .menu-item-description,
  .main-navigation .menu.nav-menu .sub-menu .menu-item-description {
      display: none !important;
  }

  /* ---- Header: inherit same styling as blog listing page ---- */

  /* Remove menu container background color */
  @media (min-width: 48.1em) {
      body .blog-postx-primary-menu-container,
      #site-navigation-secondary.use-primary ul {
          background: transparent !important;
      }
  }

  /* =============================================
     DARK THEME OVERRIDES - Single Post & Cards
     ============================================= */

  /* Override CSS variables for dark theme */
  :root {
      --card-border-color: #1e1b2e !important;
      --card-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3) !important;
      --blog-postx-sticky-posts-bk-color: #1a1830 !important;
      --blog-postx-sticky-posts-border-color: #2a2745 !important;
      --blog-postx-white-bk: #1a1830 !important;
      --blog-postx-white-dark-color: #1a1830 !important;
      --blog-postx-black-dark-color: #c7f9ff !important;
      --blog-postx-border-dark-color: #2a2745 !important;
      --border-bottom-color: #2a2745 !important;
      --border-bottom-color-two: #2a2745 !important;
  }

  /* Body background override */
  body, body.blog-postx-dark-mode:before {
      background: #0f0e1a !important;
  }

  /* ---- Single Post Page ---- */

  /* Post content, comments, author box, navigation, related posts - remove white bg */
  /* Each section in its own card box with clear separation */
  .single-post #blog-postx-main-wrap .blog-postx-container .row #primary .post-inner {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      box-shadow: none !important;
      border-radius: 10px !important;
      margin-bottom: 25px !important;
  }

  .single-post #primary article .post-card .bmm-author-thumb-wrap {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      box-shadow: none !important;
      border-radius: 10px !important;
      margin-bottom: 25px !important;
  }

  .single-post #blog-postx-main-wrap .blog-postx-container .row #primary nav.navigation {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      box-shadow: none !important;
      border-radius: 10px !important;
      margin-bottom: 25px !important;
  }

  .single-post #blog-postx-main-wrap .blog-postx-container .row #primary .comments-area {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      box-shadow: none !important;
      border-radius: 10px !important;
      margin-bottom: 25px !important;
  }

  .single-post #blog-postx-main-wrap .blog-postx-container .row #primary .single-related-posts-section-wrap {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      box-shadow: none !important;
      border-radius: 10px !important;
      margin-bottom: 25px !important;
  }

  /* Sidebar widgets */
  aside .widget,
  #widget_block,
  .widget.widget_block {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3) !important;
      border-radius: 10px !important;
      color: #c7f9ff !important;
  }

  /* Widget titles */
  aside .widget .widget-title,
  aside .widget h2,
  .sidebar .widget-title,
  .widget_block h2,
  .block-title {
      color: #ffffff !important;
  }

  /* Widget links */
  aside .widget a,
  aside .widget li,
  .widget_block a {
      color: #94a3b8 !important;
  }

  aside .widget a:hover,
  .widget_block a:hover {
      color: #38bdf8 !important;
  }

  /* Search widget */
  .search-form .search-field,
  .wp-block-search__input {
      background-color: #0f0e1a !important;
      border: 1px solid #2a2745 !important;
      color: #c7f9ff !important;
  }

  .search-form .search-submit,
  .wp-block-search__button {
      background-color: #38bdf8 !important;
      color: #0f0e1a !important;
      border: none !important;
  }

  /* ---- Comment Form (full width) ---- */
  body.single-post .comment-respond .comment-form-comment textarea {
      background-color: #0f0e1a !important;
      border: 1px solid #2a2745 !important;
      color: #c7f9ff !important;
      width: 100% !important;
      box-sizing: border-box !important;
  }

  body.single-post form.comment-form .comment-form-author,
  body.single-post form.comment-form .comment-form-email {
      width: 48% !important;
      display: inline-block !important;
  }

  body.single-post form.comment-form .comment-form-author input,
  body.single-post form.comment-form .comment-form-email input,
  body.single-post form.comment-form .comment-form-url input {
      background-color: #0f0e1a !important;
      border: 1px solid #2a2745 !important;
      color: #c7f9ff !important;
      width: 100% !important;
      box-sizing: border-box !important;
      padding: 10px !important;
  }

  body.single-post form.comment-form .comment-form-url {
      width: 100% !important;
  }

  body.single-post form.comment-form input:focus,
  body.single-post form.comment-form textarea:focus {
      outline: 2px solid #38bdf8 !important;
  }

  body.single-post .comments-area .form-submit input.submit {
      background-color: #38bdf8 !important;
      color: #0f0e1a !important;
      border: none !important;
      border-radius: 5px !important;
      font-weight: 600 !important;
  }

  body.single-post .comments-area .form-submit input.submit:hover {
      background-color: #E5C852 !important;
  }

  /* Comment text and labels */
  .comments-area,
  .comments-area .comment-body,
  .comment-respond,
  form.comment-form,
  form.comment-form label,
  .comments-area .comment-author,
  .comments-area .comment-metadata a,
  .comment-form-cookies-consent label {
      color: #c7f9ff !important;
  }

  .comments-area .comments-title,
  .comments-area .comment-reply-title {
      color: #ffffff !important;
      border-bottom-color: #2a2745 !important;
  }

  /* ---- Post Content Text ---- */
  .entry-content,
  .entry-content p,
  .entry-content li,
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
      color: #c7f9ff !important;
  }

  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4 {
      color: #ffffff !important;
  }

  /* Post title */
  .single-post .entry-title,
  .single-post .post-title {
      color: #ffffff !important;
  }

  /* Post meta */
  .single-post .post-meta span,
  .single-post .post-meta a,
  .single-post .entry-meta span,
  .single-post .entry-meta a,
  .single-post .byline a,
  .single-post .posted-on a {
      color: #94a3b8 !important;
  }

  /* ---- "You May Have Missed" / Related Posts Section ---- */
  .blog-postx-you-may-have-missed-section .blog-postx-you-may-missed-inner-wrap,
  .blog-postx-you-may-have-missed-section .you-may-have-missed-post {
      border: 1px solid #2a2745 !important;
      box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3) !important;
      border-radius: 10px !important;
      background: #1a1830 !important;
  }

  .blog-postx-you-may-have-missed-section {
      background: #0f0e1a !important;
  }

  .blog-postx-you-may-have-missed-section .section-title,
  .blog-postx-you-may-have-missed-section .block-title-text {
      color: #ffffff !important;
  }

  /* ---- All Card Elements ---- */
  .post-card,
  .post-item,
  article.post {
      /* background: #1a1830 !important; */
      /* border-color: #2a2745 !important; */
  }

  article, .blog-postx-article-inner {
      border-radius: 12px !important;
  }

  /* Category badges */
  .blog-postx-category-collection-section .category-wrap .category-name a,
  .blog-postx-category-collection-section .category-wrap {
      background: #1a1830 !important;
      border-color: #2a2745 !important;
      color: #c7f9ff !important;
  }

  /* Post navigation */
  .single-post .navigation .nav-links a {
      color: #38bdf8 !important;
  }

  .single-post .navigation .nav-links .post-title {
      color: #c7f9ff !important;
  }

  /* Canvas sidebar */
  .canvas-menu-sidebar {
      background-color: #1a1830 !important;
  }

  /* Breadcrumb */
  .single-post .breadcrumb-wrap,
  .single-post .breadcrumb-wrap a {
      color: #94a3b8 !important;
  }

  /* Tags in single post */
  .single-post .tags-links a,
  .single-post .tagcloud a {
      background: #0f0e1a !important;
      border: 1px solid #2a2745 !important;
      color: #c7f9ff !important;
  }

  .single-post .tags-links a:hover,
  .single-post .tagcloud a:hover {
      background: #38bdf8 !important;
      color: #0f0e1a !important;
  }

  /* Author box in single post */
  .single-post .single-author-box,
  .single-post .bmm-author-thumb-wrap {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      border-radius: 10px !important;
  }

  .single-post .single-author-box .author-name,
  .single-post .single-author-box .author-name a {
      color: #ffffff !important;
  }

  .single-post .single-author-box .author-desc {
      color: #94a3b8 !important;
  }

  /* Table of contents or blockquotes */
  .entry-content blockquote {
      background: #0f0e1a !important;
      border-left: 4px solid #38bdf8 !important;
      color: #c7f9ff !important;
  }

  /* FIX 4: Footer - match blog listing page design */
  footer.site-footer,
  footer.site-footer .widget,
  footer.site-footer .main-footer,
  .bottom-footer {
      background-color: #0f0e1a !important;
      color: #94a3b8 !important;
      border-top: none !important;
      box-shadow: none !important;
  }

  footer.site-footer .bb-bldr-row {
      background-color: transparent !important;
  }

  footer.site-footer .site-title,
  footer.site-footer .site-title a {
      color: #ffffff !important;
      font-family: 'Poppins', sans-serif !important;
  }

  footer.site-footer .site-info,
  footer.site-footer .site-info a {
      color: #64748b !important;
      font-size: 13px !important;
  }

  footer.site-footer a {
      color: #94a3b8 !important;
  }

  footer.site-footer a:hover {
      color: #38bdf8 !important;
  }

  footer.site-footer .social-icons-wrap a i {
      color: #94a3b8 !important;
      transition: color 0.3s ease !important;
  }

  footer.site-footer .social-icons-wrap a:hover i {
      color: #38bdf8 !important;
  }

  footer.site-footer .bottom-footer {
      border-top: 1px solid #1e1b2e !important;
      padding: 15px 0 !important;
  }

  /* Remove any remaining white borders on all card-like elements */
  .blog-postx-category-collection-section.layout--four .category-wrap,
  .blog-postx-ticker-news .ticker-item,
  .blog-postx-web-stories .stories-wrap .preview {
      border-color: #2a2745 !important;
      background: #1a1830 !important;
  }

  /* ---- Author Box in card ---- */
  body.single-post #primary article .post-card .bmm-author-thumb-wrap {
      margin-top: 0 !important;
      margin-bottom: 25px !important;
      padding: 25px 20px !important;
      gap: 8px !important;
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      border-radius: 10px !important;
  }

  body.single-post #primary article .post-card .bmm-author-thumb-wrap .post-thumb {
      margin-top: 0 !important;
      background-color: #0f0e1a !important;
      width: 80px !important;
      height: 80px !important;
      padding: 4px !important;
      border: 2px solid #2a2745 !important;
      border-radius: 50% !important;
  }

  body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-name a {
      color: #38bdf8 !important;
      font-size: 17px !important;
  }

  body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-name a:hover {
      color: #E5C852 !important;
  }

  body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-desc {
      color: #94a3b8 !important;
      font-size: 14px !important;
  }

  /* ---- Post Navigation Fixes ---- */
  body.single-post #primary .post-navigation .nav-links {
      gap: 15px !important;
  }

  body.single-post #primary .post-navigation .nav-links > div {
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      padding: 12px 0 !important;
      border-bottom: 1px solid #2a2745 !important;
  }

  body.single-post #primary .post-navigation .nav-links > div:last-child {
      border-bottom: none !important;
  }

  body.single-post #primary .post-navigation .nav-links a {
      color: #c7f9ff !important;
      text-decoration: none !important;
  }

  body.single-post #primary .post-navigation .nav-links figure.nav-thumb {
      border-radius: 6px !important;
      overflow: hidden !important;
  }

  body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-date,
  body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-nav-time-string {
      color: #94a3b8 !important;
      font-size: 12px !important;
  }

  body.single-post #primary .post-navigation .nav-links .nav-post-elements .nav-title {
      color: #c7f9ff !important;
      font-size: 14px !important;
  }

  body.single-post #primary .post-navigation .nav-links .nav-subtitle i {
      color: #38bdf8 !important;
  }

  body.single-post #primary nav.navigation.post-navigation {
      padding: 15px !important;
  }

  /* FIX 3: Post navigation full width */
  body.single-post #primary .post-navigation .nav-links > div {
      flex: 1 1 100% !important;
      max-width: 100% !important;
  }

  body.single-post #primary .post-navigation .nav-links {
      flex-wrap: wrap !important;
  }

  /* ---- Comment Section Refinements ---- */
  body.single-post .comments-area .comment-list article {
      border-bottom-color: #2a2745 !important;
  }

  body.single-post .comments-area .comment-author.vcard a {
      color: #ffffff !important;
  }

  body.single-post .comments-area .comment-metadata a {
      color: #64748b !important;
      font-size: 12px !important;
  }

  body.single-post .comments-area .comment-content,
  body.single-post .comments-area .comment-content p {
      color: #c7f9ff !important;
  }

  body.single-post .comments-area .reply a {
      color: #38bdf8 !important;
      font-size: 13px !important;
  }

  body.single-post .comments-area p.no-comments {
      color: #38bdf8 !important;
  }

  body.single-post .comment-respond .comment-notes,
  body.single-post .comment-respond .logged-in-as {
      color: #94a3b8 !important;
  }

  body.single-post .comment-respond .required {
      color: #f87171 !important;
  }

  /* ---- Sidebar Refinements ---- */
  aside .widget ul {
      padding: 0 !important;
      margin: 0 !important;
      list-style: none !important;
  }

  aside .widget ul li {
      padding: 8px 0 !important;
      border-bottom: 1px solid #1e1b2e !important;
      font-size: 14px !important;
  }

  aside .widget ul li:last-child {
      border-bottom: none !important;
  }

  /* Sidebar section titles */
  aside .widget .wp-block-heading,
  aside .widget h2.wp-block-heading {
      color: #38bdf8 !important;
      font-size: 18px !important;
      font-weight: 600 !important;
      margin-bottom: 12px !important;
      padding-bottom: 8px !important;
      border-bottom: 2px solid #2a2745 !important;
  }

  /* Recent comments widget */
  aside .widget .no-comments,
  aside .widget .wp-block-latest-comments__comment-excerpt p {
      color: #64748b !important;
  }

  /* Archives widget */
  aside .widget select,
  aside .widget .wp-block-archives-dropdown select {
      background-color: #0f0e1a !important;
      border: 1px solid #2a2745 !important;
      color: #c7f9ff !important;
      padding: 8px !important;
      border-radius: 5px !important;
      width: 100% !important;
  }

  /* ---- Tag Icon Color Fix ---- */
  body.single-post #primary article footer .tags-links a:before {
      color: #64748b !important;
  }

  /* ---- "You May Have Missed" Section in card ---- */
  .blog-postx-you-may-have-missed-section .blog-postx-you-may-missed-inner-wrap {
      background: #1a1830 !important;
      border: 1px solid #2a2745 !important;
      border-radius: 10px !important;
      padding: 25px !important;
  }

  .blog-postx-you-may-have-missed-section .section-title,
  .blog-postx-you-may-have-missed-section .section-title .title {
      color: #ffffff !important;
  }

  .blog-postx-you-may-have-missed-section .section-title .divider {
      background-color: #38bdf8 !important;
  }

  .blog-postx-you-may-have-missed-section .post-item .entry-title a {
      color: #ffffff !important;
  }

  .blog-postx-you-may-have-missed-section .post-item .entry-title a:hover {
      color: #38bdf8 !important;
  }

  .blog-postx-you-may-have-missed-section .post-item .post-meta,
  .blog-postx-you-may-have-missed-section .post-item .post-meta a,
  .blog-postx-you-may-have-missed-section .post-item .post-meta span {
      color: #94a3b8 !important;
  }

  .blog-postx-you-may-have-missed-section article.post-item .post-thumnail-inner-wrapper a {
      border-radius: 8px !important;
      overflow: hidden !important;
  }

  .blog-postx-you-may-have-missed-section .post-categories li a {
      background-color: rgba(56, 189, 248, 0.15) !important;
      color: #38bdf8 !important;
      border-radius: 4px !important;
      padding: 2px 10px !important;
      font-size: 11px !important;
  }

  /* ---- Post Card Wrapper (remove outer box, only inner bmm-author has the card) ---- */
  body.single-post #primary article .post-card {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
  }

  /* ---- Entry Footer (tags area) ---- */
  body.single-post #primary article footer.entry-footer {
      border-top: 1px solid #2a2745 !important;
      padding-top: 15px !important;
      margin-top: 20px !important;
  }

  body.single-post #primary article footer .tags-links {
      color: #94a3b8 !important;
  }

  /* ---- Social Share Buttons ---- */
  .single-post .social-share-wrap a,
  .single-post .post-share-button a {
      background: #0f0e1a !important;
      border: 1px solid #2a2745 !important;
      color: #c7f9ff !important;
  }

  .single-post .social-share-wrap a:hover,
  .single-post .post-share-button a:hover {
      background: #38bdf8 !important;
      color: #0f0e1a !important;
  }

  /* ---- Read Time Badge ---- */
  .post-read-time-wrap {
      color: #94a3b8 !important;
  }

  /* ---- Fix strong/bold text in content ---- */
  .entry-content strong,
  .entry-content b {
      color: #ffffff !important;
  }

  /* ---- Fix link colors in content ---- */
  body.single-post article .entry-content p a,
  body.single-post article .entry-content a {
      color: #38bdf8 !important;
  }

  body.single-post article .entry-content p a:hover,
  body.single-post article .entry-content a:hover {
      color: #E5C852 !important;
  }

  /* Scrollbar styling */
  ::-webkit-scrollbar {
      width: 8px;
  }
  ::-webkit-scrollbar-track {
      background: #0f0e1a;
  }
  ::-webkit-scrollbar-thumb {
      background: #2a2745;
      border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
      background: #38bdf8;
  }