/* EMKAN v115 — Bootcamp / Workshop single-detail final layout only.
   Scope is deliberately limited to these two education detail types. */
body.v115-course-detail #contentApp .v69-content-detail-layout{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  display:block!important;
}
body.v115-course-detail #contentApp .v69-content-search-rail{display:none!important}
body.v115-course-detail #contentApp .v69-content-detail-body,
body.v115-course-detail #contentApp article.v86-course-detail{
  width:100%!important;
  max-width:1120px!important;
  min-width:0!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
body.v115-course-detail #contentApp article.v86-course-detail > .v49-top{
  width:100%!important;
  max-width:none!important;
  margin-bottom:20px!important;
}

/* Top introduction — calm, full-width, no duplicate cover. */
body.v115-course-detail #contentApp .v115-course-intro{
  width:100%!important;
  padding:14px 0 22px!important;
  margin:0!important;
  border-bottom:1px solid var(--line)!important;
}
body.v115-course-detail #contentApp .v115-course-intro .v49-preview{
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;
  font-size:11px!important;
  line-height:1.9!important;
  color:var(--category-muted)!important;
}
body.v115-course-detail #contentApp .v115-course-description{
  max-width:960px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:2.05!important;
  color:var(--fg)!important;
}
:is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v115-course-description{direction:rtl!important;text-align:justify!important}
html[lang="en"] body.v115-course-detail #contentApp .v115-course-description{direction:ltr!important;text-align:left!important}

/* Poster + four facts. RTL: poster right, facts left. EN mirrors it. */
body.v115-course-detail #contentApp .v115-course-overview{
  width:min(100%,640px)!important;
  margin:0 auto!important;
  padding:26px 0 28px!important;
  display:grid!important;
  grid-template-columns:270px 270px!important;
  gap:34px!important;
  align-items:start!important;
  justify-content:center!important;
  grid-template-areas:"facts media"!important;
}
html[lang="en"] body.v115-course-detail #contentApp .v115-course-overview{grid-template-areas:"media facts"!important}
body.v115-course-detail #contentApp .v115-course-media{grid-area:media!important;width:270px!important;min-width:0!important}
body.v115-course-detail #contentApp .v115-course-facts{grid-area:facts!important;width:270px!important;min-width:0!important}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts{
  width:100%!important;margin:0!important;padding:0!important;border:0!important;display:block!important;
}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts > div{
  width:100%!important;padding:10px 0 11px!important;margin:0!important;border-bottom:1px solid var(--line)!important;
}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts > div:first-child{border-top:1px solid var(--line)!important}
body.v115-course-detail #contentApp .v115-course-facts dt{font-size:10.5px!important;line-height:1.55!important;color:var(--category-muted)!important}
body.v115-course-detail #contentApp .v115-course-facts dd{font-size:12.5px!important;line-height:1.7!important;margin:4px 0 0!important;color:var(--fg)!important}
body.v115-course-detail #contentApp .v115-course-poster{
  width:270px!important;height:270px!important;overflow:hidden!important;border:1px solid var(--line)!important;background:var(--bg)!important;
}
body.v115-course-detail #contentApp .v115-course-poster img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;filter:none!important;opacity:1!important;transform:none!important;
}
body.v115-course-detail #contentApp .v115-course-action{width:270px!important;margin:11px 0 0!important;display:flex!important;justify-content:center!important}
body.v115-course-detail #contentApp .v115-course-action .v49-button{
  width:100%!important;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:center!important;font-size:11.5px!important;
}
body.v115-course-detail #contentApp .learning-course-cover,
body.v115-course-detail #contentApp .v106-course-gallery-thumbs{display:none!important}
body.v115-course-detail #contentApp article.v86-course-detail > .v49-hero,
body.v115-course-detail #contentApp article.v86-course-detail > .v106-course-gallery,
body.v115-course-detail #contentApp article.v86-course-detail > .v112-course-head,
body.v115-course-detail #contentApp article.v86-course-detail > .v113-course-intro,
body.v115-course-detail #contentApp article.v86-course-detail > .v113-course-overview,
body.v115-course-detail #contentApp article.v86-course-detail > .v114-course-intro,
body.v115-course-detail #contentApp article.v86-course-detail > .v114-course-overview{display:none!important}

/* Desktop tree: vertical hairline + small diamonds; selected/hover diamond is accent. */
@media (min-width:901px){
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:grid!important;align-items:start!important;gap:24px!important;
    margin:0!important;padding:30px 0 0!important;border-top:1px solid var(--line)!important;
    grid-template-columns:minmax(0,1fr) 166px!important;
    grid-template-areas:"panels tree"!important;
    direction:ltr!important;
  }
  html[lang="en"] body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace{
    grid-template-columns:166px minmax(0,1fr)!important;
    grid-template-areas:"tree panels"!important;
  }
  body.v115-course-detail #contentApp .v115-tree-side{
    grid-area:tree!important;position:sticky!important;top:24px!important;width:166px!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  body.v115-course-detail #contentApp .v115-tree-caption{display:none!important}
  :is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v115-tree-side{transform:translateX(18px)!important}
  html[lang="en"] body.v115-course-detail #contentApp .v115-tree-side{transform:translateX(-18px)!important}
  body.v115-course-detail #contentApp .v115-learning-tree{
    position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;
    width:100%!important;margin:0!important;padding-inline-start:23px!important;
  }
  body.v115-course-detail #contentApp .v115-learning-tree::before{
    content:""!important;position:absolute!important;inset-inline-start:4px!important;top:11px!important;bottom:11px!important;width:1px!important;background:var(--line)!important;
  }
  body.v115-course-detail #contentApp .v115-tree-branch{
    position:relative!important;display:block!important;width:100%!important;min-height:38px!important;
    margin:0!important;padding:8px 0!important;border:0!important;background:transparent!important;
    color:var(--category-muted)!important;font:inherit!important;font-size:11px!important;line-height:1.75!important;
    cursor:pointer!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:break-word!important;
    transition:color .18s ease!important;
  }
  body.v115-course-detail #contentApp .v115-tree-branch::before{
    content:""!important;position:absolute!important;inset-inline-start:-22px!important;top:50%!important;
    width:6px!important;height:6px!important;border:1px solid var(--line)!important;background:var(--bg)!important;
    transform:translateY(-50%) rotate(45deg)!important;
    transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  body.v115-course-detail #contentApp .v115-tree-branch:is(:hover,:focus-visible,.is-active){color:var(--hover-accent)!important}
  body.v115-course-detail #contentApp .v115-tree-branch:is(:hover,:focus-visible,.is-active)::before{
    background:var(--hover-accent)!important;border-color:var(--hover-accent)!important;transform:translateY(-50%) rotate(45deg) scale(1.06)!important;
  }
  body.v115-course-detail #contentApp .v115-tree-branch:focus-visible{outline:1px solid var(--line)!important;outline-offset:3px!important}
  :is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v115-tree-side,
  :is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v115-tree-branch{direction:rtl!important;text-align:right!important}
  html[lang="en"] body.v115-course-detail #contentApp .v115-tree-side,
  html[lang="en"] body.v115-course-detail #contentApp .v115-tree-branch{direction:ltr!important;text-align:left!important}

  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels{
    grid-area:panels!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels > .v49-section{
    width:100%!important;max-width:none!important;min-width:0!important;min-height:220px!important;margin:0!important;padding:0 0 28px!important;border-top:0!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels > .v49-section > h2{margin-top:0!important}
  /* Hide the legacy/detached navigation but keep its buttons alive for proxy clicks. */
  body.v115-course-detail #contentApp .v69-content-search-rail,
  body.v115-course-detail #contentApp article.v86-course-detail .learning-side:not(.v115-tree-side){display:none!important}
}

/* Registration progress = three subtle tabs in one line. */
body.v115-course-detail #contentApp .v49-progress{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;margin:0 0 22px!important;padding:0!important;border-bottom:1px solid var(--line)!important;list-style:none!important;
}
body.v115-course-detail #contentApp .v49-progress li{
  position:relative!important;margin:0!important;padding:0 8px 11px!important;border:0!important;
  color:var(--category-muted)!important;font-size:10.5px!important;line-height:1.55!important;text-align:center!important;white-space:nowrap!important;
}
body.v115-course-detail #contentApp .v49-progress li[aria-current="step"]{color:var(--fg)!important;font-weight:600!important}
body.v115-course-detail #contentApp .v49-progress li[aria-current="step"]::after{
  content:""!important;position:absolute!important;left:18%!important;right:18%!important;bottom:-1px!important;height:1px!important;background:var(--hover-accent)!important;
}
:is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v49-progress{direction:rtl!important}
html[lang="en"] body.v115-course-detail #contentApp .v49-progress{direction:ltr!important}
body.v115-course-detail #contentApp #registrationApp .v49-form{max-width:760px!important}
body.v115-course-detail #contentApp #registrationApp .v49-form legend{font-size:15px!important;margin-bottom:16px!important}
body.v115-course-detail #contentApp #registrationApp .v49-form label{margin-bottom:14px!important}

/* Mobile/tablet: original EMKAN accordion behavior, with a small + at the end. */
@media (max-width:900px){
  body.v115-course-detail #contentApp{width:calc(100% - 28px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
  body.v115-course-detail #contentApp article.v86-course-detail{width:100%!important;max-width:100%!important;overflow:hidden!important}
  body.v115-course-detail #contentApp .v115-course-intro{padding:12px 0 17px!important}
  body.v115-course-detail #contentApp .v115-course-description{font-size:13px!important;line-height:2!important}
  body.v115-course-detail #contentApp .v115-course-overview{
    width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"media facts"!important;gap:16px!important;padding:20px 0 22px!important;align-items:start!important;
  }
  html[lang="en"] body.v115-course-detail #contentApp .v115-course-overview{grid-template-areas:"media facts"!important}
  body.v115-course-detail #contentApp .v115-course-media,
  body.v115-course-detail #contentApp .v115-course-facts{width:100%!important;min-width:0!important}
  body.v115-course-detail #contentApp .v115-course-poster{width:100%!important;height:auto!important;aspect-ratio:1/1!important}
  body.v115-course-detail #contentApp .v115-course-action{width:100%!important}
  body.v115-course-detail #contentApp .v115-course-facts .v49-facts > div{padding:8px 0 9px!important}
  body.v115-course-detail #contentApp .v115-course-facts dt{font-size:9.5px!important}
  body.v115-course-detail #contentApp .v115-course-facts dd{font-size:11px!important;margin-top:3px!important}
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    width:100%!important;display:block!important;margin:0!important;padding:18px 0 0!important;border-top:1px solid var(--line)!important;
  }
  body.v115-course-detail #contentApp .v115-tree-side{display:none!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion-item{border-top:1px solid var(--line)!important;border-bottom:0!important;margin:0!important;padding:0!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion-item:last-child{border-bottom:1px solid var(--line)!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary{
    list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    padding:13px 0!important;margin:0!important;font-size:13px!important;font-weight:500!important;line-height:1.7!important;cursor:pointer!important;
  }
  body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary::-webkit-details-marker{display:none!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary::after{
    content:"+"!important;font-size:14px!important;font-weight:400!important;line-height:1!important;color:var(--category-muted)!important;flex:0 0 auto!important;
  }
  body.v115-course-detail #contentApp .v97-mobile-accordion-item[open] > summary::after{content:"−"!important;color:var(--hover-accent)!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion-item > .v49-section{display:block!important;border:0!important;padding:0 0 18px!important;margin:0!important}
  body.v115-course-detail #contentApp .v97-mobile-accordion-item > .v49-section > h2{display:none!important}
  body.v115-course-detail #contentApp .v49-progress{margin-bottom:18px!important}
  body.v115-course-detail #contentApp .v49-progress li{font-size:9px!important;padding-inline:3px!important;white-space:normal!important}
  :is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary{direction:rtl!important;text-align:right!important}
  html[lang="en"] body.v115-course-detail #contentApp .v97-mobile-accordion-item > summary{direction:ltr!important;text-align:left!important}
}

@media (max-width:560px){
  body.v115-course-detail #contentApp .v115-course-overview{grid-template-columns:1fr!important;grid-template-areas:"media" "facts"!important;gap:18px!important}
  body.v115-course-detail #contentApp .v115-course-media{width:min(100%,250px)!important;margin-inline:auto!important}
  body.v115-course-detail #contentApp .v115-course-facts{width:100%!important}
  body.v115-course-detail #contentApp .v115-course-facts .v49-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important}
  body.v115-course-detail #contentApp .v115-course-action{width:100%!important}
}

/* EMKAN v117 — only final width balance for Bootcamp / Workshop detail pages. */
@media (min-width:901px){
  body.v115-course-detail #contentApp .v69-content-detail-layout{
    width:min(calc(100vw - 56px),1360px)!important;
    max-width:1360px!important;
    margin-inline:auto!important;
  }
  body.v115-course-detail #contentApp .v69-content-detail-body,
  body.v115-course-detail #contentApp article.v86-course-detail{
    width:100%!important;
    max-width:1320px!important;
    margin-inline:auto!important;
  }
  body.v115-course-detail #contentApp .v115-course-description{
    max-width:1160px!important;
  }
  body.v115-course-detail #contentApp .v115-course-overview{
    width:min(100%,760px)!important;
    grid-template-columns:300px 300px!important;
    gap:54px!important;
  }
  body.v115-course-detail #contentApp .v115-course-media,
  body.v115-course-detail #contentApp .v115-course-facts{
    width:300px!important;
  }
  body.v115-course-detail #contentApp .v115-course-poster{
    width:300px!important;
    height:300px!important;
  }
  body.v115-course-detail #contentApp .v115-course-action{
    width:300px!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    width:100%!important;
    max-width:none!important;
  }
}

/* EMKAN v118 — only two final adjustments requested:
   (1) one registration CTA (under poster only),
   (2) wider desktop canvas with full tree pinned to the outer side. */
body.v115-course-detail #contentApp article.v86-course-detail > .v106-course-single-action,
body.v115-course-detail #contentApp article.v86-course-detail > .v106-course-actions,
body.v115-course-detail #contentApp article.v86-course-detail .v106-course-single-action:not(.v115-course-action),
body.v115-course-detail #contentApp article.v86-course-detail .v106-course-actions:not(.v115-course-action){
  display:none!important;
}

@media (min-width:901px){
  body.v115-course-detail.v90-education-item-page.has-emkan-context.content-section-page #contentApp.v49-main,
  body.v115-course-detail.has-emkan-context.content-section-page #contentApp.v49-main{
    width:min(calc(100vw - 72px),1400px)!important;
    max-width:1400px!important;
    margin-inline:auto!important;
  }
  body.v115-course-detail #contentApp > .v69-content-detail-layout.v90-education-detail-layout,
  body.v115-course-detail #contentApp .v69-content-detail-layout{
    width:100%!important;
    max-width:1400px!important;
    margin-inline:auto!important;
    display:block!important;
  }
  body.v115-course-detail #contentApp .v69-content-detail-body,
  body.v115-course-detail #contentApp article.v86-course-detail{
    width:100%!important;
    max-width:1360px!important;
    margin-inline:auto!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    width:100%!important;
    max-width:1360px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 190px!important;
    grid-template-areas:"panels tree"!important;
    column-gap:48px!important;
    align-items:start!important;
    margin-inline:auto!important;
    direction:ltr!important;
  }
  html[lang="en"] body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  html[lang="en"] body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-areas:"tree panels"!important;
  }
  body.v115-course-detail #contentApp .v115-tree-side{
    grid-area:tree!important;
    width:190px!important;
    max-width:190px!important;
    transform:none!important;
    justify-self:stretch!important;
    margin:0!important;
  }
  body.v115-course-detail #contentApp .v115-learning-tree{width:100%!important}
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels{
    grid-area:panels!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels > .v49-section{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* EMKAN v119 — final requested Bootcamp/Workshop balance only.
   CTA sits below facts; desktop tree occupies the real side column and content uses the full canvas. */
body.v115-course-detail #contentApp .v115-course-facts > .v115-course-action{
  width:100%!important;
  margin:8px 0 0!important;
  display:flex!important;
  justify-content:center!important;
}
body.v115-course-detail #contentApp .v115-course-media > .v115-course-action{display:none!important}

@media (min-width:901px){
  body.v115-course-detail #contentApp{
    width:min(calc(100vw - 40px),1560px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  body.v115-course-detail #contentApp .v69-content-detail-layout,
  body.v115-course-detail #contentApp .v69-content-detail-body,
  body.v115-course-detail #contentApp article.v86-course-detail{
    width:100%!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body.v115-course-detail #contentApp .v115-course-description{
    max-width:1320px!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    grid-template-areas:"panels tree"!important;
    column-gap:42px!important;
    align-items:start!important;
    margin:0!important;
    padding:30px 0 0!important;
    direction:ltr!important;
  }
  html[lang="en"] body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,
  html[lang="en"] body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"tree panels"!important;
  }
  body.v115-course-detail #contentApp .v115-tree-side{
    grid-area:tree!important;
    width:220px!important;
    max-width:220px!important;
    min-width:220px!important;
    justify-self:stretch!important;
    align-self:start!important;
    margin:0!important;
    transform:none!important;
    position:sticky!important;
    top:24px!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.v115-course-detail #contentApp .v115-tree-side{
    padding-inline-start:8px!important;
    padding-inline-end:0!important;
  }
  html[lang="en"] body.v115-course-detail #contentApp .v115-tree-side{
    padding-inline-end:8px!important;
    padding-inline-start:0!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels{
    grid-area:panels!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels > .v49-section{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.v115-course-detail #contentApp article.v86-course-detail .learning-panels > .v49-section > :is(p,ul,ol,.v49-columns,.v49-form,.learning-stages){
    max-width:none!important;
  }
  body.v115-course-detail #contentApp .v115-course-overview{
    width:min(100%,820px)!important;
    grid-template-columns:320px 320px!important;
    gap:56px!important;
  }
  body.v115-course-detail #contentApp .v115-course-media,
  body.v115-course-detail #contentApp .v115-course-facts{width:320px!important}
  body.v115-course-detail #contentApp .v115-course-poster{width:320px!important;height:320px!important}
}

@media (max-width:900px){
  body.v115-course-detail #contentApp .v115-course-facts > .v115-course-action{width:100%!important;margin-top:10px!important}
}