/* ==========================================================================
   STG Single Post — Loads on single posts only
   --------------------------------------------------------------------------
   Post hero, post footer, mentioned brands sidebar, glass header overlay.
   ========================================================================== */

/* --- Glass Header on Single Posts --- */
.single .site-header,
.single .site-header > .wp-block-group {
    background: rgba(13, 13, 26, 0.6) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}
.single .site-header > .wp-block-group {
    border-bottom: 1px solid rgba(123, 97, 255, 0.1) !important;
}
/* Pull hero behind sticky header */
.single .stg-post-hero { margin-top: -150px !important; }

/* Compensate padding so content doesn't hide behind nav */
.stg-post-hero__cover { padding-top: calc(110px + clamp(3rem, 8vw, 6rem)) !important; }

@media (max-width: 768px) {
  .single .site-title-area { margin-top: -90px !important; }
  .stg-post-hero__cover { padding-top: calc(90px + clamp(2rem, 6vw, 4rem)) !important; }
}


/* --- Post Hero --- */
.stg-post-hero { position: relative; overflow: hidden; }
.stg-post-hero__cover .wp-block-cover__background { background: linear-gradient(
            to top,
            var(--stg-void) 0%,
            rgba(13, 13, 26, 0.95) 20%,
            rgba(13, 13, 26, 0.85) 45%,
            rgba(13, 13, 26, 0.65) 70%,
            rgba(13, 13, 26, 0.5) 100%
        ),
        linear-gradient(
            135deg,
            rgba(45, 27, 105, 0.4) 0%,
            transparent 50%
        ) !important; opacity: 1 !important; }
.stg-post-hero__cover { min-height: min(56.25vw, 75vh) !important; }
.stg-post-hero__content { padding-bottom: 2rem; }
.stg-post-hero__categories { margin-bottom: 1.25rem !important; }
.stg-post-hero__categories a { display: inline-block; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 16px; border-radius: var(--stg-radius-full); box-shadow: rgba(123, 97, 255, 0.3) 0px 0px 20px; transition: all var(--stg-transition-normal); background: var(--stg-electric-purple) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; font-size: 11px !important; }
.stg-post-hero__categories a:hover { box-shadow: rgba(123, 97, 255, 0.5) 0px 0px 30px; background: rgb(106, 80, 232) !important; text-decoration: none !important; }
.stg-post-hero__categories a + a { margin-left: 8px; }
.stg-post-hero__title { text-wrap: balance; max-width: 900px; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 20px, rgba(0, 0, 0, 0.8) 0px 1px 3px; font-size: clamp(2rem, 0.5rem + 5vw, 3.25rem) !important; font-weight: 700 !important; line-height: 1.15 !important; color: rgb(255, 255, 255) !important; margin-bottom: 0px !important; }
.stg-post-hero__accent { width: 60px !important; border-top: 3px solid var(--stg-signal-green) !important; background: none !important; opacity: 1 !important; }
.stg-post-hero__byline { font-size: 14px; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 8px; gap: 8px 12px !important; color: var(--stg-text-secondary) !important; }
.stg-post-hero__byline a { font-weight: 600; color: var(--stg-text-primary) !important; text-decoration: none !important; }
.stg-post-hero__byline a:hover { color: var(--stg-signal-green) !important; }
.stg-post-hero__separator { user-select: none; color: var(--stg-text-muted) !important; margin: 0px !important; }
.stg-post-hero__date-wrap { gap: 6px !important; }
.stg-post-hero__date-label { color: var(--stg-text-muted) !important; margin: 0px !important; }
.stg-post-hero__byline .wp-block-post-date { color: var(--stg-text-secondary) !important; }
.stg-post-hero__byline .wp-block-post-author { color: var(--stg-text-primary) !important; }
.stg-post-hero__byline .wp-block-post-author__name a { color: var(--stg-text-primary) !important; }
.stg-post-hero__toolbar { margin-top: 2rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 32px; background: var(--stg-glass-bg) !important; backdrop-filter: blur(16px) !important; border: 1px solid var(--stg-glass-border) !important; border-radius: var(--stg-radius-xl) !important; padding: 14px 24px !important; gap: 16px !important; }
.stg-post-hero__social .gs-share-item, .stg-post-hero__social span[class*="share"] { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; display: inline-flex !important; }
.stg-post-hero__toolbar-section { gap: 12px !important; }
.stg-post-hero__toolbar-section + .stg-post-hero__toolbar-section { padding-left: 16px; border-left: 1px solid rgba(123, 97, 255, 0.15); }
.stg-post-hero__engagement { color: var(--stg-text-primary); }
.stg-post-hero__social { color: var(--stg-text-primary); }
.stg-post-hero__social svg { transition: fill var(--stg-transition-fast); fill: var(--stg-text-secondary) !important; }
.stg-post-hero__social span:hover svg { fill: var(--stg-signal-green) !important; }
.stg-post-hero .social-share-label { display: none !important; }
.stg-post-hero__breadcrumbs { font-size: 13px; color: var(--stg-text-muted); }
.stg-post-hero__breadcrumbs a { font-weight: 500; color: var(--stg-signal-green) !important; text-decoration: none !important; }
.stg-post-hero__breadcrumbs a:hover { text-decoration: underline !important; }
.stg-post-hero__toolbar-placeholder { color: var(--stg-text-muted); font-size: 13px; font-style: italic; margin: 0px !important; }
.stg-post-hero__disclaimer { justify-content: center; padding: 12px 24px !important; gap: 8px !important; }
.stg-post-hero__disclaimer-text { color: var(--stg-text-muted) !important; font-size: 12px !important; margin: 0px !important; }
.stg-post-hero__disclaimer-link { margin: 0px !important; }
.stg-post-hero__disclaimer-link a { font-weight: 600; text-underline-offset: 2px; transition: color var(--stg-transition-fast); color: var(--stg-text-secondary) !important; font-size: 12px !important; text-decoration: underline !important; }
.stg-post-hero__disclaimer-link a:hover { color: var(--stg-signal-green) !important; }

@media (max-width: 768px) {
  .stg-post-hero__cover { min-height: 400px !important; }
  .stg-post-hero__content { padding-bottom: 1.25rem; }
  .stg-post-hero__title { font-size: clamp(1.5rem, 0.25rem + 6vw, 2.25rem) !important; }
  .stg-post-hero__toolbar { padding: 14px 16px !important; border-radius: 0px !important; border-left: none !important; border-right: none !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; margin-left: calc(-1 * var(--wp--custom--spacing--outer, 1.25rem)) !important; margin-right: calc(-1 * var(--wp--custom--spacing--outer, 1.25rem)) !important; }
  .stg-post-hero__toolbar-section + .stg-post-hero__toolbar-section { padding-left: 0px; padding-top: 12px; border-left: none; border-top: 1px solid rgba(123, 97, 255, 0.15); }
  .stg-post-hero__byline { font-size: 13px; gap: 4px 10px !important; }
  .stg-post-hero__separator { display: none !important; }
  .stg-post-hero__date-wrap { background: rgba(255, 255, 255, 0.06); padding: 3px 10px; border-radius: var(--stg-radius-full); gap: 4px !important; }
}

@media (max-width: 480px) {
  .stg-post-hero__cover { min-height: 340px !important; }
  .stg-post-hero__title { font-size: clamp(1.4rem, 0.25rem + 5vw, 1.85rem) !important; }
  .stg-post-hero__categories a { padding: 4px 12px; font-size: 10px !important; }
  .stg-post-hero__toolbar { padding: 12px !important; }
  .stg-post-hero__accent { width: 40px !important; }
  .stg-post-hero__byline { font-size: 12px; }
  .stg-post-hero__date-label { font-size: 11px !important; }
}


/* --- Post Footer --- */
.stg-post-footer { padding: clamp(2rem, 5vw, 4rem) var(--wp--custom--spacing--outer, 1.25rem) !important; }
.stg-post-footer__resource-box { margin-bottom: clamp(2rem, 4vw, 3rem); background: rgba(255, 107, 107, 0.08) !important; border-top: 1px solid rgba(255, 107, 107, 0.2) !important; border-right: 1px solid rgba(255, 107, 107, 0.2) !important; border-bottom: 1px solid rgba(255, 107, 107, 0.2) !important; border-image: initial !important; border-left: 4px solid var(--stg-warm-coral) !important; border-radius: var(--stg-radius-xl) !important; padding: clamp(1.25rem, 3vw, 2rem) !important; }
.stg-post-footer__resource-heading { color: var(--stg-warm-coral) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-bottom: 0.75rem !important; }
.stg-post-footer__resource-intro { color: var(--stg-text-secondary) !important; font-size: 14px !important; line-height: 1.6 !important; margin-bottom: 1rem !important; }
.stg-post-footer__resource-list { list-style: none !important; padding-left: 0px !important; margin: 0px 0px 1rem !important; }
.stg-post-footer__resource-list li { position: relative; color: var(--stg-text-secondary) !important; font-size: 14px !important; line-height: 1.7 !important; padding: 6px 0px 6px 1.25rem !important; }
.stg-post-footer__resource-list li::before { content: ""; position: absolute; left: 0px; top: 14px; width: 6px; height: 6px; border-radius: 50%; background: var(--stg-warm-coral); }
.stg-post-footer__resource-list a { font-weight: 600; transition: color var(--stg-transition-fast); color: var(--stg-signal-green) !important; text-decoration: none !important; }
.stg-post-footer__resource-list a:hover { text-underline-offset: 2px; text-decoration: underline !important; }
.stg-post-footer__resource-cta { color: var(--stg-text-muted) !important; font-size: 13px !important; margin: 0px !important; }
.stg-post-footer__resource-cta a { text-underline-offset: 2px; font-weight: 600; color: var(--stg-signal-green) !important; text-decoration: underline !important; }
.stg-post-footer__author-card { margin-bottom: clamp(2rem, 4vw, 3rem); background: var(--stg-surface) !important; border: 1px solid var(--stg-border-color) !important; border-radius: var(--stg-radius-xl) !important; padding: clamp(1.25rem, 3vw, 2rem) !important; gap: clamp(1rem, 2.5vw, 1.5rem) !important; }
.stg-post-footer__author-avatar { flex-shrink: 0; }
.stg-post-footer__author-avatar img { object-fit: cover; border-radius: 50% !important; border: 3px solid var(--stg-signal-green) !important; width: 80px !important; height: 80px !important; }
.stg-post-footer__author-info { flex: 1 1 0%; min-width: 0px; }
.stg-post-footer__author-name { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 0.5rem !important; color: var(--stg-text-primary) !important; }
.stg-post-footer__author-name a { color: var(--stg-text-primary) !important; text-decoration: none !important; }
.stg-post-footer__author-name a:hover { color: var(--stg-signal-green) !important; }
.stg-post-footer__author-bio { color: var(--stg-text-secondary) !important; font-size: 14px !important; line-height: 1.6 !important; margin-bottom: 0.75rem !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.stg-post-footer__author-links { gap: 1.5rem !important; }
.stg-post-footer__author-link--read, .stg-post-footer__author-link--contact { margin: 0px !important; font-size: 14px !important; font-weight: 600 !important; }
.stg-post-footer__author-link--read a { transition: opacity var(--stg-transition-fast); color: var(--stg-signal-green) !important; text-decoration: none !important; }
.stg-post-footer__author-link--read a:hover { text-decoration: underline !important; }
.stg-post-footer__author-link--contact a { transition: opacity var(--stg-transition-fast); color: var(--stg-electric-purple) !important; text-decoration: none !important; }
.stg-post-footer__author-link--contact a:hover { text-decoration: underline !important; }
.stg-post-footer__topics { margin-bottom: clamp(2rem, 4vw, 3rem); }
.stg-post-footer__section-heading { font-size: 20px !important; font-weight: 700 !important; color: var(--stg-text-primary) !important; margin-bottom: 1.25rem !important; margin-top: 0px !important; }
.stg-post-footer__tag-cloud { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
.stg-post-footer__tag-cloud a { display: inline-block; transition: border-color var(--stg-transition-normal),
                background var(--stg-transition-normal),
                box-shadow var(--stg-transition-normal); background: var(--stg-elevated) !important; border: 1px solid var(--stg-border-color) !important; border-radius: var(--stg-radius-full) !important; padding: 8px 16px !important; color: var(--stg-text-primary) !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; }
.stg-post-footer__tag-cloud a:hover { box-shadow: rgba(123, 97, 255, 0.15) 0px 0px 12px; background: var(--stg-surface) !important; border-color: var(--stg-electric-purple) !important; color: var(--stg-text-primary) !important; }
.stg-post-footer__same-author { margin-bottom: clamp(2rem, 4vw, 3rem); }
.stg-post-footer__author-grid .gspbgrid_item { overflow: hidden; transition: border-color var(--stg-transition-normal),
                transform var(--stg-transition-normal); background: var(--stg-surface) !important; border: 1px solid var(--stg-border-color) !important; border-radius: var(--stg-radius-xl) !important; }
.stg-post-footer__author-grid .gspbgrid_item:hover { transform: translateY(-2px); border-color: var(--stg-electric-purple) !important; }
.stg-post-footer__grid-image img { aspect-ratio: 16 / 9 !important; object-fit: cover !important; width: 100% !important; }
.stg-post-footer__grid-body { padding: 1rem !important; }
.stg-post-footer__grid-category { margin-bottom: 0.5rem !important; }
.stg-post-footer__grid-category a, .stg-post-footer__grid-category .gspb_meta_value a { color: var(--stg-electric-purple) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-decoration: none !important; }
.stg-post-footer__grid-category a:hover, .stg-post-footer__grid-category .gspb_meta_value a:hover { color: var(--stg-signal-green) !important; }
.stg-post-footer__grid-title h2, .stg-post-footer__grid-title .gspb-dynamic-title-element { font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; margin: 0px 0px 0.5rem !important; }
.stg-post-footer__grid-title a { color: var(--stg-text-primary) !important; text-decoration: none !important; }
.stg-post-footer__grid-title a:hover { color: var(--stg-signal-green) !important; }
.stg-post-footer__grid-date, .stg-post-footer__grid-date .gspb_meta_value { color: var(--stg-text-muted) !important; font-size: 13px !important; }

@media (max-width: 768px) {
  .stg-post-footer__author-card { text-align: center; flex-direction: column !important; align-items: center !important; }
  .stg-post-footer__author-links { justify-content: center !important; }
  .stg-post-footer__author-bio { -webkit-line-clamp: 3 !important; }
  .stg-post-footer__section-heading { font-size: 18px !important; }
}

@media (max-width: 480px) {
  .stg-post-footer { padding-left: 1rem !important; padding-right: 1rem !important; }
  .stg-post-footer__author-card { padding: 1rem !important; }
  .stg-post-footer__author-avatar img { width: 64px !important; height: 64px !important; }
  .stg-post-footer__author-name { font-size: 16px !important; }
  .stg-post-footer__author-bio { font-size: 13px !important; }
  .stg-post-footer__author-links { flex-direction: column !important; gap: 0.75rem !important; }
  .stg-post-footer__grid-title h2, .stg-post-footer__grid-title .gspb-dynamic-title-element { font-size: 14px !important; }
  .stg-post-footer__tag-cloud a { padding: 6px 12px !important; font-size: 12px !important; }
  .stg-post-footer__resource-box { padding: 1rem !important; }
}


/* --- Mentioned Brands Sidebar --- */
.stg-mentioned-brands-sidebar { background: var(--stg-surface) !important; box-shadow: rgba(0, 0, 0, 0.5) -4px 0px 24px !important; border-left: 1px solid var(--stg-border-color) !important; }
.stg-sidebar-header { border-bottom-color: var(--stg-border-color) !important; }
.stg-sidebar-header h3 { color: var(--stg-electric-purple) !important; }
.stg-sidebar-toggle { color: var(--stg-text-muted) !important; }
.stg-sidebar-toggle:hover { color: var(--stg-text-primary) !important; }
.stg-sidebar-content { scrollbar-color: var(--stg-border-color) var(--stg-surface) !important; }
.stg-sidebar-content::-webkit-scrollbar-track { background: var(--stg-surface) !important; }
.stg-sidebar-content::-webkit-scrollbar-thumb { background: var(--stg-border-color) !important; }
.stg-sidebar-content::-webkit-scrollbar-thumb:hover { background: var(--stg-elevated) !important; }
.stg-brand-card-mini { background: var(--stg-elevated) !important; border-color: var(--stg-border-color) !important; }
.stg-brand-card-mini:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 16px !important; border-color: var(--stg-electric-purple) !important; }
.stg-card-content h4, .stg-card-content h4 a { color: var(--stg-text-primary) !important; }
.stg-card-content h4 a:hover { color: var(--stg-signal-green) !important; }
.stg-card-summary { color: var(--stg-text-secondary) !important; }
.stg-card-timeline { color: var(--stg-text-muted) !important; }
.stg-card-website { color: var(--stg-signal-green) !important; }
.stg-card-website:hover { color: var(--stg-text-primary) !important; }