/* Ultimate CSS to hide post info (author, date, category, likes) in Bridge Theme */
.post_info, /* Hides the entire meta bar */
.post-info,
.entry-meta,
.post_info .post_author,
.post_info .post_info_author,
.post_info .post_info_date, /* Date */
.post_info .post_info_category, /* Category */
.blog_like, /* Likes */
.qode-like, /* Likes */
.post_info-author,
.mkdf-post-info-author,
.qode-post-info-author,
.post_author,
.blog_holder article .post_info,
.blog_holder article .post_info .post_info_author,
.blog_holder article .post_text .post_info .post_info_author,
.blog_holder.blog_single article .post_info .post_info_author,
.post_info_author_link,
.author_description,
.author_name_holder,
.post_info > div,
span.post_author {
    display: none !important;
}

/* Ultimate CSS to hide comments in Bridge Theme */
.nocomments,
p.nocomments,
.comments_count,
.post_info_comments,
.post_comments,
.post_info .post_info_comments,
.mkdf-comments-count,
.qode-comments-count,
.blog_holder article .post_info .post_info_comments,
.comment_holder,
#comments,
.comment-respond,
#respond,
.comments_title_holder {
    display: none !important;
}

/* --------------------------------------------------------------------------
   REVERSE ORDER: BREADCRUMBS CENTERED ABOVE TITLE
   -------------------------------------------------------------------------- */

/* Target the container that holds both the title and the breadcrumbs */
.title_subtitle_holder_inner,
.title .title_subtitle_holder {
    display: flex !important;
    flex-direction: column-reverse !important; /* This puts the breadcrumbs ABOVE the title */
    align-items: center !important; /* Centers everything horizontally */
    justify-content: center !important;
    gap: 0px !important; /* Keep elements tight inside */
    width: 100% !important;
    text-align: center !important;
}

/* Format the breadcrumbs */
.title .breadcrumb,
.qode-title .breadcrumb,
.title .breadcrumbs {
    position: relative !important;
    display: block !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
    z-index: 100 !important;
}

/* Ensure breadcrumb links inherit centering */
.title .breadcrumb a,
.title .breadcrumb span {
    display: inline-block !important;
}

/* Ensure the wrapper has enough space to not overlap with menu but added a small space at bottom */
.title .title_holder {
    padding-top: 40px !important;
    padding-bottom: 25px !important; /* ADDED A SMALL SPACE HERE */
    min-height: auto !important;
    height: auto !important;
}

/* --------------------------------------------------------------------------
   REMOVE DUPLICATE WHITE TITLE (HIDE TITLE AREA H1, KEEP CONTENT H2)
   -------------------------------------------------------------------------- */

/* Hide the main global Title Area text (usually the white one) */
.single-post .title .title_subtitle_holder h1,
.single-post .qode-title .qode-title-subtitle-holder h1,
.single-post .title_subtitle_holder_inner h1 {
    display: none !important;
}

/* --------------------------------------------------------------------------
   SYMMETRICAL SPACING FOR PURPLE TITLE AREA
   -------------------------------------------------------------------------- */

/* Target the post block or content block that has the purple background */
.blog_holder.blog_single article,
.blog_holder article.post,
.single-post .content .container .container_inner,
.single-post .full_width_inner {
    padding-top: 0px !important; /* Remove generic top padding to control it via title */
    margin-top: -15px !important; /* Pull it up slightly if there's external margin */
}

/* Specifically if the purple background is on the post text */
.blog_holder article .post_text,
.blog_holder.blog_single article .post_text {
    padding-top: 0px !important; /* Remove generic padding to control it symmetrically */
}

/* Ensure the content area title (usually the purple one) remains visible with SYMMETRICAL margins */
.blog_holder.blog_single article h2.entry_title,
.blog_holder.blog_single article h2,
.blog_holder.blog_single article h1.entry_title,
.single-post .post_text_inner > h2 {
    display: block !important;
    padding-top: 30px !important;    /* Space between top of purple background and title */
    padding-bottom: 30px !important; /* Space between title and text content */
    margin-top: 0px !important;      
    margin-bottom: 0px !important;
}

/* Fix any default padding on the first text element below the title to ensure symmetry */
.blog_holder.blog_single article .post_text_inner > *:nth-child(2) {
    margin-top: 0px !important;
}