.post, .article {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}
.author-box .fa-facebook,
.author-box .social-icons a[href*="facebook"] {
    display: none !important;
}
/* ===== POST CARDS / GRID polish ===== */
article, .post, .type-post{
  background: linear-gradient(180deg, rgba(17,28,51,.75), rgba(15,23,42,.75)) !important;
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow2);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

article:hover, .post:hover, .type-post:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow);
  border-color: rgba(255,255,255,.16);
}

/* Featured images inside cards */
.post-thumbnail img, .entry-thumbnail img, article img{
  border-radius: 0;
}

/* Titles look sharper */
.entry-title, .entry-title a{
  color: #fff !important;
  text-decoration: none !important;
  line-height: 1.15;
}

.entry-title a:hover{
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

/* Meta (date/category) subtle */
.entry-meta, .posted-on, .byline, .cat-links, .tags-links{
  color: rgba(229,231,235,.62) !important;
  font-size: .92rem;
}
/* ===== SIDEBAR WIDGETS ===== */
.widget{
  background: rgba(17,28,51,.65) !important;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--r-lg);
  padding: 16px !important;
  box-shadow: var(--shadow2);
}

.widget-title{
  color: #fff !important;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: .85rem;
  border-left: 3px solid var(--c-accent);
  padding-left: 10px;
}
/* ===== GLASS TOP BAR ===== */
.top-header,
.header-top{
    background: rgba(15,23,42,.65) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
/* ===== TOP SCROLL PROGRESS BAR ===== */
body:before{
  content:"";
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg,#ff0033,#ffb800,#3b82f6);
  z-index: 9999;
  opacity: .9;
}
/* Darken featured image background for readability */
.page-header,
.entry-header,
.site-header,
.td-post-featured-image {
    position: relative;
}

.page-header:before,
.entry-header:before,
.td-post-featured-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65); /* adjust 0.65 to darker/lighter */
    z-index: 1;
}

/* Force text above overlay */
.page-header *,
.entry-header *,
.td-post-featured-image * {
    position: relative;
    z-index: 2;
    color: #ffffff !important;
}
background: rgba(180, 0, 0, 0.55);
/* Force readable white text on pages/posts */
.entry-content, 
.entry-content p,
.entry-content li,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.td-post-content,
.td-post-content p,
.td-post-content li,
.td-post-content h1,
.td-post-content h2,
.td-post-content h3,
.post .tdb-block-inner,
.post .tdb-block-inner p,
.page .tdb-block-inner,
.page .tdb-block-inner p {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.85);
}
/* 1) FORCE the hero/featured area text to be bright + full opacity */
.tdb_single_title *,
.tdb_single_content *,
.tdb_single_content p,
.tdb_single_content li,
.tdb_single_content h1,
.tdb_single_content h2,
.tdb_single_content h3,
.td-post-content *,
.entry-content * {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.85) !important;
}

/* 2) Some themes fade the whole container (not just text) */
.tdb_single_title,
.tdb_single_content,
.td-post-content,
.entry-content {
  opacity: 1 !important;
}

/* 3) If a “mask/overlay” is sitting ON TOP of your text, push text above it */
.tdb_single_title,
.tdb_single_content,
.td-post-content,
.entry-content {
  position: relative !important;
  z-index: 5 !important;
}

/* 4) Make the image overlay sit BEHIND the text (and darker for readability) */
.tdb_featured_image_bg:before,
.td-post-featured-image:before,
.td-image-gradient:before,
.tdb_single_bg:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.75) !important;  /* adjust .75 darker/lighter */
  z-index: 1 !important;
}