/* =========================================================
   MrComment 1.11.17 — accent colours of the Q&A / reviews tabs
   --mrc-qa (orange) and --mrc-rev (red) are printed from the module settings.
   ========================================================= */
/* tab strip: coloured edge (bottom on mobile cards, top on the active desktop tab) */
html body a[href="#eextra-3"]{border-bottom-color:var(--mrc-qa)!important}
html body a[href="#eextra-4"]{border-bottom-color:var(--mrc-rev)!important}
html body a[href="#eextra-3"].active,html body a[href="#eextra-3"][aria-selected="true"]{border-top-color:var(--mrc-qa)!important}
html body a[href="#eextra-4"].active,html body a[href="#eextra-4"][aria-selected="true"]{border-top-color:var(--mrc-rev)!important}
/* the theme paints every tab's underline with #myTabb .nav-item .nav-link[href=…] !important, so these need the same weight */
html body #myTabb .nav-item .nav-link[href="#eextra-3"]{border-bottom-color:var(--mrc-qa,#f97316)!important}
html body #myTabb .nav-item .nav-link[href="#eextra-4"]{border-bottom-color:var(--mrc-rev,#e11d48)!important}
html body #myTabb .nav-item .nav-link.active[href="#eextra-3"]{border-color:var(--mrc-qa,#f97316)!important}
html body #myTabb .nav-item .nav-link.active[href="#eextra-4"]{border-color:var(--mrc-rev,#e11d48)!important}
/* heading bars painted by tab-accent.js (accordion titles etc.) */
html body [data-mrc-acc="qa"][data-mrc-pseudo~="before"]::before,html body [data-mrc-acc="qa"][data-mrc-pseudo~="after"]::after{background-color:var(--mrc-qa)!important;border-color:var(--mrc-qa)!important}
html body [data-mrc-acc="rev"][data-mrc-pseudo~="before"]::before,html body [data-mrc-acc="rev"][data-mrc-pseudo~="after"]::after{background-color:var(--mrc-rev)!important;border-color:var(--mrc-rev)!important}
@supports selector(:has(*)){
  html body li:has(>a[href="#eextra-3"]){border-bottom-color:var(--mrc-qa)!important}
  html body li:has(>a[href="#eextra-4"]){border-bottom-color:var(--mrc-rev)!important}
  html body li.active:has(>a[href="#eextra-3"]){border-top-color:var(--mrc-qa)!important}
  html body li.active:has(>a[href="#eextra-4"]){border-top-color:var(--mrc-rev)!important}
}

/* bar size copied from the theme's own bars ("معرفی کوتاه" / "مشخصات فنی") by the accent script */
html body [data-mrc-acc][data-mrc-bar][data-mrc-pseudo~="before"]::before{height:var(--mrc-bar-h)!important;width:var(--mrc-bar-w)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;min-height:0!important;max-height:none!important}
html body [data-mrc-acc][data-mrc-bar][data-mrc-pseudo~="after"]::after{height:var(--mrc-bar-h)!important;width:var(--mrc-bar-w)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;min-height:0!important;max-height:none!important}

/* 1.11.22 - heading bars of our two sections, sized like the theme's own bars (measured: 5px x heading height).
   --mrc-bar-h / --mrc-bar-w come from tab-accent.js (fallbacks 34px / 5px). */
html body #extra-3 .mrcomment-section-title,html body #extra-4 .mrcomment-section-title{min-height:var(--mrc-bar-h,34px)!important}
html body #extra-3 .mrcomment-section-title::before,html body #extra-4 .mrcomment-section-title::before{content:""!important;display:block!important;position:absolute!important;top:50%!important;bottom:auto!important;left:auto!important;right:0!important;margin:0!important;transform:translateY(-50%)!important;width:var(--mrc-bar-w,5px)!important;height:var(--mrc-bar-h,34px)!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:4px!important}
html body #extra-3 .mrcomment-section-title::before{background:var(--mrc-qa,#f97316)!important}
html body #extra-4 .mrcomment-section-title::before{background:var(--mrc-rev,#e11d48)!important}