:root {
  --eg-bg-main: #ffffff;
  --eg-bg-soft: #f7f7f7;

  --eg-text-main: #1a1a1a;
  --eg-text-heading: #111111;
  --eg-text-muted: #6b6b6b;

  --eg-accent: #e11d2e;

  --eg-link: #1e40af;
  --eg-link-hover: #1e3a8a;

  --eg-border: #e5e5e5;
  --eg-card-border: #eaeaea;
}

.ai-ad,
.ai-ad-container,
.adsbygoogle {
  min-width: 300px;
}


/* ExpertsGuys CSS Image Watermark */
/*.eg-watermark {
  position: relative;
  display: inline-block;
}

.eg-watermark::after {
  content: "expertsguys.com";
  position: absolute;
  bottom: 12px;
  right: 12px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: rgba(255,255,255,0.65);
  background: rgba(0,0,0,0.25);
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 5;
}


.eg-watermark-strong::after {
  content: "expertsguys.com";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: bold;
  color: rgba(255,255,255,0.25);
  transform: rotate(-30deg);
  pointer-events: none;
}
*/
/* ===== ExpertsGuys Sitemap - Correct heading colors ===== */

/* ===============================
   ExpertsGuys Sitemap - FINAL COLOR RULES
   =============================== */

/* Day / light mode */
.eg-html-sitemap .eg-sitemap-title {
  color: #1E40AF !important; /* blue */
  opacity: 1 !important;
}

/* Dark mode (Foxiz) */
html[data-theme="dark"] .eg-html-sitemap .eg-sitemap-title,
body.dark .eg-html-sitemap .eg-sitemap-title,
.rb-theme-dark .eg-html-sitemap .eg-sitemap-title,
.dark-mode .eg-html-sitemap .eg-sitemap-title {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Keep subtle contrast on dark bg */
html[data-theme="dark"] .eg-html-sitemap .eg-sitemap-title {
  text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}


/* ExpertsGuys sitemap page css */
.eg-html-sitemap { max-width: 980px; margin: 0 auto; }

.eg-sitemap-section { margin-top: 24px; }
.eg-sitemap-title { font-size: 28px; margin: 12px 0 16px; }

.eg-sitemap-cats { display: grid; gap: 18px; }

.eg-sitemap-cat {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: 16px;
  background: #fff;
}

.eg-sitemap-cat-title { margin: 0 0 12px; font-size: 18px; }
.eg-sitemap-cat-title a { text-decoration: none; font-weight: 800; }
.eg-sitemap-cat-title a:hover { text-decoration: underline; }

.eg-sitemap-groups { display: grid; gap: 10px; }

.eg-sitemap-group {
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(0,0,0,0.02);
}

.eg-sitemap-summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 15px;
  list-style: none;
}
.eg-sitemap-summary::-webkit-details-marker { display: none; }

.eg-sitemap-count { font-weight: 600; opacity: 0.6; margin-left: 6px; }

.eg-sitemap-list { margin: 10px 0 0; padding: 0; list-style: none; }

.eg-sitemap-item {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.eg-sitemap-item:first-child { border-top: none; }

.eg-sitemap-link { text-decoration: none; font-weight: 600; line-height: 1.35; }
.eg-sitemap-link:hover { text-decoration: underline; }

.eg-sitemap-date { opacity: 0.65; white-space: nowrap; font-size: 13px; }

@media (max-width: 640px) {
  .eg-sitemap-item { flex-direction: column; }
  .eg-sitemap-date { white-space: normal; }
}




/* Force ExpertsGuys sitemap to stay LIGHT even in Foxiz dark mode */
.eg-html-sitemap,
.eg-html-sitemap * {
  color: #111 !important;
}

.eg-html-sitemap .eg-sitemap-cat,
.eg-html-sitemap .eg-sitemap-group {
  background: #fff !important;
  border-color: rgba(0,0,0,0.12) !important;
}

.eg-html-sitemap .eg-sitemap-group {
  background: #fff !important;
}

.eg-html-sitemap .eg-sitemap-link {
  color: #111 !important;
}

.eg-html-sitemap .eg-sitemap-date,
.eg-html-sitemap .eg-sitemap-count {
  color: rgba(0,0,0,0.60) !important;
}

.eg-html-sitemap .eg-sitemap-item {
  border-top-color: rgba(0,0,0,0.10) !important;
}




/* ===== ExpertsGuys - Editorial Team profile layout (Foxiz) ===== */

/* 1) Kill Foxiz hero / featured image */
body.single-eg_editor .s-feat-outer,
body.single-eg_editor .s-feat,
body.single-eg_editor .single-feat,
body.single-eg_editor .rb-feat,
body.single-eg_editor .p-feat,
body.single-eg_editor .post-feat,
body.single-eg_editor .featured-image {
  display: none !important;
}

/* 2) Compact editor content layout */
body.single-eg_editor .entry-content {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 720px;
  margin-top: 12px;
}

/* 3) REAL avatar (featured image thumbnail) */
body.single-eg_editor .entry-content img {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  object-fit: cover;
  flex: 0 0 52px;
}

/* 4) Title like your reference */
body.single-eg_editor .entry-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

/* 5) Bio text */
body.single-eg_editor .entry-content p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}


.eg-reviewer-avatar {object-fit: cover;}

/* ===== EG Editorial Review Box ===== 


img{
  max-width:100%;
  height:auto;
  vertical-align:middle;
  border-style:none;
}

/* only the images that should crop 
.eg-reviewer-avatar,
.post-thumbnail img,
.cover-image img{
  object-fit:cover;
}

.eg-reviewer-avatar {
 display: inline-flex;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;

  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

/* Kill any pseudo-element overlay that may cover it 
.entry-content.is-highlight-shares::before,
.entry-content.rbct.is-highlight-shares::before,
.entry-content.rbct.clearfix.is-highlight-shares::before {
  pointer-events: none !important;
  z-index: 0 !important;
}*/

.eg-reviewer-box {
  background: #ffffff;
  color: #111827;
  border-radius: 14px;
}

/* Dark mode support */
html.dark .eg-reviewer-box,
body.dark-mode .eg-reviewer-box,
[data-theme="dark"] .eg-reviewer-box {
  background: #00080a; /* EG dark surface */
  color: #e5e7eb;
}

/* Reviewer name */
.eg-reviewer-box a,
.eg-reviewer-box strong {
  color: #1d4ed8;
}

html.dark .eg-reviewer-box a,
body.dark-mode .eg-reviewer-box a {
  color: #93c5fd;
}

/* Divider line */
.eg-reviewer-line {
  background-color: #ffffff;
}

[data-theme="dark"]  .eg-reviewer-line {
  background-color: #00080a;
}

[data-theme="dark"] .eg-reviewer-label {
  background-color: #00080a;
}


/* =========================
   ExpertsGuys - mobile polish
   ========================= */

/* 1) Fix huge mobile quote text */
@media (max-width: 768px){
  .wp-block-quote p{
    font-size: 22px !important;
    line-height: 1.25 !important;
  }
  .wp-block-quote cite{
    font-size: 14px !important;
  }
}

/* 2) Make watermark lighter on mobile */
@media (max-width: 768px){
  .s-feat::after,
  .featured-lightbox-trigger::after{
    font-size: 18px !important;
    bottom: 12px !important;
    right: 12px !important;
    padding: 2px 6px !important;
    border-radius: 8px !important;
  }
}

/* 3) Reviewer box - fix border alpha + spacing */
.eg-reviewer-box,
.eg-reviewedby-titleline{
  border-color: rgba(0,0,0,0.08) !important;
}

/* 4) If an ad placeholder is empty, don’t reserve huge space */
.ai-viewports:empty{
  display: none !important;
}


/* =========================================
   FAQ – Left aligned badge + text
   (Schema FAQ structure)
========================================= */

/* Fallback numbering for H2 FAQs + next DIV structure */
.entry-content h2.wp-block-heading + div{
  counter-reset: egfaq;
  padding-left: 2.2em;
}

.entry-content h2.wp-block-heading + div > div{
  counter-increment: egfaq;
}

.entry-content h2.wp-block-heading + div > div > h3{
  position: relative;
}

.entry-content h2.wp-block-heading + div > div > h3::before{
  content: counter(egfaq);
  position: absolute;
  left: -2.2em;
  top: 0.2em;
  width: 1.4em;
  height: 1.4em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9em;
  border-radius: 4px;
  background: rgba(59,130,246,0.18);
  border: 1px solid rgba(59,130,246,0.35);
  color: currentColor;
}.entry-content [itemtype="https://schema.org/FAQPage"]{
  padding-left: 2.2em;
  counter-reset: egfaq;
}
.entry-content [itemtype="https://schema.org/Question"]{
  counter-increment: egfaq;
}
.entry-content h3[itemprop="name"]{
  position: relative;
}
.entry-content h3[itemprop="name"]::before{
  content: counter(egfaq);
  position: absolute;
  left: -2.2em;
  top: 0.2em;
  width: 1.4em;
  height: 1.4em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9em;
  border-radius: 4px;
  background: rgba(59,130,246,0.18);
  border: 1px solid rgba(59,130,246,0.35);
  color: currentColor;
}


/* Reset counter on the FAQPage container */
.entry-content [itemtype="https://schema.org/FAQPage"]{
  padding-left: 2.2em;
  counter-reset: egfaq;
}

/* Increment counter on each Question */
.entry-content [itemtype="https://schema.org/Question"]{
  counter-increment: egfaq;
}

/* Badge with number */
.entry-content h3[itemprop="name"]{
  position: relative;
  margin-left: 0 !important;
  padding-left: 0;
}

.entry-content h3[itemprop="name"]::before{
  content: counter(egfaq);
  position: absolute;
  left: -2.2em;
  top: 0.2em;
  width: 1.4em;
  height: 1.4em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9em;
  border-radius: 4px;
  background: rgba(59,130,246,0.18);
  border: 1px solid rgba(59,130,246,0.35);
  color: currentColor;
}

/* Numbering */
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(1) h3[itemprop="name"]::before{ content:"1️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(2) h3[itemprop="name"]::before{ content:"2️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(3) h3[itemprop="name"]::before{ content:"3️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(4) h3[itemprop="name"]::before{ content:"4️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(5) h3[itemprop="name"]::before{ content:"5️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(6) h3[itemprop="name"]::before{ content:"6️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(7) h3[itemprop="name"]::before{ content:"7️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(8) h3[itemprop="name"]::before{ content:"8️⃣"; }
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(9) h3[itemprop="name"]::before{ content:"9️⃣"; }

/* 10+ fallback */
.entry-content [itemtype="https://schema.org/Question"]:nth-of-type(n+10) h3[itemprop="name"]::before{
  content:"🔟";
}




//* ExpertsGuys: add ↗ after links inside post content */
.entry-content.rbct a:not(.wp-block-button__link)::after{
  content: "\00A0\2197";
  display: inline-block;
  font-size: 0.9em;
  margin-left: 4px;
  opacity: 0.85;
  transition: transform .2s ease;
}

.entry-content.rbct a:not(.wp-block-button__link):hover::after{
  transform: translate(2px,-2px);
}

/* ExpertsGuys: only external links get ↗ */
.entry-content.rbct a[href^="http"]:not([href*="expertsguys.com"]):not(.wp-block-button__link)::after{
  content: "\00A0\2197";
  display: inline-block;
  font-size: 0.9em;
  margin-left: 4px;
  opacity: 0.85;
}



/* ===========================
   ExpertsGuys: Link Arrow System (clean)
   - Shows arrow on internal + external links in post content
   - Excludes buttons + reviewer/editor links
=========================== */

/* External links */
.entry-content.rbct a[href^="http"]
  :not(.wp-block-button__link)
  :not(.eg-reviewer-link)
  :not(.eg-author-link){
}

/* Use a single shared rule for the arrow */
.entry-content.rbct a[href^="http"]:not([href*="expertsguys.com"]):not(.wp-block-button__link):not(.eg-reviewer-link):not(.eg-author-link)::after{
  content: "\00A0\2197";
  display: inline-block;
  font-size: 0.9em;
  margin-left: 4px;
  opacity: 0.85;
}

/* Internal links (absolute + relative) */
.entry-content.rbct a[href*="expertsguys.com"]:not(.wp-block-button__link):not(.eg-reviewer-link):not(.eg-author-link)::after,
.entry-content.rbct a[href^="/"]:not(.wp-block-button__link):not(.eg-reviewer-link):not(.eg-author-link)::after{
  content: "\00A0\2197";
  display: inline-block;
  font-size: 0.9em;
  margin-left: 4px;
  opacity: 0.85;
}

/* EXTRA SAFETY: never show arrows inside the reviewer box at all */
.eg-reviewer-box a::after{
  content: "" !important;
}



.disclosure-box {
  background: #f7f7f7;
  padding: 20px 24px;
  font-size: 0.92rem;
  color: #555;
  border-left: 3px solid #d0d0d0;
  border-radius: 4px;
  margin: 28px 0 32px 0;
  line-height: 1.6;
}


.eg-author-under-h1{
  display:flex;
  align-items:center;
  gap:14px;
  margin:16px 0 28px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  background:rgba(0,0,0,.02);
}

.eg-author-under-h1 img{
  width:54px;
  height:54px;
  border-radius:999px;
  object-fit:cover;
  display:block;
}

.eg-author-name{
  font-weight:700;
  line-height:1.2;
}

.eg-author-name a{
  text-decoration:none;
}

.eg-author-role{
  font-size:0.92rem;
  opacity:.8;
  margin-top:2px;
}


.eg-reviewer{
  margin-top:6px;
  font-size:0.88rem;
  opacity:.85;
}

/* =====================================================
   ExpertsGuys - Reviewed by line under H1 (Foxiz safe)
   ===================================================== */

/* If reviewer is separate meta line */
.single .entry-title + .post-meta,
.single .entry-title + .rb-meta,
.single .entry-title + .rb-post-meta {
  display:block !important;
  margin-top:10px !important;
}

/* If reviewer is injected inside H1 as span */
.single .entry-title .eg-reviewedby,
.single .entry-title .reviewed-by {
  display:block !important;
  margin-top:8px;
  font-size:0.85em;
  line-height:1.3;
}