/**
 * bpproject – Echo Knowledge Base theme bridge
 * Loaded late so EPKB module rules do not visually override the site theme.
 */

/* Root containers */
#eckb-article-page-container-v2,
#eckb-article-body,
.eckb-article-page-container,
.eckb-article-body,
.epkb-article-inner,
.epkb-article__text,
#epkb-main-page-container,
.epkb-main-page-container,
.epkb-ml__module,
.epkb-ml-module{
  color:var(--bp-text)!important;
  background:transparent!important;
}

/* Main-layout module panels and article/category cards. */
#epkb-ml__module-articles-list .epkb-ml-article-list-container,
#epkb-ml__module-articles-list .epkb-ml-article-list-container .epkb-ml-article-section,
#epkb-ml__module-articles-list .epkb-ml-article-section,
#epkb-ml__module-articles-list .epkb-ml-article-list,
#epkb-ml__module-categories-articles .epkb-ml-category,
#epkb-ml__module-categories-articles .epkb-ml-category-card,
.epkb-ml-article-list-container,
.epkb-ml-article-section,
.epkb-ml-category,
.epkb-ml-category-card,
.epkb-top-category-box,
.eckb-categories-list .eckb-category-archive,
.eckb-category-archive{
  background:var(--bp-surface2)!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}

/* Give KB cards the same subtle futuristic surface, without the loud plugin blue. */
#epkb-ml__module-articles-list .epkb-ml-article-list-container .epkb-ml-article-section,
#epkb-ml__module-categories-articles .epkb-ml-category,
.epkb-ml-category-card,
.epkb-top-category-box{
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--bp-accent) 12%,transparent),transparent 42%),
    linear-gradient(145deg,color-mix(in srgb,var(--bp-surface2) 96%,var(--bp-accent) 4%),var(--bp-surface2))!important;
  border:1px solid var(--bp-line)!important;
  border-radius:14px!important;
}

/* Headings, labels and article text. */
#epkb-main-page-container h1,
#epkb-main-page-container h2,
#epkb-main-page-container h3,
#epkb-main-page-container h4,
.epkb-main-page-container h1,
.epkb-main-page-container h2,
.epkb-main-page-container h3,
.epkb-main-page-container h4,
.epkb-ml-article-section__head,
.epkb-ml-article-section__title,
.epkb-ml-category__title,
.epkb-ml-category-title,
.eckb-article-title{
  color:var(--bp-text)!important;
}
#epkb-main-page-container p,
#epkb-main-page-container li,
.epkb-main-page-container p,
.epkb-main-page-container li,
.epkb-ml-article-section p,
.epkb-ml-article-section li{
  color:var(--bp-muted)!important;
}

/* Links/icons */
#epkb-main-page-container a,
.epkb-main-page-container a,
#epkb-ml__module-articles-list a,
#epkb-ml__module-categories-articles a,
.eckb-article-body a{
  color:var(--bp-link,var(--bp-accent))!important;
}
#epkb-main-page-container a:hover,
.epkb-main-page-container a:hover,
#epkb-ml__module-articles-list a:hover,
#epkb-ml__module-categories-articles a:hover,
.eckb-article-body a:hover{
  color:var(--bp-text)!important;
}
#epkb-main-page-container .epkbfa,
.epkb-main-page-container .epkbfa,
#epkb-main-page-container i,
.epkb-main-page-container i{
  color:var(--bp-accent)!important;
}

/* Search module: plugin reds/blues are replaced with the active theme palette. */
#epkb-ml__module-search,
.epkb-doc-search-container,
.epkb-search-container,
#epkb-main-page-container .epkb-doc-search-container{
  background:transparent!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}
#epkb-ml__module-search input,
#epkb-ml__module-search input[type="text"],
.epkb-doc-search-container input,
.epkb-search-container input,
#epkb-main-page-container input[type="text"],
#epkb-main-page-container input[type="search"]{
  background:var(--bp-surface2)!important;
  color:var(--bp-text)!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 48%,var(--bp-line))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 18px color-mix(in srgb,var(--bp-accent) 10%,transparent)!important;
}
#epkb-ml__module-search button,
.epkb-doc-search-container button,
.epkb-search-container button{
  background:color-mix(in srgb,var(--bp-accent) 72%,#10182a 28%)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--bp-accent) 70%,white 8%)!important;
}

/* Tabs / category headers */
#epkb-main-page-container [class*="epkb-ml"] [class*="header"],
.epkb-main-page-container [class*="epkb-ml"] [class*="header"]{
  border-color:var(--bp-line)!important;
}
#epkb-main-page-container [aria-selected="true"],
.epkb-main-page-container [aria-selected="true"],
#epkb-main-page-container .active,
.epkb-main-page-container .active{
  color:var(--bp-text)!important;
  border-color:var(--bp-accent)!important;
}

/* Light theme keeps the same mapping because all values come from theme vars. */
body.bp-theme-light #epkb-main-page-container,
body.bp-theme-light .epkb-main-page-container{
  color:var(--bp-text)!important;
}

/* Additional catch-all for EPKB Main Page variations. Scoped to the KB root so
   it cannot affect ordinary theme cards. */
#epkb-main-page-container [class*="epkb-ml-"][class*="section"],
#epkb-main-page-container [class*="epkb-ml-"][class*="category"],
.epkb-main-page-container [class*="epkb-ml-"][class*="section"],
.epkb-main-page-container [class*="epkb-ml-"][class*="category"]{
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}
#epkb-main-page-container [class*="epkb-ml-"][class*="section"] > *,
#epkb-main-page-container [class*="epkb-ml-"][class*="category"] > *,
.epkb-main-page-container [class*="epkb-ml-"][class*="section"] > *,
.epkb-main-page-container [class*="epkb-ml-"][class*="category"] > *{
  border-color:var(--bp-line)!important;
}

/* Common EPKB search wrappers used by different plugin releases. */
#epkb-main-page-container .epkb-search-box,
#epkb-main-page-container .epkb-search-box-container,
#epkb-main-page-container .epkb-search,
.epkb-main-page-container .epkb-search-box,
.epkb-main-page-container .epkb-search-box-container,
.epkb-main-page-container .epkb-search{
  background:transparent!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}


/* ========================================================================== */
/* bpproject 18.15 – EPKB Basic/Tabs category surfaces                       */
/* ========================================================================== */
/* EPKB often writes its category white/grey backgrounds on deeper elements
   (and in some versions as inline style). These selectors deliberately match
   the plugin's own specificity and stay scoped to the KB root. */
#epkb-main-page-container #epkb-content-container,
#epkb-main-page-container.epkb-basic-template #epkb-content-container,
#epkb-main-page-container.epkb-tabs-template #epkb-content-container,
#epkb-ml__module-categories-articles #epkb-content-container {
  background:transparent!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}

#epkb-main-page-container.epkb-basic-template .epkb-section-container,
#epkb-main-page-container.epkb-basic-template .epkb-section-body,
#epkb-main-page-container.epkb-tabs-template .epkb-section-container,
#epkb-main-page-container.epkb-tabs-template .epkb-section-body,
#epkb-main-page-container .epkb-section-container,
#epkb-main-page-container .epkb-section-body {
  background:color-mix(in srgb,var(--bp-surface2) 96%,transparent)!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}
/* The EPKB category switcher/tab headers keep their own semantic active/inactive
   colours. Do not paint them with --bp-surface2; only harmonise typography/borders. */
#epkb-main-page-container .section-head,
#epkb-main-page-container.epkb-basic-template .section-head,
#epkb-main-page-container.epkb-tabs-template .section-head {
  color:inherit!important;
  border-color:color-mix(in srgb,var(--bp-line) 82%,transparent)!important;
}

/* 18.18: A főkategória-kártyák hátterét már csak a tényleges kártyakonténereken állítjuk.
   A kategóriaváltó/tab elemek plugin-színei érintetlenek maradnak. */

/* Inner article lists sometimes receive white inline backgrounds independently
   from the category wrapper. */
#epkb-main-page-container .epkb-articles,
#epkb-main-page-container .epkb-article-list,
#epkb-main-page-container .epkb-article-inner,
#epkb-main-page-container .epkb-category-level-2-3,
#epkb-main-page-container .epkb-category-level-2-3__container,
#epkb-main-page-container .epkb-category-level-2-3__body,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-articles {
  background-color:transparent!important;
  color:var(--bp-muted)!important;
  border-color:var(--bp-line)!important;
}

#epkb-main-page-container .epkb-cat-name,
#epkb-main-page-container .epkb-cat-desc,
#epkb-main-page-container .epkb-category-level-1,
#epkb-main-page-container .epkb-category-level-2-3__cat-name {
  color:var(--bp-text)!important;
}
#epkb-main-page-container .epkb-cat-desc {
  color:var(--bp-muted)!important;
}


/* ========================================================================== */
/* bpproject 18.16 – EPKB cards, columns and interaction states               */
/* ========================================================================== */
/* Outer category/article blocks receive the same thin neon frame as the theme. */
#epkb-main-page-container .epkb-section-container,
#epkb-main-page-container .epkb-category-level-1,
#epkb-main-page-container .epkb-top-category-box,
#epkb-main-page-container .epkb-ml-article-section,
#epkb-main-page-container .epkb-ml-category-card {
  border:1px solid color-mix(in srgb,var(--bp-accent) 28%,var(--bp-line) 72%)!important;
  border-radius:12px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.015),0 12px 28px rgba(0,0,0,.16)!important;
  overflow:hidden;
}

/* Highlight neighbouring KB columns subtly instead of leaving a flat wall of cards. */
#epkb-main-page-container #epkb-content-container > .epkb-section-container:nth-child(3n+1),
#epkb-main-page-container .epkb-section-container:nth-of-type(3n+1) {
  border-top-color:color-mix(in srgb,var(--bp-accent) 72%,var(--bp-line))!important;
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--bp-accent) 5%,transparent),transparent 32%)!important;
}
#epkb-main-page-container #epkb-content-container > .epkb-section-container:nth-child(3n+2),
#epkb-main-page-container .epkb-section-container:nth-of-type(3n+2) {
  border-top-color:color-mix(in srgb,var(--bp-accent-2) 68%,var(--bp-line))!important;
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--bp-accent-2) 5%,transparent),transparent 32%)!important;
}
#epkb-main-page-container #epkb-content-container > .epkb-section-container:nth-child(3n+3),
#epkb-main-page-container .epkb-section-container:nth-of-type(3n+3) {
  border-top-color:color-mix(in srgb,var(--bp-accent-3) 62%,var(--bp-line))!important;
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--bp-accent-3) 4.5%,transparent),transparent 32%)!important;
}

/* Article links need a clear pointer/focus state inside the plugin as well. */
#epkb-main-page-container .epkb-article-level-1,
#epkb-main-page-container .epkb-article-level-2,
#epkb-main-page-container .epkb-article-level-3,
#epkb-main-page-container .epkb-articles a,
#epkb-main-page-container .epkb-article-list a,
#epkb-main-page-container [class*="article"] > a {
  border-radius:6px;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#epkb-main-page-container .epkb-article-level-1:hover,
#epkb-main-page-container .epkb-article-level-2:hover,
#epkb-main-page-container .epkb-article-level-3:hover,
#epkb-main-page-container .epkb-articles a:hover,
#epkb-main-page-container .epkb-article-list a:hover,
#epkb-main-page-container [class*="article"] > a:hover {
  background:color-mix(in srgb,var(--bp-accent) 11%,transparent)!important;
  color:var(--bp-text)!important;
  box-shadow:inset 2px 0 0 color-mix(in srgb,var(--bp-accent) 76%,transparent)!important;
  transform:translateX(2px);
}
#epkb-main-page-container a:focus-visible {
  outline:2px solid color-mix(in srgb,var(--bp-accent) 76%,white 16%)!important;
  outline-offset:2px!important;
  background:color-mix(in srgb,var(--bp-accent) 12%,transparent)!important;
  color:var(--bp-text)!important;
}

/* Keep the red/grey EPKB category switcher intact. Only add a theme-aware frame and hover cue. */
#epkb-main-page-container .section-head,
#epkb-main-page-container .epkb-nav-tabs,
#epkb-main-page-container [role="tablist"] {
  box-shadow:0 1px 0 color-mix(in srgb,var(--bp-accent) 24%,transparent)!important;
}
#epkb-main-page-container .section-head a:hover,
#epkb-main-page-container .epkb-nav-tabs a:hover,
#epkb-main-page-container [role="tab"]:hover {
  filter:brightness(1.08);
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--bp-accent) 58%,transparent)!important;
}


/* ========================================================================== */
/* bpproject 18.17 – Echo KB Modern Layout: exact modular-layout selectors    */
/* ========================================================================== */
/*
 * Important:
 * Echo KB's current Modular Layout is rooted at
 * #epkb-ml__module-categories-articles, not necessarily below
 * #epkb-main-page-container. 18.16 scoped several interaction/card rules only
 * to the legacy root, so they could never match this layout.
 *
 * Do not recolour the category switcher/tab strip here. We only theme the
 * category/article cards inside #epkb-content-container.
 */

/* Main category columns/cards: frame + theme surface. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-1-container,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-top-category-box {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--bp-accent) 34%, var(--bp-line) 66%) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg,
        color-mix(in srgb, var(--bp-surface2) 96%, var(--bp-accent) 4%),
        var(--bp-surface2)) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.015),
      0 12px 28px rgba(0,0,0,.16) !important;
}

/* The white top part of each category card, but NOT the global tab switcher. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container > .section-head,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container .section-head,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-1__head,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-top-category-box__head {
    background:
      linear-gradient(145deg,
        color-mix(in srgb, var(--bp-surface) 92%, var(--bp-accent) 8%),
        color-mix(in srgb, var(--bp-surface2) 97%, transparent)) !important;
    background-color: var(--bp-surface) !important;
    color: var(--bp-text) !important;
    border-color: color-mix(in srgb, var(--bp-accent) 26%, var(--bp-line) 74%) !important;
}

/* Card bodies stay darker and visually separate from their headers. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-body,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-articles,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-article-list {
    background: color-mix(in srgb, var(--bp-surface2) 98%, transparent) !important;
    color: var(--bp-muted) !important;
    border-color: var(--bp-line) !important;
}

/* Column accents: subtle, theme-aware, not RGB/gamer styling. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container:nth-of-type(3n+1),
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-1-container:nth-of-type(3n+1) {
    border-top-color: color-mix(in srgb, var(--bp-accent) 78%, var(--bp-line)) !important;
    box-shadow:
      inset 0 2px 0 color-mix(in srgb, var(--bp-accent) 30%, transparent),
      0 12px 28px rgba(0,0,0,.16) !important;
}
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container:nth-of-type(3n+2),
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-1-container:nth-of-type(3n+2) {
    border-top-color: color-mix(in srgb, var(--bp-accent-2) 74%, var(--bp-line)) !important;
    box-shadow:
      inset 0 2px 0 color-mix(in srgb, var(--bp-accent-2) 26%, transparent),
      0 12px 28px rgba(0,0,0,.16) !important;
}
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container:nth-of-type(3n+3),
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-1-container:nth-of-type(3n+3) {
    border-top-color: color-mix(in srgb, var(--bp-accent-3) 70%, var(--bp-line)) !important;
    box-shadow:
      inset 0 2px 0 color-mix(in srgb, var(--bp-accent-3) 24%, transparent),
      0 12px 28px rgba(0,0,0,.16) !important;
}

/* Category headings and descriptions follow the selected bpproject palette. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-cat-name,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-2-3__cat-name {
    color: var(--bp-text) !important;
}
#epkb-ml__module-categories-articles #epkb-content-container .epkb-cat-desc {
    color: var(--bp-muted) !important;
}

/*
 * Real article-link hover/focus targets used by Echo KB Modular Layout.
 * The old 18.16 selectors targeted generic wrappers that are not the clickable
 * element in this layout.
 */
#epkb-ml__module-categories-articles #epkb-content-container a.eckb-article-title,
#epkb-ml__module-categories-articles #epkb-content-container .eckb-article-title,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-article-inner,
#epkb-ml__module-categories-articles #epkb-content-container a.epkb-category-level-2-3__cat-name,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-2-3__cat-name {
    position: relative;
    border-radius: 6px !important;
    transition:
      color .16s ease,
      background-color .16s ease,
      box-shadow .16s ease,
      transform .16s ease !important;
}

#epkb-ml__module-categories-articles #epkb-content-container a.eckb-article-title:hover,
#epkb-ml__module-categories-articles #epkb-content-container .eckb-article-title:hover,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-article-inner:hover,
#epkb-ml__module-categories-articles #epkb-content-container a.epkb-category-level-2-3__cat-name:hover,
#epkb-ml__module-categories-articles #epkb-content-container .epkb-category-level-2-3__cat-name:hover {
    color: var(--bp-text) !important;
    background-color: color-mix(in srgb, var(--bp-accent) 13%, transparent) !important;
    box-shadow:
      inset 2px 0 0 color-mix(in srgb, var(--bp-accent) 82%, transparent),
      0 0 12px color-mix(in srgb, var(--bp-accent) 8%, transparent) !important;
    transform: translateX(2px);
}

#epkb-ml__module-categories-articles #epkb-content-container a:focus-visible,
#epkb-ml__module-categories-articles #epkb-content-container [tabindex]:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bp-accent) 82%, white 12%) !important;
    outline-offset: 2px !important;
    border-radius: 6px !important;
    color: var(--bp-text) !important;
    background-color: color-mix(in srgb, var(--bp-accent) 14%, transparent) !important;
}

/* Featured/popular/latest article columns at the top get the same frame language. */
#epkb-ml__module-categories-articles .epkb-ml-article-list-container .epkb-ml-article-section {
    border: 1px solid color-mix(in srgb, var(--bp-accent) 28%, var(--bp-line) 72%) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg,
        color-mix(in srgb, var(--bp-surface2) 96%, var(--bp-accent) 4%),
        var(--bp-surface2)) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
}
#epkb-ml__module-categories-articles .epkb-ml-article-list-container .epkb-ml-article-section:nth-child(3n+1) {
    border-top-color: color-mix(in srgb, var(--bp-accent) 74%, var(--bp-line)) !important;
}
#epkb-ml__module-categories-articles .epkb-ml-article-list-container .epkb-ml-article-section:nth-child(3n+2) {
    border-top-color: color-mix(in srgb, var(--bp-accent-2) 70%, var(--bp-line)) !important;
}
#epkb-ml__module-categories-articles .epkb-ml-article-list-container .epkb-ml-article-section:nth-child(3n+3) {
    border-top-color: color-mix(in srgb, var(--bp-accent-3) 66%, var(--bp-line)) !important;
}

#epkb-ml__module-categories-articles .epkb-ml-article-list-container .epkb-article-inner {
    border-radius: 6px !important;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
#epkb-ml__module-categories-articles .epkb-ml-article-list-container .epkb-article-inner:hover {
    background-color: color-mix(in srgb, var(--bp-accent) 12%, transparent) !important;
    color: var(--bp-text) !important;
    box-shadow: inset 2px 0 0 color-mix(in srgb, var(--bp-accent) 78%, transparent) !important;
    transform: translateX(2px);
}


/* ========================================================================== */
/* bpproject 18.18 – Echo KB: preserve category switcher, theme only cards    */
/* ========================================================================== */

/*
 * IMPORTANT:
 * Do NOT apply background/background-color to generic .epkb-category-level-1
 * elements. Echo KB also uses that class in the red/grey category switcher.
 * We theme only the actual article/category card containers below.
 */

/* Actual category cards/columns. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container,
#epkb-main-page-container #epkb-content-container .epkb-section-container,
#epkb-main-page-container #epkb-content-container .epkb-top-category-box {
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--bp-accent) 34%,var(--bp-line) 66%)!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--bp-surface2) 96%,var(--bp-accent) 4%),
      var(--bp-surface2))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}

/* Only the header area inside a real card. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container > .section-head,
#epkb-main-page-container #epkb-content-container .epkb-section-container > .section-head,
#epkb-main-page-container #epkb-content-container .epkb-top-category-box__head {
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--bp-surface) 92%,var(--bp-accent) 8%),
      color-mix(in srgb,var(--bp-surface2) 97%,transparent))!important;
  background-color:var(--bp-surface)!important;
  color:var(--bp-text)!important;
  border-color:color-mix(in srgb,var(--bp-accent) 25%,var(--bp-line) 75%)!important;
}

/* Explicitly leave the category switcher/tab strip to Echo KB. */
#epkb-main-page-container .epkb-nav-tabs,
#epkb-main-page-container .epkb-nav-tabs > li,
#epkb-main-page-container .epkb-nav-tabs > li > a,
#epkb-ml__module-categories-articles .epkb-ml-tabs,
#epkb-ml__module-categories-articles .epkb-ml-tabs > *,
#epkb-ml__module-categories-articles [role="tablist"],
#epkb-ml__module-categories-articles [role="tab"] {
  box-shadow:none;
}

/* Stronger but restrained card-column accents. */
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container:nth-of-type(3n+1) {
  border-top:2px solid color-mix(in srgb,var(--bp-accent) 78%,var(--bp-line))!important;
}
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container:nth-of-type(3n+2) {
  border-top:2px solid color-mix(in srgb,var(--bp-accent-2) 74%,var(--bp-line))!important;
}
#epkb-ml__module-categories-articles #epkb-content-container .epkb-section-container:nth-of-type(3n+3) {
  border-top:2px solid color-mix(in srgb,var(--bp-accent-3) 70%,var(--bp-line))!important;
}


/* ========================================================================== */
/* bpproject 18.21 – Echo KB article page surface and contrast fixes          */
/* ========================================================================== */
/* A tudásbázis egyedi cikkoldalán több mélyebb konténer is fehér hátteret ír.
   Ezt kifejezetten az article-page gyökér alatt semlegesítjük, hogy a fő téma
   színsémái ott is érvényesüljenek, miközben a kategóriaváltó érintetlen marad. */
#eckb-article-page-container-v2,
#eckb-article-page-container-v2 #eckb-article-body,
#eckb-article-page-container-v2 .eckb-article-body,
#eckb-article-page-container-v2 .eckb-article-content,
#eckb-article-page-container-v2 .epkb-article__text,
#eckb-article-page-container-v2 .epkb-doc-article,
#eckb-article-page-container-v2 .epkb-doc-container,
#eckb-article-page-container-v2 .epkb-article-container,
#eckb-article-page-container-v2 [class*="article-content"],
#eckb-article-page-container-v2 [class*="article-body"],
#eckb-article-page-container-v2 [class*="article-inner"] {
  background:transparent!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}

#eckb-article-page-container-v2 #eckb-article-body,
#eckb-article-page-container-v2 .eckb-article-body,
#eckb-article-page-container-v2 .eckb-article-content,
#eckb-article-page-container-v2 .epkb-doc-article,
#eckb-article-page-container-v2 .epkb-article__text,
#eckb-article-page-container-v2 .epkb-doc-container {
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--bp-surface) 94%,var(--bp-accent) 6%),
      var(--bp-surface2))!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 24%,var(--bp-line) 76%)!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}

#eckb-article-page-container-v2 .eckb-breadcrumbs,
#eckb-article-page-container-v2 .epkb-breadcrumbs,
#eckb-article-page-container-v2 .eckb-article-toc,
#eckb-article-page-container-v2 .epkb-article-toc,
#eckb-article-page-container-v2 .epkb-related-articles,
#eckb-article-page-container-v2 [class*="breadcrumb"],
#eckb-article-page-container-v2 [class*="toc"],
#eckb-article-page-container-v2 [class*="related"] {
  background:color-mix(in srgb,var(--bp-surface2) 97%,transparent)!important;
  color:var(--bp-text)!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 18%,var(--bp-line) 82%)!important;
  border-radius:12px!important;
}

#eckb-article-page-container-v2 h1,
#eckb-article-page-container-v2 h2,
#eckb-article-page-container-v2 h3,
#eckb-article-page-container-v2 h4,
#eckb-article-page-container-v2 strong {
  color:var(--bp-text)!important;
}
#eckb-article-page-container-v2 p,
#eckb-article-page-container-v2 li,
#eckb-article-page-container-v2 td,
#eckb-article-page-container-v2 th,
#eckb-article-page-container-v2 span,
#eckb-article-page-container-v2 label {
  color:var(--bp-muted)!important;
}
#eckb-article-page-container-v2 a {
  color:var(--bp-link,var(--bp-accent))!important;
}
#eckb-article-page-container-v2 a:hover,
#eckb-article-page-container-v2 a:focus-visible {
  color:var(--bp-text)!important;
}

#eckb-article-page-container-v2 blockquote,
#eckb-article-page-container-v2 pre,
#eckb-article-page-container-v2 code,
#eckb-article-page-container-v2 table,
#eckb-article-page-container-v2 .wp-block-code {
  background:color-mix(in srgb,var(--bp-surface2) 96%,transparent)!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}

body[data-bp-theme="light"] #eckb-article-page-container-v2 #eckb-article-body,
body[data-bp-theme="light"] #eckb-article-page-container-v2 .eckb-article-body,
body[data-bp-theme="light"] #eckb-article-page-container-v2 .eckb-article-content,
body[data-bp-theme="light"] #eckb-article-page-container-v2 .epkb-doc-article,
body[data-bp-theme="light"] #eckb-article-page-container-v2 .epkb-article__text,
body[data-bp-theme="light"] #eckb-article-page-container-v2 .epkb-doc-container {
  box-shadow:0 16px 38px rgba(28,48,82,.10)!important;
}


/* ========================================================================== */
/* bpproject 18.23 – Echo KB current article-template exact selectors         */
/* ========================================================================== */
/* Echo KB a jelenlegi article sablonban ID-alapú és generált inline CSS-t
   használ. Ezek a tényleges konténerek, ezért az általános régi osztálynevek
   helyett itt az aktuális article-page DOM-ot célozzuk. */
html body #eckb-article-page-container-v2{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--bp-text)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-body{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--bp-text)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--bp-surface) 96%,var(--bp-accent) 4%),
      var(--bp-surface2))!important;
  background-color:var(--bp-surface)!important;
  color:var(--bp-text)!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 24%,var(--bp-line) 76%)!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-body,
html body #eckb-article-page-container-v2 #eckb-article-content-header-v2,
html body #eckb-article-page-container-v2 #eckb-article-content-footer,
html body #eckb-article-page-container-v2 [id^="eckb-article-content-header-row-"]{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}

/* A plugin generált article CSS-e ezeket külön fehérre/f7f7f7-re állítja. */
html body #eckb-article-page-container-v2 .eckb-article-content-toolbar-button-container{
  background:color-mix(in srgb,var(--bp-surface2) 97%,transparent)!important;
  background-color:var(--bp-surface2)!important;
  border-color:var(--bp-line)!important;
}
html body #eckb-article-page-container-v2 .eckb-article-content-toolbar-button-container .eckb-toolbar-button-text{
  color:var(--bp-muted)!important;
}
html body #eckb-article-page-container-v2 .eckb-article-content-toolbar-button-container .eckb-toolbar-button-icon{
  color:var(--bp-accent)!important;
}
html body #eckb-article-page-container-v2 .eckb-article-content-toolbar-button-container:hover{
  background:color-mix(in srgb,var(--bp-accent) 10%,var(--bp-surface2))!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-footer .epkb-article-navigation-container a{
  background:color-mix(in srgb,var(--bp-surface2) 97%,transparent)!important;
  color:var(--bp-link,var(--bp-accent))!important;
  border-color:var(--bp-line)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-footer .epkb-article-navigation-container a:hover{
  background:color-mix(in srgb,var(--bp-accent) 11%,var(--bp-surface2))!important;
  color:var(--bp-text)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-body .eckb-article-toc__inner,
html body #eckb-article-page-container-v2 #eckb-article-body .eckb-article-toc,
html body #eckb-article-page-container-v2 #eckb-article-left-sidebar,
html body #eckb-article-page-container-v2 #eckb-article-right-sidebar{
  background:color-mix(in srgb,var(--bp-surface2) 97%,transparent)!important;
  background-color:var(--bp-surface2)!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-body .eckb-article-toc__inner a{
  color:var(--bp-muted)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-body .eckb-article-toc__inner a:hover,
html body #eckb-article-page-container-v2 #eckb-article-body .eckb-article-toc__inner a.active{
  background:color-mix(in srgb,var(--bp-accent) 13%,transparent)!important;
  color:var(--bp-text)!important;
}

html body #eckb-article-page-container-v2 #eckb-article-content-body h1,
html body #eckb-article-page-container-v2 #eckb-article-content-body h2,
html body #eckb-article-page-container-v2 #eckb-article-content-body h3,
html body #eckb-article-page-container-v2 #eckb-article-content-body h4,
html body #eckb-article-page-container-v2 #eckb-article-content-body h5,
html body #eckb-article-page-container-v2 #eckb-article-content-body h6,
html body #eckb-article-page-container-v2 #eckb-article-content-body strong{
  color:var(--bp-text)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-body p,
html body #eckb-article-page-container-v2 #eckb-article-content-body li,
html body #eckb-article-page-container-v2 #eckb-article-content-body td,
html body #eckb-article-page-container-v2 #eckb-article-content-body th{
  color:var(--bp-muted)!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-body a{
  color:var(--bp-link,var(--bp-accent))!important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-body a:hover,
html body #eckb-article-page-container-v2 #eckb-article-content-body a:focus-visible{
  color:var(--bp-text)!important;
}


/* ========================================================================== */
/* bpproject 18.26 – exact EPKB article content background override           */
/* ========================================================================== */
html body #eckb-article-page-container-v2 #eckb-article-content,
html body.single-epkb_post_type_1 #eckb-article-page-container-v2 #eckb-article-content,
html body[class*="epkb"] #eckb-article-page-container-v2 #eckb-article-content{
  background-color:var(--bp-surface)!important;
  background-image:linear-gradient(180deg,
    color-mix(in srgb,var(--bp-surface) 96%,var(--bp-accent) 4%),
    var(--bp-surface2))!important;
  color:var(--bp-text)!important;
}


/* ========================================================================== */
/* bpproject 18.27 – article mobile density + exact colour inheritance        */
/* ========================================================================== */
html body #eckb-article-page-container-v2 #eckb-article-content{
  background-color:var(--bp-surface)!important;
  background-image:linear-gradient(180deg,
    color-mix(in srgb,var(--bp-surface) 96%,var(--bp-accent) 4%),
    var(--bp-surface2))!important;
  color:var(--bp-text)!important;
}
@media(max-width:760px){
  html body.single-epkb_post_type_1 #eckb-article-page-container-v2,
  html body.single-epkb_post_type_1 #eckb-article-page-container-v2 #eckb-article-body{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body.single-epkb_post_type_1 #eckb-article-page-container-v2 #eckb-article-content{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  html body.single-epkb_post_type_1 #eckb-article-page-container-v2 #eckb-article-content-header-v2,
  html body.single-epkb_post_type_1 #eckb-article-page-container-v2 #eckb-article-content-body,
  html body.single-epkb_post_type_1 #eckb-article-page-container-v2 #eckb-article-content-footer{
    margin-inline:0!important;
    padding-inline:4px!important;
  }
}


/* ========================================================================== */
/* bpproject 18.29 – Echo KB tag buttons                                      */
/* ========================================================================== */
#eckb-article-page-container-v2 .eckb-tag-container{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid color-mix(in srgb,var(--bp-line) 82%,transparent)!important;
  color:var(--bp-muted)!important;
}
#eckb-article-page-container-v2 .eckb-tag-description{
  color:var(--bp-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
}
#eckb-article-page-container-v2 ul.eckb-tag-list{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
#eckb-article-page-container-v2 ul.eckb-tag-list>li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#eckb-article-page-container-v2 ul.eckb-tag-list>li>a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:5px 10px!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 28%,var(--bp-line) 72%)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--bp-accent) 9%,var(--bp-surface)),
    color-mix(in srgb,var(--bp-accent-2) 5%,var(--bp-surface2)))!important;
  color:var(--bp-link,var(--bp-accent))!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
#eckb-article-page-container-v2 ul.eckb-tag-list>li>a:hover,
#eckb-article-page-container-v2 ul.eckb-tag-list>li>a:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--bp-accent) 58%,var(--bp-line))!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--bp-accent) 15%,var(--bp-surface)),
    color-mix(in srgb,var(--bp-accent-2) 8%,var(--bp-surface2)))!important;
  color:var(--bp-text)!important;
}
body[data-bp-theme="light"] #eckb-article-page-container-v2 ul.eckb-tag-list>li>a{
  box-shadow:0 3px 9px rgba(33,75,135,.055)!important;
}