/* ==========================================================================
   Trending Society Core — Global Overrides
   Loaded on all front-end pages.
   Version 1.2.0
   ========================================================================== */

/* ==========================================================================
   Sticky Header — keep dark on scroll (Newspaper / TagDiv Composer override)
   
   Root cause: The Newspaper theme uses .tdc-row-is-sticky rows for the
   sticky header. The background is set via a child .td-element-style
   whose :after pseudo-element overlays an off-white rgb(244,244,244)
   on top of the near-black rgb(10,10,10) base. This CSS suppresses
   that overlay and forces everything solid black.
   ========================================================================== */

/* 1. Force the sticky row background to solid black */
.tdc-row-is-sticky,
.tdc-row-is-sticky.tdc-rist-top-active {
    background-color: #000 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 2. Override the td-element-style layer AND its :after/:before pseudo-elements
      that overlay off-white rgb(244,244,244) on top of the dark base */
.tdc-row-is-sticky .td-element-style,
.tdc-row-is-sticky .td-element-style:before,
.tdc-row-is-sticky .td-element-style:after {
    background-color: #000 !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* 3. Clear inner row/column backgrounds so the black shows through */
.tdc-row-is-sticky .vc_row,
.tdc-row-is-sticky .wpb_column,
.tdc-row-is-sticky .vc_column_container {
    background-color: transparent !important;
    background-image: none !important;
}

/* 4. Suppress blue accent :after on menu links inside sticky header */
.tdc-row-is-sticky .sf-menu > li > a:after,
.tdc-row-is-sticky a:after {
    background-color: transparent !important;
}

/* 5. Wrapper fallback */
.td-header-desktop-sticky-wrap,
.td-header-mobile-sticky-wrap {
    background-color: #000 !important;
}