/*
Theme Name: Newsmatic Child
Theme URI: https://pcgamingspot.com/
Author: Marc Marasigan
Template: newsmatic
Version: 1.0.0
Text Domain: pcgs
*/

:root {
  --gps-red: #D81818;
  --background-dark: #121212;
  --text-main: #EDEDED;
  --text-secondary: #B0B0B0;
  --accent-green: #00E676;
  --accent-blue: #2196F3;
  --accent-purple: #9C27B0;
  --border-gray: #303030;
}

body, html, .site, .site-main, .content-area {
  background-color: var(--background-dark);
  color: var(--text-main);
}

a, a:visited {
  color: #2A5A93 var(--gps-red);
}

a:hover {
  color: var(--accent-green);
}

.button, .btn {
  background-color: var(--gps-red);
  color: #fff;
}

.button:hover, .btn:hover {
  background-color: var(--accent-green);
}

/* General Post Styles */
.primary-content.pcgs-post-container {
  max-width: 1296px !important;
  margin: 0px auto !important;
  background: #1a1a1a !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 32px rgba(0,0,0,0.25) !important;
  padding: 34px 22px 38px 22px !important;
  display: flex !important;
  gap: 34px !important;
  flex: 100% !important;
}
/* Sticky Sidebar */
.pcgs-single-sidebar {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  position: sticky;
  top: 24px;
  align-self: flex-start;
}

/* Post Title */
.pcgs-post-title {
  font-size: 2.4rem;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  font-weight: 800;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 10px;
  line-height: 1.1;
}
/* Description Line */
.pcgs-intro-row-full {
  font-size: 1.05rem !important;
  font-weight: 300 !important;
}

/* Full Width Header Image */
.pcgs-header-image-full {
  text-align: center !important;
  margin-bottom: 28px !important;
}
.pcgs-header-img-full {
  max-width: 100% !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 14px #0007 !important;
  height: auto !important;
}

/* Byline Row */
.pcgs-byline-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 0px;
  font-size: .85rem !important;
  color: #b6b6b6 !important;
  margin-top: -35px !important;
}
.pcgs-author-avatar img, .pcgs-author-avatar .avatar {
  width: 45px !important; height: 45px !important; border-radius: 50% !important; margin-right: 8px !important;
  border: 2px solid #222 !important;
  box-shadow: 0 1px 5px #0007 !important;
  object-fit: cover !important;
}
.pcgs-byline-author {
  font-size: .85rem !important;
  color: #b6b6b6 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.pcgs-post-container h1,
.pcgs-post-container h2,
.pcgs-post-container h3,
.pcgs-post-container h4 {
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  font-weight: 800;
  color: #ffd800;
  margin-top: 35px;
  margin-bottom: 1.25em;
  line-height: 1.16;
}
.pcgs-post-container h1 { font-size: 2.15rem; color: #fff; }
.pcgs-post-container h2 { font-size: 1.45rem; }
.pcgs-post-container h3 { font-size: 1.2rem; }
.pcgs-post-container p,
.pcgs-post-container ul,
.pcgs-post-container ol {
  color: #e2e2e2;
  font-size: 1.12rem;
  line-height: 1.7;
  margin-bottom: 1.3em;
}

/* Paragraph-Wrapped Images */
.wp-block-uagb-image.alignleft {
  float: left;
  margin: 5px 20px 0px 0px !important;
  max-width: 340px;
  box-shadow: 0 4px 22px #0008, 0 1px 8px #B0161655;
  border-radius: 8px;
  display: block;
  padding: 0px 0px 0px 0px !important;
}
.wp-block-uagb-image.alignright {
  float: left;
  margin: 5px 20px 0px 0px !important;
  max-width: 340px;
  box-shadow: 0 4px 22px #0008, 0 1px 8px #B0161655;
  border-radius: 8px;
  display: block;
  padding: 0px 0px 0px 0px !important;
}
.wp-block-uagb-image .wp-block-uagb-image__figure img {
  width: auto !important;
  height: auto;
  margin: 0px 0px 10px 0px !important;
  display: block !important;
}
/* Tight Image Captions */
.wp-block-uagb-image__figure figcaption {
  text-align: center;
  margin-top: 0px !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* Full-width Image Drop Shadow & Width */
.pcgs-post-container img {
    box-shadow: 0 10px 36px 0 #000c,         /* deep black blur */
                0 1.5px 8px 0 #2228,         /* slightly lighter shadow core */
                0 0 0 2px #23252a !important;           /* subtle outline (optional) */
  transition: box-shadow 0.22s;
  border-radius: 12px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 24px auto;
  background: #18181c;
}

/* Floating Quote Box */
.pcgs-floating-quote {
  float: right !important;
  width: 280px !important;
  margin: 8px 0 18px 24px !important;
  background: #2b2b32 !important;
  border-radius: 8px !important;
  padding: 18px 18px 14px 18px !important;
  font-size: 1.08rem !important;
  font-style: none !important;
  transition: box-shadow 0.22s;
  color: #fff;
  box-shadow: 0 10px 36px 0 #000c,         /* deep black blur */
              0 1.5px 8px 0 #2228,         /* slightly lighter shadow core */
              0 0 0 2px #23252a;           /* subtle outline (optional) */
}

/* Full-width quote box (shortcode) */
.pcgs-full-quote {
  width: 100%;
  margin: 38px auto;
  background: rgba(20, 20, 22, 0.65);   /* subtle transparent dark */
  color: #ffffff !important;
  border-radius: 14px;
  padding: 36px 20px;
  font-size: 2rem;                    /* big text */
  font-weight: 850;                     /* extra bold */
  text-align: center;
  letter-spacing: 0.015em;
  line-height: 1.18;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  box-shadow: 0 10px 36px 0 #000c,         /* deep black blur */
              0 1.5px 8px 0 #2228,         /* slightly lighter shadow core */
              0 0 0 2px #23252a !important;           /* subtle outline (optional) */
  transition: box-shadow 0.22s;
  backdrop-filter: blur(2px);
  border: none;
}
/* Full-Width Gen Quote Box */
.pcgs-gen-quote {
  width: 100% !important;
  margin: 36px auto 36px auto !important;
  background: #2b2b32 !important;
  color: #fff !important;
  box-shadow: 0 10px 36px 0 #000c,         /* deep black blur */
              0 1.5px 8px 0 #2228,         /* slightly lighter shadow core */
              0 0 0 2px #23252a !important;           /* subtle outline (optional) */
  transition: box-shadow 0.22s !important;
  border-radius: 8px !important;
  padding: 28px 28px 22px 28px !important;
  font-size: 1.15rem !important;
  font-style: italic !important;
  text-align: left !important;
  border-left: 6px solid #fff !important;
}
/* Force WP YouTube embed blocks to be full width and responsive */
.wp-block-embed-youtube,
.wp-block-embed__wrapper,
.wp-block-embed {
  max-width: 100% !important;
  margin: 0px 0 !important;
  position: relative;
  padding-bottom: 56.25%;  /* 16:9 aspect ratio */
  padding-top: 0px !important;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 18px #0007;
  background: #18181c;
}

.wp-block-embed-youtube iframe,
.wp-block-embed__wrapper iframe,
.wp-block-embed iframe {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  border: 0;
}
/* Spoiler Tag Styling */
/* Spoiler block wrapper */
.wp-block-details {
  background: #232839;
  border-radius: 10px;
  box-shadow: 0 2px 18px #0005;
  margin: 30px 0;
  padding: 0;
  overflow: hidden;
  border: 1.5px solid #384056;
  transition: box-shadow 0.18s;
}

/* Spoiler summary/header */
.wp-block-details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.16rem;
  padding: 14px 22px 13px 22px;
  background: #15161c;
  color: #FFD800;
  border-bottom: 1px solid #384056;
  outline: none;
  user-select: none;
  transition: background 0.13s, color 0.13s;
}

/* On open, accent the header */
.wp-block-details[open] summary {
  background: #181b22;
  color: #ffec97;
}

/* Content inside spoiler */
.wp-block-details > *:not(summary) {
  padding: 18px 22px 22px 22px;
  color: #e6e6e6;
}

/* Optional: remove default marker for cleaner look */
.wp-block-details summary::-webkit-details-marker,
.wp-block-details summary::marker {
  display: none;
}
/* Red Gradient Separators for Spoilers */
.wp-block-details hr.wp-block-separator {
  border: none;
  height: 2px !important;
  width: 600px;
  max-width: 100%;
  margin: 2em auto;
  border-radius: 1px;
  background: linear-gradient(to right, transparent, #B01616, transparent);
}

/* Comments Section Styling */
.comments-area {
    background-color: #121212 !important;
}
.comment-respond {
    border-color:#5a5a5a !important;
}
.comment-form .comment-form-comment textarea {
    background-color: #6f6f6f !important;
    border-color: #3e3e3e !important;
}
.comment-form .form-submit input {
    background-color: #B01616 !important;
}

/*----CUSTOMIZER CSS ---------*/
/*--- June 27, 2025-----------*/
/* Three-Column grid and gutter */
.all-posts-section .news-grid-post-wrap {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  grid-gap: 0px !important;
}
/* Thumbnails: 3:2 aspect, cover & allow pills to overflow */
.all-posts-section .post-thumb-wrap {
  position: relative !important;
  overflow: visible !important;
}
.all-posts-section .post-thumb-wrap img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
}

/* Category pills pinned to bottom-left of each thumb */
.all-posts-section .post-thumb-wrap .post-categories {
  position: absolute !important;
  bottom: 10px !important;    /* ↙ bump it down 2px */
  left: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.all-posts-section .post-thumb-wrap .post-categories li {
  list-style: none !important;
  margin-right: 2px;
	display: inline-block;
	margin: 1px 2px 0 0;
	box-sizing: inherit;
	list-style: disc;
	--bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  padding: 0 !important;
}
/* Only override link decoration—let the theme handle padding, centering, etc. */
.all-posts-section .post-thumb-wrap .post-categories li a {
  text-decoration: none !important;
	font-size: calc(var(--meta-size)*0.86);
	font-family: var(--meta-family);
	box-sizing: border-box;
	transition: all .4s ease;
	vertical-align: middle;
	padding: 3px 7px 2px;
	display: block;
}

/* 4) Push post text block below the thumbnail */
.all-posts-section .post-element {
  margin-top: 12px !important;
  background: transparent !important;
  color: #fff !important;
}

/* 5) Titles: white, no underline or clickable styling */
.all-posts-section .post-title {
  color: #f6f6f6 !important;
  text-decoration: none !important;
  margin-bottom: 8px !important;
}
.all-posts-section .post-title a {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
  cursor: default !important;
}

/* 6) Meta & excerpt text in white */
.all-posts-section .post-meta,
.all-posts-section .post-meta a,
.all-posts-section .post-excerpt-with-button {
  color: #fff !important;
}

/* “Read More” links: no box, red hover */
.all-posts-section .post-link-button {
  color: #fff !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}
.all-posts-section .post-link-button:hover {
  color: #B01616 !important;
}

/* Nuke any stray white backgrounds */
.all-posts-section .post-excerpt-with-button,
.all-posts-section .post-meta {
  background: transparent !important;
}
/* Make Title And Excerpt Flush With Thumbnail */
.news-grid.layout--four .post-element {
  width: 100% !important;
  padding: 0px 0px !important;
}
/* Add a little breathing-room above the thumbnails */
.all-posts-section .news-grid-post-wrap {
  padding-top: 18px !important;
}
/* More breathing-room above the “Filter by Tag” row */
.tag-filter-wrap {
  margin-top: 0px !important;
  padding-top: 8px !important;
}
/* Clip any part of the image that grows beyond its container */
.all-posts-section .post-thumb-wrap {
  overflow: hidden !important;
}
/* Remove Read More Top Spacing */
.post-excerpt-with-button .post-link-button {
  margin-top: 0 !important;
  margin-left: 5px;
  vertical-align: baseline;
}
/* Excerpt Block Bottom Padding */
.post-excerpt-with-button {
  display: block;
  margin-bottom: 1em;
}
/* Ticker Box Dark Theme */
.newsmatic-ticker-box {
  background-color: #121212 !important; /* or use #000000 for pitch black */
  color: #ffffff !important;
}
.newsmatic-ticker-box a {
  color: #ffffff !important; /* Ensures links inside the ticker stay white */
}
.ticker-news-wrap {
  background-color: #1A1A1A !important;
}
/* Breadcrumb Bar Dark Theme */
.newsmatic-breadcrumb-wrap {
  background-color: #1A1A1A !important;
  color: #ffffff !important;
}
.newsmatic-breadcrumb-wrap ul li a span {
	color: #ffffff
}
.newsmatic-breadcrumb-wrap ul li span {
	color: #ffffff;
}
.newsmatic-breadcrumb-wrap ul li a::after {
	color: #ffffff
}
/* Main Site Dark Theme */
.site-main {
	color: #ffffff
}
.archive .primary-content {
	background-color: #121212
}
body, .site-main, .newsmatic-container, .primary-content {
  background-color: #121212 !important;
}
/* Set post text to white */
body, .entry-title, .entry-content, .post-meta, .post-meta a, .post-meta span, .post-meta time, .entry-summary, .entry-header, .read-more {
  color: #ffffff !important;
}

/* Set post metadata icons and read more to white */
.read-more a, .read-more a:hover,
.post-meta i, .post-meta a {
  color: #ffffff !important;
}

/* Make all general text white */
body, p, span, li, div, article, section, aside,
h1, h2, h3, h4, h5, h6,
.entry-content, .entry-title, .widget, .widget-title,
.post-meta, .read-more a, .read-more a:hover,
.newsmatic-post-title a, .newsmatic-post-title, .newsmatic-post-meta,
.site-main, .post, .entry-header {
  color: #ffffff !important;
}

/* Optional: override link hover color to stay readable */
a:hover {
  color: #f0f0f0 !important;
}

/* Style the Read More button text */
.post-link-button {
  color: #ffffff !important;
}

/* Optional: On hover, keep it white or give it a subtle gray */
.post-link-button:hover {
  color: #b01616 !important;
}
/* Optional: Add depth/contrast to widgets, posts, and sidebar blocks */
.widget, .sidebar, .post-box, .entry-content {
  background-color: #1A1A1A;
  border: 1px solid #2C2C2C;
}

/* Sidebar section background */
.sidebar, .widget, .widget-area, .widget-title {
  background-color: #121212 !important;
  color: #FFFFFF !important;
}

/* Widget content text (links, list items, etc.) */
.sidebar a,
.widget a,
.widget li,
.widget ul,
.widget p {
  color: #FFFFFF !important;
}

/* Widget section headers (like "Recent Posts") */
.widget-title,
.widget h2,
.widget h3 {
  color: #FFFFFF !important;
  border-bottom: 1px solid #2C2C2C;
  padding-bottom: 5px;
}

/* Search box input styling */
.widget_search input[type="search"],
.widget_search input[type="text"] {
  background-color: #1A1A1A !important;
  color: #FFFFFF !important;
  border: 1px solid #2C2C2C;
}

/* Search button */
.widget_search input[type="submit"],
.widget_search button {
  background-color: #B01616 !important;
  color: #FFFFFF !important;
  border: none;
}

/* Bottom carousel background */
.news-carousel, 
.news-carousel .slick-track, 
.news-carousel .slick-slide, 
.bottom-full-width-section, 
.bottom-full-width-section .newsmatic-container {
  background-color: #121212 !important;
  color: #FFFFFF !important;
}

/* Carousel heading */
.news-carousel .newsmatic-block-title,
.news-carousel .newsmatic-block-title h2 {
  color: #FFFFFF !important;
}

/* Carousel post titles */
.news-carousel .post-title,
.news-carousel .post-title a {
  color: #FFFFFF !important;
}



/* Force background color of the "Latest Posts" section */
section#leftc-rights-section {
  background-color: #121212 !important;
}

/* Make text inside white */
section#leftc-rights-section,
section#leftc-rights-section * {
  color: #ffffff !important;
}

/* Fix background for 'Latest Posts' grid section */
section#leftc-rights-section .primary-content > div {
  background-color: #121212 !important;
  color: #ffffff !important;
}

/* Dark theme for the ad section */
#full-width-section {
  background-color: #121212 !important;
  color: #ffffff !important;
}
/* === MENU HOVER: TEXT ONLY RED === */
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
  color: #B01616 !important;
  background-color: transparent !important;
}
/* Breadcrumb bar */
.newsmatic-breadcrumb-wrap {
  background-color: #1A1A1A !important;
  color: #ffffff !important;
}

/* Single post wrapper */
.single .post-inner {
  background-color: #121212 !important;
  color: #ffffff !important;
}

/* Post content area */
.single .post-inner .entry-content {
  background-color: #121212 !important;
  color: #ffffff !important;
	border: 1px solid #121212 !important;
}
/* Post Navigation Area Dark Theme*/
body.single .navigation.post-navigation {
	background-color: #121212 !important;
}
/* Smooth red hover effect for post navigation links */
.single .post-navigation .nav-title,
.single .post-navigation .nav-subtitle {
  transition: color 0.4s ease;
}

.single .post-navigation a:hover .nav-title,
.single .post-navigation a:hover .nav-subtitle {
  color: #B01616 !important;
}
/* Comments Area Dark Theme */
.comments-area {
	background-color: #121212 !important;
}
/* Related Posts Dark Theme */
.single-related-posts-section {
	background-color: #121212 !important;
}
/* Social Icons White */
.site-header.layout--default .social-icons-wrap .social-icon {
	color: #ffffff !important;
}
/* Smooth white to red hover for social icons */
.site-header.layout--default .social-icons-wrap .social-icon i {
  color: #ffffff !important;
  transition: color 0.4s ease;
}

.site-header.layout--default .social-icons-wrap .social-icon:hover i {
  color: #B01616 !important;
}
/* Smooth red hover for Random News */
.header-right-button-wrap .title-text {
  color: #ffffff !important;
  transition: color 0.4s ease;
}

.header-right-button-wrap .title-text:hover {
  color: #B01616 !important;
}
/* Force ALL active/current nav links to stay white */
.main-navigation .menu-item a,
.main-navigation .menu-item.current-menu-item > a,
.main-navigation .menu-item.current_page_item > a,
.main-navigation .menu-item.current-menu-ancestor > a,
.main-navigation .menu-item.current_page_ancestor > a {
  color: #ffffff !important;
}

/* Preserve red on hover only */
.main-navigation .menu-item a:hover {
  color: #B01616 !important;
  transition: color 0.4s ease;
}
/* Dark background for dropdowns */
.main-navigation ul ul {
  background-color: #121212 !important;
  border: none !important;
}

/* White text inside dropdowns */
.main-navigation ul ul li a {
  color: #ffffff !important;
  padding: 12px 20px;
  display: block;
  transition: color 0.4s ease;
}

/* Red hover for dropdown links */
.main-navigation ul ul li a:hover {
  color: #B01616 !important;
}
/* Global Red Style for Gutenberg Separators */
hr.wp-block-separator {
  border: none;
  height: 2px;
  width: 600px;
  max-width: 100%;
  margin: 2em auto;
  border-radius: 1px;
  background: linear-gradient(to right, transparent, #B01616, transparent);
}

/* Page Content Background Dark Theme */
.entry-content {
	background-color: #121212 !important;
	border: 1px solid #121212 !important;
}
/* WPForms label text - white */
.wpforms-container .wpforms-field-label {
  color: #ffffff !important;
}

/* Input and textarea background - light gray */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea {
  background-color: #eeeeee !important;
  color: #000000 !important; /* Optional: ensures text stays readable */
  border: 1px solid #ccc;
}
/* Red WPForms Submit Button */
.wpforms-submit {
  background-color: #B01616 !important;
  color: #ffffff !important;
  border: none !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}
.wpforms-submit:hover,
.wpforms-submit:focus {
  background-color: #D81818 !important;
  color: #ffffff !important;
}
.entry-content h2 {
  color: #E02B2B !important;
  text-transform: uppercase;
  font-size: 1.7em;
  text-shadow: 0 0 2px rgba(255, 0, 0, 0.4);
  letter-spacing: 0.05em;
  margin-top: 2.4em;
}

.entry-content h3 {
  color: #E02B2B !important;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 0.03em;
  margin-top: 2em;
	opacity: 0.9;
}
.entry-content a {
  color: #1e90ff;
  text-decoration: underline;
}
.entry-content a:hover {
  color: #63b3ed;
}
/* Filter label */
.tag-filter-label {
  font-weight: bold;
  margin-right: 10px;
  color: #fff;
  font-size: 16px;
}
/* Filter buttons */
.tag-filter-btn {
  background-color: transparent;
  border: 2px solid #B01616;
  color: #B01616;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  border-radius: px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.tag-filter-btn:hover,
.tag-filter-btn.is-active {
  background-color: #B01616;
  color: #fff;
}
/* WPForms Dark Fields */
.wpforms-container textarea {
	background-color: #6f6f6f !important;
	color: #ffffff !important;
}
.wpforms-container input[type="email"] {
	background-color: #6f6f6f !important;
	color: #ffffff !important;
}
.wpforms-container input[type="text"] {
	background-color: #6f6f6f !important;
	color: #ffffff !important;
}
/* Contact Form Confirmation */
.wpforms-confirmation-container-full {
	background: #005109 !important;
	border: 1px solid #8a8a8a !important;
}
/* Red Contact Form Submit Button */
.wpforms-submit {
    background-color: #B01616 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0.8em 2em !important;
    font-size: 1.08rem !important;
    box-shadow: 0 2px 12px #0006;
    cursor: pointer;
    transition: background 0.22s;
}

.wpforms-submit:hover,
.wpforms-submit:focus {
    background-color: #D81818 !important;
    color: #fff !important;
}
/*------------------------------*/

/* Game Review Container */
.game-review {
  max-width: 800px !important;
  margin: 2rem auto !important;
  padding: 2rem !important;
  background: #111 !important;
  color: #eee !important;
  border-radius: 8px !important;
  font-family: sans-serif !important;
}

/* 1. Author avatar + title */
.review-author-meta {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 1rem !important;
}
.review-avatar-link {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-right: 0.75rem !important;
}
.review-avatar {
  width: 100% !important;
  height: auto !important;
  border-radius: 50% !important;
}
.review-title-wrap .review-title {
  margin: 0 !important;
  font-size: 1.75rem !important;
}
.review-meta {
  font-size: 0.9rem !important;
  opacity: 0.7 !important;
  margin: 0.25rem 0 0 !important;
}

/* 2. Video embed */
.review-video iframe {
  width: 100% !important;
  height: 450px !important;
  border-radius: 4px !important;
  margin-bottom: 2rem !important;
}

/* 3. Detail sections */
.review-details h2 {
  margin-top: 1.5rem !important;
  color: #B01616 !important;
}
.review-details p {
  line-height: 1.6 !important;
}

/* 4. Gallery heading */
.review-gallery h2 {
  margin-top: 2rem !important;
  color: #B01616 !important;
}

/* 5. Pros & Cons grid */
.pros-cons {
  display: flex !important;
  gap: 2rem !important;
  margin-top: 2rem !important;
}
.pros, .cons {
  flex: 1 !important;
}
.pros h3, .cons h3 {
  margin-bottom: 0.5rem !important;
  color: #B01616 !important;
}

/* 6. Score ring */
.review-score {
  display: flex !important;
  align-items: center !important;
  margin-top: 2.5rem !important;
}
.score-circle {
  --fill-deg: calc(var(--rating) * 360deg) !important;
  position: relative !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  background: conic-gradient(
    #B01616 0deg var(--fill-deg),
    rgba(255,255,255,0.2) var(--fill-deg) 360deg
  ) !important;
  margin-right: 1rem !important;
}
.score-circle::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 50% !important;
  background: #111 !important;
}
.score-number {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.75rem !important;
  font-weight: bold !important;
  color: #fff !important;
}

/* Footer small avatar */
.review-author-end {
  display: flex !important;
  align-items: center !important;
  margin-top: 1rem !important;
}
.review-avatar-small {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  margin-right: 0.5rem !important;
}
.byline {
  margin: 0 !important;
  font-size: 0.9rem !important;
  opacity: 0.7 !important;
  color: #eee !important;
}

/* Floated inline images wrap */
.game-review .wp-block-image.alignleft,
.game-review .wp-block-image.alignright {
  float: left !important;
  max-width: 50% !important;
  margin: 0 1rem 1rem 0 !important;
}
.game-review .wp-block-image.alignright {
  margin: 0 0 1rem 1rem !important;
}
.game-review .wp-block-image.alignleft + .wp-block-paragraph,
.game-review .wp-block-image.alignleft ~ .wp-block-paragraph {
  width: auto !important;
}

/* Carousel Button Fix */
.news-carousel .slick-dots li button {
  border: 2px solid #fff !important;
  background: transparent !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  display: block;
  padding: 0 !important;
  margin: 0 4px !important;
  box-shadow: none !important;
  transition: background 0.2s, border 0.2s;
}
.news-carousel .slick-dots li.slick-active button {
  background: #B01616 !important;
  border-color: #fff !important;
}
/* H2 Block Title Line Separator */
h2.newsmatic-block-title span::after {background: #fff !important;
}
/* Longer H1 Block Title Underline */
.archive .page-title::after {
	width: 165% !important;
}
/* Search Page Separator */
.search .page-header {
	border-bottom: 2px solid #121212 !important;	
}
.search .page-title::after {
	width: 150% !important;
}
.search .page-title sub {
	bottom: 0em !important;
	font-size: 100% !important;
}
/* Sidebar Toggle Close Dark */
.sidebar-toggle-close {
	background-color: #B01616 !important;
}
/* Red Gradient Separators for Spoilers */
.wp-block-details hr.wp-block-separator,
.wp-block-details hr.wp-block-separator.has-alpha-channel-opacity {
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  line-height: 0 !important;
  border: none !important;
  background: linear-gradient(to right, transparent, #B01616, transparent) !important;
  margin: 2em auto !important;
  width: 600px !important;
  max-width: 100% !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  display: block !important;
  padding: 0 !important;
  vertical-align: middle !important;
  box-sizing: content-box !important;
  transform: none !important;
  /* Force override any variable line height */
  --meta-lineheight: 0 !important;
}

/* Search Page Thumbnail Fix */
body.search #theme-content .primary-content article figure.post-thumb-wrap {
	padding-bottom: 22.97% !important;
	margin-top: 20px !important;
}
.search .news-list-post-wrap article .post-element a.post-link-button {
	display: none !important;
}
.search .news-list-post-wrap article .post-element {
	margin-top: 18px !important;
}
/* Search Form Dark Theme */
.site-header.layout--default .search-form-wrap {
	background-color: #1a1a1a !important;
}
.main-banner-wrap .slick-arrow i {
	color: #fff !important;
}
.newsmatic_main_body .site-header.layout--default .site-branding-section {
	padding-bottom: 30px;
}
/* Reset pill order in the 4-card trailing slider */
.banner-layout--four
  .main-banner-block-posts.banner-trailing-posts
  .post-categories {
    flex-wrap: wrap !important;         /* turn off wrap-reverse */
    flex-direction: row !important;     /* enforce normal left-to-right */
}
/* Ticker Image Alignment */
.ticker-news-wrap.layout--two .ticker-item .feature_image {
	margin-top: 0px !important;
	padding-bottom: 0px !important;
	overflow: hidden !important;
}

/* Chrome Off Center All Button Arrow Fix */
.post-link-button.view-all-button {
  display: inline-flex;       /* makes it a flex box */
  align-items: center;        /* vertical centering */
  justify-content: center;    /* horizontal centering */
  /* if you have a fixed size, e.g. 32×32px: */
  width: 32px;
  height: 32px;
}

/* make sure the icon itself doesn’t introduce extra leading */
.post-link-button.view-all-button i {
  display: block;      /* remove inline-font quirks */
  line-height: 1;      /* collapse any extra line height */
  vertical-align: middle; 
}

/* Align View All Button with "All" Label */
.news-filter-post-wrap .post_title_filter_wrap a.post-link-button.view-all-button {
	margin-top: 22px !important;
}

/* Black Header Bar Fix For Chrome */
/* make the whole header bar black, no matter what */
header#masthead,
header#masthead .site-branding-section {
  background-color: #121212 !important;
  background: #121212 !important;
}
.newsmatic_dark_mode .site-header.layout--default .top-header {
  background-color:#121212 !important;
  background: #121212 !important;
}
.site-header.layout--default .menu-section {
  background-color: #121212 !important;
  background: #121212 !important;
}

/* if the theme applies a CSS variable, override that too */
:root {
  --header-bk-color: #121212 !important;
}
/* Hide Non-Working Menu Mini-Tags */
.menu-item-description {
  display: none !important;
}

/* Top Header Bottom Border */
.site-header.layout--default .top-header .row {
    border-bottom: 1px solid #585858 !important;
}

/*-----CUSTOMIZER ADDITIONAL CSS------*/
.akismet_comment_form_privacy_notice {
	font-size: 0.8rem !important;
	margin-top: 0px !important;
	margin-left: 72px !important;
}
.wpd-thread-head {
	margin-top: 40px !important;
}

/*-----Affiliate Disclosure Box ----*/  
 .affiliate-disclosure {
    background: #2b2b32 !important;
    color: #fff !important;
    box-shadow: 0 10px 36px 0 #000c,         /* deep black blur */
              0 1.5px 8px 0 #2228,         /* slightly lighter shadow core */
              0 0 0 2px #23252a !important;           /* subtle outline (optional) */
    transition: box-shadow 0.22s !important;
    border-radius: 8px !important;
    padding: 14px 14px 14px 14px !important;
    font-size: 0.9rem !important;
    font-style: italic !important;
    text-align: left !important;
    border-left: 6px solid #fff !important;
  }
 /* Style only the Bluesky icon */
.social-icon--bluesky svg path {
  fill: #ffffff !important;
  transition: fill 0.4s ease;
	 width: 24px !important;
  height: 24px !important;
	
}
.social-icon--bluesky:hover svg path {
  fill: #B01616 !important;
}
.site-header.layout--default .social-icons-wrap .social-icons .social-icon--bluesky svg {
	padding-top: 4px
}
 
  

/* MOBILE CSS 900px */

@media (max-width: 900px) {
	nav.main-navigation ul.menu, nav.main-navigation ul.nav-menu {
		background-color: #1e1e1e !important;
	}
 /* 1. Hide excerpts on mobile for archive/category/all posts */
  .post-excerpt-with-button {
    display: none !important;
  }
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap {
  height: 200px !important;
	}
/* All Posts Page Mobile 1 Column */
	.all-posts-section .news-grid-post-wrap {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  grid-gap: 0px !important;
	}
 /* General Quotes */ 
  .pcgs-genquote {
    padding: 20px 4vw;
    font-size: 1.07rem;
  }
 /* Floating Quote Box */   
    .pcgs-floating-quote {
    float: none;
    width: 100%;
    margin: 16px 0;
  }
/* Full Quote Box */
    .pcgs-full-quote {
    font-size: 1.15rem;
    padding: 18px 6vw;
  }
    .pcgs-byline-row {
    flex-direction: row;
    gap: 10px;
    margin-bottom: 24px;
    margin-left: 0;
  }
    .pcgs-author-avatar img {
    width: 38px !important;
    height: 38px !important;
  }
  body, html {
    overflow-x: hidden !important;
  }
  .primary-content.pcgs-post-container {
    flex-direction: column !important;
    gap: 0 !important;
    padding: 12px 2vw 22px 2vw !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .pcgs-single-sidebar {
    display: none !important;
  }
  .pcgs-header-image-full,
  .pcgs-header-img-full {
    width: 100% !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }
  .wp-block-image.alignleft,
  .wp-block-image.alignright,
  .wp-block-uagb-image.alignleft,
  .wp-block-uagb-image.alignright {
    float: none !important;
    margin: 12px auto !important;
    max-width: 96vw !important;
    display: block !important;
  }
  .pcgs-post-container {
    padding: 16px 0 !important;
    max-width: 100vw !important;
  }
  .pcgs-post-container h1 {
    font-size: 1.35rem !important;
  }
  .pcgs-post-container p {
    font-size: 1.02rem !important;
  }
}