@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');
/* =============================================================
   BlueBoxNERD — Site-wide Custom CSS
   Paste into: WP Admin → Appearance → Customize → Additional CSS
   (or Appearance → Editor → Styles → Additional CSS on block themes)
   ============================================================= */

/* -- 1. Hide page title header on pages, archives, search, blog -- */
body.page .entry-header,
body.page .page__header,
body.page h1.page__title,
body.page .page__header--aside,
body.archive .entry-header,
body.archive .page__header,
body.archive h1.page__title,
body.archive .page__header--aside,
body.search .entry-header,
body.search .page__header,
body.search h1.page__title,
body.search .page__header--aside,
body.blog .entry-header,
body.blog .page__header,
body.blog h1.page__title,
body.blog .page__header--aside {
  display: none !important;
}

body.page .site-content,
body.page .entry-content,
body.page main,
body.archive .site-content,
body.archive .entry-content,
body.archive main,
body.search .site-content,
body.search .entry-content,
body.search main,
body.blog .site-content,
body.blog .entry-content,
body.blog main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* -- 2. Single post — card container -- */
body.single-post .site-content,
body.single-post main {
  background: #f7f7f9;
  padding: 40px 20px 60px;
}

body.single-post .entry,
body.single-post article.post {
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  padding: 48px 64px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}

/* Remove white gap between header and post canvas */
body.single-post #site-header {
  margin-bottom: 0 !important;
}

/* -- 3. Breadcrumbs (Vodi uses .masvideos-breadcrumb) -- */
body.single-post .masvideos-breadcrumb {
  display: block;
  max-width: 960px;
  margin: 24px auto 8px;
  padding: 0 64px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b6b76;
  background: transparent;
  border: none;
}

body.single-post .masvideos-breadcrumb a {
  color: #ff6b1a;
  text-decoration: none;
}

body.single-post .masvideos-breadcrumb a:hover {
  text-decoration: underline;
}

body.single-post .masvideos-breadcrumb .delimiter {
  display: inline-block;
  margin: 0 10px;
  opacity: 0.5;
  vertical-align: middle;
}

body.single-post .masvideos-breadcrumb .delimiter svg {
  vertical-align: middle;
}

/* -- 4. Featured image — 16:9 with rounded corners -- */
body.single-post .post__thumbnail,
body.single-post .entry__thumbnail,
body.single-post .wp-block-post-featured-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 32px;
}

body.single-post .post__thumbnail img,
body.single-post .entry__thumbnail img,
body.single-post .wp-block-post-featured-image img,
body.single-post .wp-post-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px !important;
  display: block;
}

/* -- 5. Category / tag chip -- */
body.single-post .post__categories a,
body.single-post .entry__categories a,
body.single-post .wp-block-post-terms a {
  display: inline-block;
  background: #ff6b1a;
  color: #fff !important;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 6px;
}

/* -- 6. Post title and meta row -- */
body.single-post .entry-title,
body.single-post .post__title,
body.single-post h1.entry__title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 800;
  margin: 16px 0 12px;
  letter-spacing: -0.01em;
}

body.single-post .post__meta,
body.single-post .entry__meta {
  font-size: 13px;
  color: #6b6b76;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececf0;
}

/* -- 7. Body content typography -- */
body.single-post .entry-content,
body.single-post .post__content {
  font-size: 17px;
  line-height: 1.7;
  color: #2a2a35;
}

body.single-post .entry-content p { margin-bottom: 1.4em; }

body.single-post .entry-content h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 2em 0 0.6em;
  letter-spacing: -0.01em;
}

body.single-post .entry-content h3 {
  font-size: 21px;
  font-weight: 700;
  margin: 1.8em 0 0.5em;
}

body.single-post .entry-content a {
  color: #ff6b1a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body.single-post .entry-content blockquote {
  border-left: 4px solid #ff6b1a;
  background: #fff7f2;
  padding: 20px 24px;
  border-radius: 0 10px 10px 0;
  margin: 1.8em 0;
  font-style: normal;
}

body.single-post .entry-content code {
  background: #f1f1f4;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.92em;
}

body.single-post .entry-content pre {
  background: #1e1e24;
  color: #e8e8ef;
  border-radius: 10px;
  padding: 20px;
  overflow-x: auto;
}

body.single-post .entry-content img,
body.single-post .entry-content .wp-block-image img {
  border-radius: 10px;
  margin: 1.5em 0;
}

/* -- 8. Video embeds — force 16:9, full width with side padding -- */
body.single-post .entry-content .wp-block-embed,
body.single-post .entry-content figure.wp-block-embed {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  align-self: stretch !important;
  margin: 1.8em 0 !important;
  padding: 0 16px !important;
  position: static !important;
  height: auto !important;
  box-sizing: border-box;
}

body.single-post .entry-content .wp-block-embed__wrapper,
body.single-post .entry-content .embed-youtube {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  padding: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  text-align: left !important;
  border-radius: 0 !important;
}

body.single-post .entry-content iframe,
body.single-post .entry-content iframe.youtube-player,
body.single-post .entry-content iframe[src*="youtube.com"],
body.single-post .entry-content iframe[src*="youtu.be"],
body.single-post .entry-content iframe[src*="vimeo.com"] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: 10px;
  margin: 0 !important;
  position: static !important;
}

/* -- 9. Responsive breakpoints -- */
@media (max-width: 1000px) {
  body.single-post .entry,
  body.single-post article.post {
    max-width: 100%;
    padding: 32px 32px;
  }
  body.single-post .masvideos-breadcrumb {
    padding: 0 32px;
  }
}

@media (max-width: 640px) {
  body.single-post .entry,
  body.single-post article.post {
    padding: 24px 20px;
    border-radius: 12px;
  }
  body.single-post .entry-title,
  body.single-post .post__title {
    font-size: 30px;
  }
  body.single-post .entry-content {
    font-size: 16px;
  }
  body.single-post .masvideos-breadcrumb {
    padding: 0 20px;
    font-size: 11px;
  }
}

/* -- 10. Archive / category pages — 16:9 thumbnails, spacing, styled title -- */

/* Dark grey title band — full viewport width (breaks out of container) */
body.archive .entry-header,
body.archive .page__header,
body.archive .archive__header,
body.search .entry-header,
body.search .page__header {
  display: block !important;
  background: #2a2a35 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 40px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 48px 24px !important;
  text-align: center;
  box-sizing: border-box;
}

/* Neutralize inner container so the title centers to the viewport */
body.archive .page__header .container,
body.archive .archive__header .container,
body.search .page__header .container {
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 1200px !important;
  width: auto !important;
}

body.archive h1.page__title,
body.archive .page__title,
body.search h1.page__title,
body.search .page__title {
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
  font-size: 30px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #ffffff !important;
  line-height: 1.2;
}

body.archive h1.page__title::before,
body.archive .page__title::before {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #ff6b1a;
  margin: 0 auto 18px;
  border-radius: 2px;
}

/* Release fixed heights on the thumbnail container chain */
body.archive .article__attachment,
body.archive .article__attachment--thumbnail {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
}

body.archive .article__attachment--thumbnail {
  display: block !important;
}

/* Thumbnail — force 16:9 with object-fit cover */
body.archive a.single-image-gallery,
body.archive .single-image-gallery {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: hidden;
  border-radius: 10px;
}

body.archive .single-image-gallery img,
body.archive .wp-post-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  border-radius: 10px;
}

/* Spacing and divider between posts */
body.archive article.article {
  margin-bottom: 48px !important;
  padding-bottom: 48px !important;
  border-bottom: 1px solid #ececf0;
}

body.archive article.article:last-of-type {
  border-bottom: none;
}

/* ============================================================
   11. NERD SQUAD SIGNUP PAGE (page-id-11308)
   ============================================================ */

/* Full viewport breakout for the signup wrapper */
body.page-id-11308 main.nerd-squad-signup-wrap,
body.page-id-11308 .nerd-squad-signup-wrap {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 80vh;
  box-sizing: border-box;
}

/* Circle avatar placeholder with pulsing dashed border */
body.page-id-11308 .nerd-squad-avatar {
  display: flex;
  justify-content: center;
  margin: 0 auto !important;
}

body.page-id-11308 .nerd-squad-avatar img {
  width: 200px !important;
  height: 200px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  padding: 6px;
  background: #0b0c14;
  border: 4px dashed #22d3ee;
  box-shadow: 0 0 40px rgba(34, 211, 238, 0.25);
  animation: nerd-squad-pulse 2.4s ease-in-out infinite;
}

@keyframes nerd-squad-pulse {
  0%, 100% {
    border-color: #22d3ee;
    box-shadow: 0 0 40px rgba(34, 211, 238, 0.25);
  }
  50% {
    border-color: #0ea5b7;
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.15);
  }
}

/* Title */
body.page-id-11308 .nerd-squad-title {
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

/* Form card polish */
body.page-id-11308 .nerd-squad-form-card {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(34, 211, 238, 0.08) inset;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

body.page-id-11308 .nerd-squad-form-card:hover {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(34, 211, 238, 0.2) inset;
  transform: translateY(-2px);
}

/* HubSpot embed inside the card — outer container only (form fields live in shadow DOM/iframe) */
body.page-id-11308 .nerd-squad-form-card .hs-form-frame {
  min-height: 200px;
}

/* Trust line */
body.page-id-11308 .nerd-squad-trust {
  opacity: 0.85;
}

/* Mobile */
@media (max-width: 640px) {
  body.page-id-11308 main.nerd-squad-signup-wrap,
  body.page-id-11308 .nerd-squad-signup-wrap {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.page-id-11308 .nerd-squad-avatar img {
    width: 150px !important;
    height: 150px !important;
  }

  body.page-id-11308 .nerd-squad-title {
    font-size: 40px !important;
    letter-spacing: -1px !important;
  }

  body.page-id-11308 .nerd-squad-form-card {
    padding: 24px 20px !important;
  }
}

/* ---- HubSpot form text color (dark card → white text) ---- */
body.page-id-11308 .hs-form-frame,
body.page-id-11308 .hs-form-frame *,
body.page-id-11308 .hs-form,
body.page-id-11308 .hs-form *,
body.page-id-11308 .hs-form label,
body.page-id-11308 .hs-form legend,
body.page-id-11308 .hs-form-field > label,
body.page-id-11308 .hs-richtext,
body.page-id-11308 .hs-richtext p,
body.page-id-11308 .hs-main-font-element,
body.page-id-11308 .hs-error-msgs label {
  color: #ffffff !important;
}

/* Inputs — keep dark text on white field so users can read what they type */
body.page-id-11308 .hs-form input[type="text"],
body.page-id-11308 .hs-form input[type="email"],
body.page-id-11308 .hs-form input[type="tel"],
body.page-id-11308 .hs-form input[type="number"],
body.page-id-11308 .hs-form textarea,
body.page-id-11308 .hs-form select,
body.page-id-11308 .hs-input {
  color: #0b0c14 !important;
  background: #ffffff !important;
  border: 1px solid #2a2a35 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
}

body.page-id-11308 .hs-form input::placeholder,
body.page-id-11308 .hs-form textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

/* Submit button — brand orange */
body.page-id-11308 .hs-form input[type="submit"],
body.page-id-11308 .hs-form .hs-button {
  background: #ff6b1a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
  width: 100% !important;
}

body.page-id-11308 .hs-form input[type="submit"]:hover,
body.page-id-11308 .hs-form .hs-button:hover {
  background: #ff8040 !important;
  transform: translateY(-1px);
}

/* Error messages — soft red, still readable on dark */
body.page-id-11308 .hs-form .hs-error-msg,
body.page-id-11308 .hs-form .hs-error-msgs label {
  color: #ff8fa3 !important;
}

/* ---- Kill the white bar at the bottom ---- */
/* Match body + theme chrome to the page's dark gradient bottom color */
body.page-id-11308 {
  background: #18192a !important;
}

body.page-id-11308 #page,
body.page-id-11308 .site,
body.page-id-11308 .site-content,
body.page-id-11308 .content-area,
body.page-id-11308 main#main,
body.page-id-11308 .site-main,
body.page-id-11308 article,
body.page-id-11308 .entry-content,
body.page-id-11308 .entry-footer,
body.page-id-11308 .post-thumbnail-wrap {
  background: transparent !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Hide any empty trailing elements the theme injects after content */
body.page-id-11308 .entry-footer:empty,
body.page-id-11308 .post-tags:empty,
body.page-id-11308 .entry-meta:empty,
body.page-id-11308 .comments-area:empty {
  display: none !important;
}

/* ============ BBN DARK SITEWIDE START (added by Claude 2026-06-11) ============ */
body{background-color:#0a0d14 !important}
body,.site-content{color:#cfd3dc;font-family:'Inter',system-ui,-apple-system,sans-serif}
.site-content,.site__content,.content-area{background-color:#0a0d14 !important}
h1,h2,h3,h4,h5,h6{font-family:'Archivo','Inter',sans-serif;color:#eef2f9}
.entry-title,.article__title,.page-title{color:#eef2f9 !important}
.entry-title a,.article__title a{color:#eef2f9 !important}
.entry-title a:hover,.article__title a:hover{color:#ff9447 !important}
.entry-content,.article__content,.entry-content p{color:#cfd3dc}
.entry-content a{color:#ff7a1a}
.entry-content a:hover{color:#ff9447}
.entry-meta,.entry-meta a,.posted-on,.posted-on a,.byline,.byline a,.entry-date{color:#93a0b8 !important}
.cat-links a{color:#5ea2ff !important;text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:700}
.tags-links a{background:#1a2132;color:#93a0b8 !important;border-radius:6px;padding:3px 10px;font-size:12px;display:inline-block;margin:2px}
.site-header{background-color:#0a0d14 !important;border-bottom:1px solid #232c42}
.site-footer,#colophon{background-color:#121724 !important;border-top:1px solid #232c42;color:#93a0b8}
.site-footer a,#colophon a{color:#93a0b8}
.site-footer a:hover,#colophon a:hover{color:#ff9447}
.articles .article{background:#121724;border:1px solid #232c42;border-radius:14px;overflow:hidden;transition:transform .15s ease,border-color .15s ease;padding-bottom:10px}
.articles .article:hover{transform:translateY(-3px);border-color:#ff7a1a}
.articles .article .article__body,.articles .article .article__header{padding-left:14px;padding-right:14px}
.page-header{background:transparent;border:none}
.single-article{background:transparent}
.single .post-thumbnail img,.article__attachment img{border-radius:12px}
.navigation.post-navigation{background:#121724 !important;border:1px solid #232c42;border-radius:12px;color:#cfd3dc}
.post-navigation a{color:#eef2f9}
.post-navigation a:hover{color:#ff9447}
.navigation.pagination .page-numbers{background:#121724;border:1px solid #232c42;color:#cfd3dc;border-radius:8px;margin:0 3px;padding:8px 14px;display:inline-block}
.navigation.pagination .page-numbers.current{background:#ff7a1a;border-color:#ff7a1a;color:#fff}
.navigation.pagination .page-numbers:hover{border-color:#ff7a1a;color:#ff9447}
.comments-area,.comment-body,.comment-content{color:#cfd3dc}
.comments-area .comment-reply-title,.comments-area .comments-title{color:#eef2f9}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea,.search-form .search-field{background:#121724 !important;border:1px solid #232c42 !important;color:#eef2f9 !important;border-radius:8px}
.widget,.widget-area{color:#cfd3dc;background:transparent}
.widget .widget-title,.widget-title{color:#eef2f9}
.widget a{color:#cfd3dc}
.widget a:hover{color:#ff9447}
blockquote{background:#121724;border-left:4px solid #ff7a1a;color:#cfd3dc}
.breadcrumb,.breadcrumb a,.vodi-breadcrumb,.vodi-breadcrumb a{color:#93a0b8}
.bg-light,.bg-white{background-color:#121724 !important;color:#cfd3dc !important}
/* ============ BBN DARK SITEWIDE END ============ */
/* BBN DARK SITEWIDE PATCH 1 */
main.site-main,.site-main{background-color:#0a0d14 !important}
article.single-article,.single-article{background-color:#121724 !important;border:1px solid #232c42;border-radius:16px}

/* BBN DARK SITEWIDE PATCH 2 */
.post-navigation .post-title,.post-navigation .nav-links a,.post-navigation a .post-title{color:#eef2f9 !important}
.post-navigation .meta-nav,.post-navigation .nav-subtitle{color:#93a0b8 !important}
#reply-title,.comment-reply-title,.comments-title,#comments .comments-title{color:#eef2f9 !important}
#jp-relatedposts h3.jp-relatedposts-headline,#jp-relatedposts h3.jp-relatedposts-headline em{color:#eef2f9 !important}
#jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-title a{color:#ff9447 !important}
#jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-date,#jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-context{color:#93a0b8 !important;opacity:1}

/* BBN DARK SITEWIDE PATCH 3 */
.post-navigation .post-nav__article--title{color:#eef2f9 !important}
.post-navigation .post-nav__title{color:#93a0b8 !important}
.post-navigation .post-nav__article--date,.post-navigation .post-nav__article--categories{color:#93a0b8 !important}
.post-navigation a:hover .post-nav__article--title{color:#ff9447 !important}

/* BBN DARK SITEWIDE PATCH 4 — archive card image fills card */
.articles .article{align-items:stretch !important;padding-bottom:0}
.articles .article .article__attachment{display:flex;align-items:stretch}
.articles .article .article__attachment img{height:100% !important;width:100%;object-fit:cover;border-radius:0 !important}
.articles .article .article__summary{align-self:center;padding-top:18px;padding-bottom:18px}

/* BBN DARK SITEWIDE PATCH 5 — kill theme card padding, stretch thumb wrapper */
.articles .article{padding-bottom:0 !important}
.articles .article .article__attachment{align-self:stretch}
.articles .article .article__attachment--thumbnail{height:100%}
.articles .article .article__attachment--thumbnail img{height:100% !important;object-fit:cover}

/* BBN DARK SITEWIDE PATCH 6 — #main beats theme !important; image fills card */
#main .articles .article{padding-bottom:0 !important}
#main .articles .article .article__attachment{align-self:stretch}
#main .articles .article .article__attachment--thumbnail{height:100%}
#main .articles .article .article__attachment--thumbnail img{height:100% !important;object-fit:cover;border-radius:0 !important}

/* BBN DARK SITEWIDE PATCH 7 — category/archive page header styling */
.archive__header.page__header{background-color:#0d1119 !important;border-bottom:1px solid #232c42;padding-top:44px;padding-bottom:40px;background-image:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(47,125,246,.10),transparent)}
.page__title{font-family:'Archivo','Inter',sans-serif !important;font-weight:900 !important;font-size:46px !important;letter-spacing:-1px !important;color:#eef2f9 !important;text-transform:none !important;line-height:1.1}
.page__title::after{content:'';display:block;width:70px;height:5px;border-radius:3px;background:linear-gradient(90deg,#ff7a1a,#e03131);margin:16px auto 0}
body.category .page__title::before{content:'\1F4C2  ';font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif}
body.category-news .page__title::before{content:'\1F525  '}
body.category-breaking .page__title::before{content:'\26A1  '}
body.category-movies .page__title::before{content:'\1F3AC  '}
body.category-tv .page__title::before{content:'\1F4FA  '}
body.category-video-games .page__title::before{content:'\1F3AE  '}
body.category-trailers .page__title::before{content:'\25B6\FE0F  '}
body.category-reviews .page__title::before{content:'\2B50  '}
body.category-originals .page__title::before{content:'\1F680  '}
body.category-podcast .page__title::before{content:'\1F399\FE0F  '}

/* BBN DARK SITEWIDE PATCH 8 — category title: bigger + literal emoji icons */
html body .page__header .page__title{font-size:46px !important;line-height:1.15 !important}
@media(max-width:768px){html body .page__header .page__title{font-size:30px !important}}
html body.category .page__title::before{content:'📂 '}
html body.category-news .page__title::before{content:'🔥 '}
html body.category-breaking .page__title::before{content:'⚡ '}
html body.category-movies .page__title::before{content:'🎬 '}
html body.category-tv .page__title::before{content:'📺 '}
html body.category-video-games .page__title::before{content:'🎮 '}
html body.category-trailers .page__title::before{content:'▶️ '}
html body.category-reviews .page__title::before{content:'⭐ '}
html body.category-originals .page__title::before{content:'🚀 '}
html body.category-podcast .page__title::before{content:'🎙️ '}

/* BBN DARK SITEWIDE PATCH 9 — emoji flows inline, kill theme dash */
html body .page__header .page__title::before{position:static !important;display:inline !important;background:none !important;width:auto !important;height:auto !important;margin:0 .1em 0 0 !important;transform:none !important;border:none !important;top:auto !important;left:auto !important}

/* BBN DARK SITEWIDE PATCH 10 — hamburger kicks in before menu wraps (≤1280px) */
@media (max-width:1280px){
html body .site-header.desktop-header{display:none !important}
html body .handheld-header{display:block !important}
}

/* BBN DARK SITEWIDE PATCH 11 — compress menu 1281-1640px so nothing wraps */
@media (min-width:1281px) and (max-width:1640px){
.desktop-header .site_header__primary-nav .nav>li>a{padding-left:8px !important;padding-right:8px !important;font-size:13px !important;letter-spacing:.4px !important}
}

/* BBN DARK SITEWIDE PATCH 12 — article width matches category pages */
html body article.single-article{max-width:100% !important;width:100%}

/* BBN DARK SITEWIDE PATCH 13 — readable text column + uncropped featured image */
html body .single-article .article__header,html body .single-article .article__content{max-width:880px;margin-left:auto !important;margin-right:auto !important}
html body .single-article .article__attachment--thumbnail img{height:auto !important;width:100% !important;max-height:620px;object-fit:contain !important;background:#0a0d14}

/* BBN DARK SITEWIDE PATCH 13b — beat theme height lock on single featured image */
html body #main .single-article .article__attachment--thumbnail img{height:auto !important;max-height:620px !important;width:100% !important;object-fit:contain !important;background:#0a0d14}

/* BBN DARK SITEWIDE PATCH 13c — unlock wrapper height on single featured image */
html body #main .single-article .article__attachment--thumbnail{height:auto !important;max-height:620px !important;overflow:hidden;text-align:center}

/* BBN DARK SITEWIDE PATCH 14 — single article: one aligned 880px column, full uncropped image */
html body #main .single-article .article__attachment,html body #main .single-article .single-post-sharing,html body #main .single-article .sharedaddy,html body #main .single-article .navigation.post-navigation,html body #main .single-article .comments-area{max-width:880px !important;margin-left:auto !important;margin-right:auto !important}
html body #main .single-article .article__attachment--thumbnail{height:auto !important;max-height:none !important}
html body #main .single-article .article__attachment--thumbnail img{width:100% !important;height:auto !important;max-height:none !important;object-fit:fill !important;border-radius:12px}

/* BBN DARK SITEWIDE PATCH 15 — article card hugs the content column */
html body article.single-article{max-width:1010px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important}

/* BBN DARK SITEWIDE PATCH 16 — mobile-only: hero card matches other cards */
@media (max-width:781px){
html body .bbn-hero-card > .wp-block-group{padding:14px !important}
html body .bbn-hero-card .wp-block-post-title{font-size:24px !important;line-height:1.2 !important}
html body .bbn-hero-card .wp-block-post-excerpt{font-size:14px !important}
}

/* BBN DARK SITEWIDE PATCH 16b — mobile hero padding, looser selector */
@media (max-width:781px){
html body .bbn-hero-card .wp-block-group{padding:14px !important}
}

/* BBN DARK SITEWIDE PATCH 17 — hero card image flush to edges (all screens) */
html body .bbn-hero-card{padding:0 !important}
html body .bbn-hero-card .wp-block-post-featured-image{width:100% !important;max-width:none !important;margin:0 !important}
html body .bbn-hero-card .wp-block-post-featured-image img{display:block;width:100% !important;border-radius:0 !important}

/* BBN DARK SITEWIDE PATCH 18 — desktop: hero + side grid bottoms align */
@media (min-width:782px){
html body .wp-block-columns:has(.bbn-hero-card){align-items:stretch}
html body .wp-block-columns:has(.bbn-hero-card)>.wp-block-column>.wp-block-query{height:100%}
html body .wp-block-columns:has(.bbn-hero-card)>.wp-block-column>.wp-block-query>.wp-block-post-template{height:100%}
html body .wp-block-columns:has(.bbn-hero-card)>.wp-block-column:first-child .wp-block-post-template>li{height:100%}
html body .bbn-hero-card{height:100% !important}
html body .wp-block-columns:has(.bbn-hero-card)>.wp-block-column:nth-child(2) .wp-block-post-template{grid-auto-rows:1fr}
html body .wp-block-columns:has(.bbn-hero-card)>.wp-block-column:nth-child(2) .wp-block-post-template>li>.wp-block-group{height:100%}
}

/* BBN DARK SITEWIDE PATCH 19 — article pages: tighter top (all), full-width on mobile */
html body.single main.site-main{padding-top:16px !important}
html body.single .vodi-breadcrumb,html body.single .breadcrumb,html body.single nav[class*=breadcrumb]{margin-top:8px !important;margin-bottom:8px !important}
@media (max-width:781px){
html body.single main.site-main{padding-left:6px !important;padding-right:6px !important}
html body.single .site-content .container{padding-left:6px !important;padding-right:6px !important}
html body.single .content-area{padding-left:0 !important;padding-right:0 !important}
html body.single .content-area>.row{margin-left:0 !important;margin-right:0 !important}
html body.single .content-area [class*=col-]{padding-left:0 !important;padding-right:0 !important}
html body article.single-article{padding:16px 12px !important}
html body #main .single-article .article__header,html body #main .single-article .article__content,html body #main .single-article .article__attachment,html body #main .single-article .single-post-sharing,html body #main .single-article .sharedaddy,html body #main .single-article .navigation.post-navigation,html body #main .single-article .comments-area{max-width:100% !important}
}

/* BBN DARK SITEWIDE PATCH 19b — article pages: trim remaining top space (all screens) */
html body.single .site-content{padding-top:8px !important;margin-top:0 !important}
html body.single #content{margin-top:0 !important;padding-top:0 !important}
html body.single .masvideos-breadcrumb{margin:4px 0 10px !important}

/* BBN DARK SITEWIDE PATCH 20 — social icons: show on mobile + BBN styling */
@media (max-width:781px){
html body footer.desktop-footer{display:block !important;background-color:#121724 !important;border-top:1px solid #232c42}
html body footer.desktop-footer .footer-bottom-bar{display:none !important}
}
html body .jetpack-social-widget-list{display:flex !important;flex-wrap:wrap;gap:12px;justify-content:center;padding:18px 0 !important;margin:0 !important;list-style:none}
html body .jetpack-social-widget-list .jetpack-social-widget-item{margin:0 !important;padding:0 !important}
html body .jetpack-social-widget-list .jetpack-social-widget-item a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#1a2132;border:1px solid #232c42;border-radius:12px;color:#93a0b8 !important;transition:transform .15s ease,border-color .15s ease,color .15s ease}
html body .jetpack-social-widget-list .jetpack-social-widget-item a:hover{border-color:#ff7a1a;color:#ff9447 !important;transform:translateY(-2px)}
html body .jetpack-social-widget-item a svg{fill:currentColor}

/* BBN DARK SITEWIDE PATCH 20b — center the social icon row */
html body .footer-widgets .block{width:100% !important;float:none !important}
html body .footer-widgets .jetpack-social-widget-list{width:100% !important;justify-content:center !important}

/* BBN DARK SITEWIDE PATCH 21 — slimmer social footer section (all screens) */
html body .footer-widgets .footer-widgets-inner{padding:14px 0 12px !important}
html body .footer-widgets .jetpack-social-widget-list{padding:6px 0 !important}

/* BBN DARK SITEWIDE PATCH 21b — remove widget bottom margin in footer */
html body .footer-widgets .widget{margin-bottom:0 !important}

/* BBN DARK SITEWIDE PATCH 22 — center footer copyright (desktop + mobile) */
html body .footer-bottom-bar .site-info,html body .footer-bottom-bar .footer-bottom-bar-inner,html body footer.handheld-footer .site-info{text-align:center !important;justify-content:center !important;width:100%}

/* BBN DARK SITEWIDE PATCH 23 — Jetpack share buttons match BBN style */
html body .sharedaddy .sd-content ul li a.sd-button,html body .sharedaddy a.sd-button{background:#1a2132 !important;border:1px solid #232c42 !important;color:#cfd3dc !important;border-radius:999px !important;padding:7px 16px !important;box-shadow:none !important;text-shadow:none !important;font-weight:600 !important;transition:transform .15s ease,border-color .15s ease,color .15s ease}
html body .sharedaddy .sd-content ul li a.sd-button:hover{border-color:#ff7a1a !important;color:#ff9447 !important;transform:translateY(-2px);background:#1a2132 !important}
html body .sharedaddy a.sd-button span{color:inherit !important}
html body .sharedaddy .sd-button svg{fill:currentColor !important}
html body .sharedaddy .sd-title{color:#93a0b8 !important;font-size:12px !important;text-transform:uppercase !important;letter-spacing:1.5px !important;font-weight:700 !important}
html body .sharedaddy .sd-title::before{display:none !important}
html body .sharedaddy .sd-content ul{margin:6px 0 0 !important}
html body .sharedaddy .sd-content ul li{margin:4px 8px 4px 0 !important}

/* BBN DARK SITEWIDE PATCH 24 — align Share this label with buttons */
html body .sharedaddy .sd-block{display:flex !important;align-items:center !important;flex-wrap:wrap;gap:4px 10px}
html body .sharedaddy .sd-title{margin:0 !important}
html body .sharedaddy .sd-content ul{margin:0 !important}

/* BBN DARK SITEWIDE PATCH 24b — label centers on button row regardless of admin link */
html body .sharedaddy .sd-block{align-items:flex-start !important}
html body .sharedaddy .sd-title{align-self:flex-start !important;margin-top:8px !important}

/* BBN DARK SITEWIDE PATCH 24c — fine-tune share label vertical centering */
html body .sharedaddy .sd-title{margin-top:15px !important}

/* BBN DARK SITEWIDE PATCH 25 — copyright link orange hover */
html body .site-footer .site-info a{color:#93a0b8;transition:color .15s ease}
html body .site-footer .site-info a:hover,html body .footer-bottom-bar a:hover{color:#ff9447 !important}

/* BBN DARK SITEWIDE PATCH 25b — hover specificity bump for copyright link */
html body footer.site-footer.dark .footer-bottom-bar .site-info a:hover,html body footer.site-footer.dark .site-info a:hover,html body footer.handheld-footer.dark .site-info a:hover{color:#ff9447 !important}

/* BBN DARK SITEWIDE PATCH 25c — ID-strength hover for copyright link */
html body #colophon .site-info a:hover,html body #colophon .footer-bottom-bar .site-info a:hover,html body footer.site-footer.handheld-footer.dark .site-info a:hover{color:#ff9447 !important}