/* ======================================================================
   EMKAN v157 — precision-only correction
   Scope is deliberately limited to:
   A) lower breadcrumb/back/context strip (mega-menu untouched)
   B) Store selected state
   C) Education disclosure glyphs + virtual lesson glyph
   D) About / education tree spine-node alignment
   ====================================================================== */

/* A) Context strip: one width/edge law for every internal page.
   The exact placement is also reinforced by v157 JS because these bars live
   inside parents with different widths across modules. */
@media (min-width:1280px){
  
}
@media (min-width:901px) and (max-width:1279px){
  
}
@media (min-width:901px){
  
}

/* B) Store: hover can be accent, but an already-selected choice is normal
   foreground and normal weight — including while the pointer still sits on it. */
html body .emkan-store-filter-rail .store-category-nav a.is-active,
html body .store-category-side .store-category-nav a.is-active,
html body .store-category-side .store-subcategory-list a.is-active,
html body .store-category-side .store-subcategory-list a[aria-current="page"],
html body .store-category-side .store-sort-list button.is-active,
html body .store-category-side .store-sort-list button[aria-pressed="true"],
html body .emkan-store-filter-rail .store-sort-list button.is-active,
html body .emkan-store-filter-rail .store-sort-list button[aria-pressed="true"]{
  color:var(--fg)!important;
  font-weight:400!important;
  text-shadow:none!important;
  transform:none!important;
}
html body .emkan-store-filter-rail .store-category-nav a.is-active:is(:hover,:focus-visible),
html body .store-category-side .store-category-nav a.is-active:is(:hover,:focus-visible),
html body .store-category-side .store-subcategory-list a.is-active:is(:hover,:focus-visible),
html body .store-category-side .store-sort-list button.is-active:is(:hover,:focus-visible),
html body .emkan-store-filter-rail .store-sort-list button.is-active:is(:hover,:focus-visible){
  color:var(--fg)!important;
  font-weight:400!important;
}

/* C1) Education FAQ/mobile accordions: remove legacy +/- completely and draw
   the same stepped two-line disclosure symbol used elsewhere in the site. */
html body.content-section-page #contentApp .v49-section details > summary::-webkit-details-marker,
html body.v90-education-item-page #contentApp .v97-mobile-accordion-item > summary::-webkit-details-marker,
html body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary::-webkit-details-marker{display:none!important}

html body.content-section-page #contentApp .v49-section details > summary::after,
html body.v90-education-item-page #contentApp .v97-mobile-accordion-item > summary::after,
html body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary::after{
  content:""!important;
  display:inline-block!important;
  visibility:visible!important;
  width:12px!important;
  height:10px!important;
  min-width:12px!important;
  flex:0 0 12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:currentColor!important;
  opacity:.78!important;
  transform:none!important;
  background:
    linear-gradient(currentColor,currentColor) 100% 2px/6px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 100% 7px/11px 1px no-repeat!important;
}
html body.content-section-page #contentApp .v49-section details[open] > summary::after,
html body.v90-education-item-page #contentApp .v97-mobile-accordion-item[open] > summary::after,
html body.v115-course-detail #contentApp .v97-mobile-accordion-item[open] > summary::after{
  content:""!important;
  background:
    linear-gradient(currentColor,currentColor) 100% 2px/11px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 100% 7px/6px 1px no-repeat!important;
}

/* C2) Virtual-learning lessons use a real span, not summary::after. Convert
   its old plus/minus construction to the same stepped two-line symbol. */
html body.content-section-page #contentApp .emkan-v146-lesson-mark{
  position:relative!important;
  display:inline-block!important;
  width:12px!important;
  height:10px!important;
  min-width:12px!important;
  flex:0 0 12px!important;
  color:currentColor!important;
  background:transparent!important;
  transform:none!important;
}
html body.content-section-page #contentApp .emkan-v146-lesson-mark::before,
html body.content-section-page #contentApp .emkan-v146-lesson-mark::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  left:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  height:1px!important;
  background:currentColor!important;
  transform:none!important;
  opacity:.78!important;
  transition:width .22s cubic-bezier(.22,.61,.36,1)!important;
}
html body.content-section-page #contentApp .emkan-v146-lesson-mark::before{top:2px!important;width:6px!important}
html body.content-section-page #contentApp .emkan-v146-lesson-mark::after{top:7px!important;width:11px!important}
html body.content-section-page #contentApp details.emkan-v135-lesson[open] > summary .emkan-v146-lesson-mark::before{width:11px!important}
html body.content-section-page #contentApp details.emkan-v135-lesson[open] > summary .emkan-v146-lesson-mark::after{width:6px!important;opacity:.78!important}

/* D) TREE SYSTEM — one physical law per tree. The line centre and diamond
   centre are mathematically identical. Strong selectors intentionally beat
   the historical v83/v88/v91/v115 rules without changing surrounding layout. */
@media (min-width:721px){
  /* About tree */
  html[dir="rtl"] body .about-main .about-company-text-column .company-axis{
    position:relative!important;padding-left:0!important;padding-right:18px!important
  }
  html[dir="rtl"] body .about-main .about-company-text-column .company-axis::before{
    display:block!important;content:""!important;position:absolute!important;
    left:auto!important;right:5px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:10px!important;bottom:10px!important;width:1px!important;height:auto!important;background:var(--line)!important
  }
  html[dir="rtl"] body .about-main .about-company-text-column .company-axis .practice-button::before{
    display:block!important;content:""!important;position:absolute!important;
    left:auto!important;right:-16px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:50%!important;width:7px!important;height:7px!important;box-sizing:border-box!important;
    transform:translateY(-50%) rotate(45deg)!important
  }
  html[dir="ltr"] body .about-main .about-company-text-column .company-axis{
    position:relative!important;padding-right:0!important;padding-left:18px!important
  }
  html[dir="ltr"] body .about-main .about-company-text-column .company-axis::before{
    display:block!important;content:""!important;position:absolute!important;
    right:auto!important;left:5px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:10px!important;bottom:10px!important;width:1px!important;height:auto!important;background:var(--line)!important
  }
  html[dir="ltr"] body .about-main .about-company-text-column .company-axis .practice-button::before{
    display:block!important;content:""!important;position:absolute!important;
    right:auto!important;left:-16px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:50%!important;width:7px!important;height:7px!important;box-sizing:border-box!important;
    transform:translateY(-50%) rotate(45deg)!important
  }

  /* Legacy/current education rail tree */
  html[dir="rtl"] body.content-section-page #contentApp .learning-side > .learning-tree,
  html[dir="rtl"] body.v90-education-item-page #contentApp .v69-content-search-rail > .learning-side.v90-rail-learning-side > .learning-tree{
    position:relative!important;padding-left:0!important;padding-right:24px!important
  }
  html[dir="rtl"] body.content-section-page #contentApp .learning-side > .learning-tree::before,
  html[dir="rtl"] body.v90-education-item-page #contentApp .v69-content-search-rail > .learning-side.v90-rail-learning-side > .learning-tree::before{
    display:block!important;content:""!important;position:absolute!important;
    left:auto!important;right:4px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:11px!important;bottom:11px!important;width:1px!important;background:var(--line)!important
  }
  html[dir="rtl"] body.content-section-page #contentApp .learning-side .learning-branch::before,
  html[dir="rtl"] body.v90-education-item-page #contentApp .v69-content-search-rail > .learning-side.v90-rail-learning-side .learning-branch::before{
    display:block!important;content:""!important;position:absolute!important;
    left:auto!important;right:-23px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:50%!important;width:7px!important;height:7px!important;box-sizing:border-box!important;
    transform:translateY(-50%) rotate(45deg)!important
  }
  html[dir="ltr"] body.content-section-page #contentApp .learning-side > .learning-tree,
  html[dir="ltr"] body.v90-education-item-page #contentApp .v69-content-search-rail > .learning-side.v90-rail-learning-side > .learning-tree{
    position:relative!important;padding-right:0!important;padding-left:24px!important
  }
  html[dir="ltr"] body.content-section-page #contentApp .learning-side > .learning-tree::before,
  html[dir="ltr"] body.v90-education-item-page #contentApp .v69-content-search-rail > .learning-side.v90-rail-learning-side > .learning-tree::before{
    display:block!important;content:""!important;position:absolute!important;
    right:auto!important;left:4px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:11px!important;bottom:11px!important;width:1px!important;background:var(--line)!important
  }
  html[dir="ltr"] body.content-section-page #contentApp .learning-side .learning-branch::before,
  html[dir="ltr"] body.v90-education-item-page #contentApp .v69-content-search-rail > .learning-side.v90-rail-learning-side .learning-branch::before{
    display:block!important;content:""!important;position:absolute!important;
    right:auto!important;left:-23px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:50%!important;width:7px!important;height:7px!important;box-sizing:border-box!important;
    transform:translateY(-50%) rotate(45deg)!important
  }

  /* Current v115 tree */
  html[dir="rtl"] body.v115-course-detail #contentApp .v115-tree-side .v115-learning-tree{
    position:relative!important;padding-left:0!important;padding-right:24px!important
  }
  html[dir="rtl"] body.v115-course-detail #contentApp .v115-tree-side .v115-learning-tree::before{
    display:block!important;content:""!important;position:absolute!important;
    left:auto!important;right:4px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:11px!important;bottom:11px!important;width:1px!important;background:var(--line)!important
  }
  html[dir="rtl"] body.v115-course-detail #contentApp .v115-tree-side .v115-tree-branch::before{
    display:block!important;content:""!important;position:absolute!important;
    left:auto!important;right:-23px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:50%!important;width:7px!important;height:7px!important;box-sizing:border-box!important;
    transform:translateY(-50%) rotate(45deg)!important
  }
  html[dir="ltr"] body.v115-course-detail #contentApp .v115-tree-side .v115-learning-tree{
    position:relative!important;padding-right:0!important;padding-left:24px!important
  }
  html[dir="ltr"] body.v115-course-detail #contentApp .v115-tree-side .v115-learning-tree::before{
    display:block!important;content:""!important;position:absolute!important;
    right:auto!important;left:4px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:11px!important;bottom:11px!important;width:1px!important;background:var(--line)!important
  }
  html[dir="ltr"] body.v115-course-detail #contentApp .v115-tree-side .v115-tree-branch::before{
    display:block!important;content:""!important;position:absolute!important;
    right:auto!important;left:-23px!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
    top:50%!important;width:7px!important;height:7px!important;box-sizing:border-box!important;
    transform:translateY(-50%) rotate(45deg)!important
  }
}