.blog-detail-banner { position: relative; min-height: 380px; background-color: var(--blackcolor); background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center;    /* vertical center */ justify-content: center;    /* horizontal center */ }
.blog-detail-banner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, #00000080 0%, #00000059); z-index: 1; }
.blog-detail-banner .container { position: relative; z-index: 2; width: 100%; }
.blog-detail-banner-wrapper { display: flex; align-items: center; justify-content: center; padding: 170px 80px 80px; }

/* Centered title block */
.title-content-wrapper.text-center { text-align: center; display: flex; flex-direction: column-reverse; align-items: center; gap: 20px; max-width: 800px; margin: 0 auto; }

/* Date badge */
.blog-detail-date { display: inline-flex; align-items: center; gap: 20px; position: relative; flex-direction: column; }
.blog-detail-date::before { content: ''; display: block; width: 100px; height: 2px; background-image: linear-gradient(90deg, var(--primarycolor) 0%, var(--primaryshadecolor) 100%); flex-shrink: 0; }
.blog-detail-date span { font-family: var(--primaryfontfamily); font-size: 16px; font-weight: 600; color: var(--primarycolor); letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; }

/* Heading */
.blog-detail-banner .main-title h1 { color: var(--whitecolor); text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.2; margin: 0; }

/* ---- Content Section ---- */
.blog-detail-content { background-color: var(--whitecolor); padding: 80px 0; }
.blog-detail-content .container { max-width: 880px; margin-left: auto; margin-right: auto; }
.blog-detail-inner { display: flex; flex-direction: column; }

/* ---- Prose Styles ---- */
.blog-detail-inner p { font-family: var(--primaryfontfamily); font-size: 20px; color: #000; line-height: 1.6; margin: 0 0 1.3em 0; }

/* Links inside content use theme primary */
.blog-detail-inner a { color: var(--secondarycolor); }
.blog-detail-inner [class*="button--"] a { color: var(--blackcolor); }
.blog-detail-inner figure,
.blog-detail-inner img { max-width: 100%; height: auto; border-radius: 8px; }

/* WP block image / table */
.blog-detail-inner figure.wp-block-image,
.blog-detail-inner .wp-block-table { border-radius: 8px; }

/* WP block button — match theme button style */
.blog-detail-inner .wp-block-button__link,
.blog-detail-inner .wp-block-button a { font-family: var(--primaryfontfamily) !important; display: inline-flex !important; align-items: center; justify-content: center; color: var(--whitecolor) !important; text-decoration: none !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 15px 30px !important; border-radius: 50px !important; background-image: linear-gradient(90deg, var(--buttonbackgroundgradientcolor1) 0%, var(--buttonbackgroundgradientcolor2) 100%) !important; background-color: var(--primarycolor) !important; box-shadow: 0px 3px 6px 0px rgba(220, 219, 34, 0.20) !important; transition: var(--transition400ms) !important; }
.blog-detail-inner .wp-block-button__link:hover,
.blog-detail-inner .wp-block-button a:hover { background-color: var(--buttonbackgroundgradientcolor1) !important; color: var(--blackcolor) !important; }

/* ---- Separator before Tags ---- */
.blog-detail-tags { display: flex; flex-wrap: wrap; gap: 10px; padding: 40px 0; }

/* Tag pill — matches theme border-radius pill pattern */
.blog-tag { display: inline-flex; align-items: center; border: 1.5px solid var(--blackcolor); color: var(--blackcolor) !important; font-family: var(--primaryfontfamily); font-size: 1rem; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; text-decoration: none; padding: 5px 20px; border-radius: 50px; transition: var(--transition400ms); }
.blog-tag:hover { border-color: var(--secondarycolor); color: var(--secondarycolor) !important; }

/* ---- Share Row ---- */
.blog-detail-share { display: flex; align-items: center; gap: 20px; background: #f7f7f7; padding: 20px; justify-content: center; }
.share-label { font-family: var(--primaryfontfamily); font-size: 20px; font-weight: 400; color: #000; }
.share-buttons { display: flex; align-items: center; gap: 20px; }

/* Share circles — match theme's rounded icon button pattern */
.share-btn { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #000; color: #000 !important; text-decoration: none; transition: var(--transition400ms); }
.share-btn:hover { border-color: var(--secondarycolor); color: var(--secondarycolor) !important; }
.share-block .container { max-width: calc(1280px + 160px); }
section.follow-news { padding: 0 0 40px 0; }
section.follow-news .follow-news-bgimage img { height: 70vh; }
section.follow-news .follow-news-inner .follow-news-box { border-radius: 20px; background-color: var(--whitecolor); position: relative; z-index: 1; }
section.follow-news .follow-news-inner .follow-news-box .title-content { margin: 0 0 40px 0; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner { display: flex; gap: 20px; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing { width: calc(((100% - 0px) / 2) * 2); }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex { display: flex; gap: 20px; position: sticky; top: 80px; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list { width: calc((100% - 20px) / 2); }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list { color: var(--blackcolor); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 20px; font-size: 18px; overflow: hidden; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .twitter-box { padding: 15px 30px; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-image > a { display: block; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-image img { aspect-ratio: 16/9; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-details { padding: 40px; display: flex; flex-direction: column; gap: 10px; line-height: 1.5; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-details .news-list-date { color: #00000059; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-title { font-size: 22px; font-weight: 500; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-shortcontent { margin: 0 0 20px 0; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .news-list-shortcontent p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons { display: flex; flex-direction: column; gap: 10px; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons .bottom-button-each > a { display: flex; align-items: center; color: var(--secondarycolor); font-size: 20px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; gap: 20px; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons .bottom-button-each > a span.learn-more-icon { width: 16px; height: 16px; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons .bottom-button-each > a span.learn-more-icon svg { width: 16px; height: 16px; display: block; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons .bottom-button-each > a span.learn-more-icon svg path { fill: var(--secondarycolor); transition: 400ms; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons .bottom-button-each > a:hover { color: #91096a; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list .bottom-buttons .bottom-button-each > a:hover span.learn-more-icon svg path { fill: #91096a; }
section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-list.news-list-has-no-video .bottom-button-each.view-video a { pointer-events: none; cursor: not-allowed; }
@media (max-width:1024px) {
    section.follow-news .follow-news-inner .follow-news-box { padding: 80px 20px; }
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner { flex-direction: column-reverse; }
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .twitter-box { width: 100%; padding: 40px; }
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing { width: 100%; }
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex { flex-wrap: wrap; }
}
@media (max-width:767px) {
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .news-listing-flex .news-list { width: 100%; }
    section.follow-news .follow-news-inner .container { padding: 0; }
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .twitter-box .twitter-box-inner { max-height: 550px; overflow: auto; padding: 0 25px 0 0; }
    section.follow-news .follow-news-inner .twitter-new-listing .twitter-new-listing-inner .twitter-box { padding: 40px 15px 40px 40px; }
    section.follow-news .follow-news-inner .follow-news-box { padding: 50px 20px 80px 20px; }
}

/* ---- Responsive ---- */
@media (max-width:1199px) {
    .blog-detail-content .container { max-width: 100%; }
}
@media (max-width:767px) {
    .blog-detail-banner { min-height: 300px; }
    .blog-detail-banner-wrapper { padding: 60px 0 50px; }
    .blog-detail-banner .main-title h1 { font-size: 1.75rem; }
    .blog-detail-content { padding: 40px 0 56px; }
    .blog-detail-share { flex-direction: column; align-items: flex-start; gap: 14px; }
    .blog-detail-date::before,
    .blog-detail-date::after { width: 18px; }
}