/* EMKAN v149 — geometry + Civil Services + Education/Learning final repair
   Loaded after v148. Keep this layer narrow: it fixes only the regressions
   confirmed in the v148 package and leaves the approved visual system intact. */

/* ========================================================================== 
   1) CONTEXT / BACK / BREADCRUMB
   The context strip must live INSIDE the page main measure. Earlier versions
   translated a 1380px strip by 50% relative to an already centred main, which
   produced the asymmetric overflow visible in internal pages. No transforms.
   ========================================================================== */
html body :is(
  main>.emkan-context-bar,
  .article-page>.emkan-context-bar,
  .store-category-main>.store-context-bar,
  .podcast-main>.podcast-context-bar,
  .product-main>.product-toolbar
){
  position:relative!important;
  left:auto!important;
  right:auto!important;
  inset-inline:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:var(--emkan-context-top,14px)!important;
  margin-right:auto!important;
  margin-bottom:var(--emkan-context-bottom,20px)!important;
  margin-left:auto!important;
  padding:0 0 var(--emkan-context-rule-pad,11px)!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  overflow:visible!important;
}
html body .emkan-v147-context-inner{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  background:transparent!important;
}
html body .emkan-v147-context-inner::before,
html body .emkan-v147-context-inner::after{content:none!important;display:none!important}
html body .emkan-v147-context-inner > :is(.emkan-context-path,.product-context-path,#podcastPath,#storeCategoryPath,#productPath){
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
html body .emkan-v147-context-inner > :is(.emkan-context-back,#productBack,.product-back,.podcast-back,.store-back){
  flex:0 0 auto!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  html body .emkan-v147-context-inner{gap:14px!important}
}

/* ========================================================================== 
   2) CIVIL > SERVICES
   - legacy v143 grid is the extra second row: never render it here.
   - internal service pages use the canonical side-search rail.
   - remove the redundant service heading/intro above the sample covers.
   ========================================================================== */
body.emkan-v147-civil-services .emkan-v143-service-grid{display:none!important}
body.emkan-v149-civil-service-page .emkan-v147-service-head{display:none!important}
body.emkan-v149-civil-service-page .emkan-v147-services-view,
body.emkan-v149-civil-sample-page .emkan-v147-services-view{
  max-width:1040px!important;
  margin-inline:auto!important;
  padding-top:8px!important;
}

@media(min-width:901px){
  body.emkan-v149-civil-service-page .emkan-v149-civil-internal-layout,
  body.emkan-v149-civil-sample-page .emkan-v149-civil-internal-layout{
    width:100%!important;
    max-width:1040px!important;
    margin-inline:auto!important;
    display:grid!important;
    align-items:start!important;
    gap:34px!important;
    direction:ltr!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-civil-service-page .emkan-v149-civil-internal-layout,
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-civil-sample-page .emkan-v149-civil-internal-layout{
    grid-template-columns:minmax(0,1fr) 190px!important;
    grid-template-areas:"content rail"!important;
  }
  html[lang="en"] body.emkan-v149-civil-service-page .emkan-v149-civil-internal-layout,
  html[lang="en"] body.emkan-v149-civil-sample-page .emkan-v149-civil-internal-layout{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-areas:"rail content"!important;
  }
  body:is(.emkan-v149-civil-service-page,.emkan-v149-civil-sample-page) .emkan-v149-civil-search-rail{
    grid-area:rail!important;
    width:190px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
  }
  body:is(.emkan-v149-civil-service-page,.emkan-v149-civil-sample-page) .emkan-v149-civil-internal-content{
    grid-area:content!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.emkan-v149-civil-service-page .emkan-v147-samples-grid{
    grid-template-columns:repeat(3,minmax(0,192px))!important;
    justify-content:start!important;
    margin:0!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-civil-service-page .emkan-v147-samples-grid{
    justify-content:end!important;
  }
}

.emkan-v149-civil-search{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:28px!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.emkan-v149-civil-search input[type="search"]{
  display:block!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding-block:0 5px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--fg)!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:1.5!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.emkan-v149-civil-search input[type="search"]:is(:hover,:focus){border-bottom-color:var(--hover-accent)!important}
.emkan-v149-civil-search .search-icon{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  color:var(--category-muted,var(--fg))!important;
  opacity:.65!important;
  transform:translateY(-62%)!important;
  pointer-events:none!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
}
:is(html[lang="fa"],html[lang="ar"]) .emkan-v149-civil-search input[type="search"]{
  direction:rtl!important;text-align:right!important;padding-inline:0 25px!important
}
:is(html[lang="fa"],html[lang="ar"]) .emkan-v149-civil-search .search-icon{left:5px!important;right:auto!important}
html[lang="en"] .emkan-v149-civil-search input[type="search"]{
  direction:ltr!important;text-align:left!important;padding-inline:0 25px!important
}
html[lang="en"] .emkan-v149-civil-search .search-icon{right:5px!important;left:auto!important}
.emkan-v149-civil-search-status{
  margin:6px 0 0!important;
  font-size:9px!important;
  line-height:1.55!important;
  color:var(--category-muted,var(--fg))!important;
}

@media(max-width:900px){
  body:is(.emkan-v149-civil-service-page,.emkan-v149-civil-sample-page) .emkan-v149-civil-internal-layout{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }
  body:is(.emkan-v149-civil-service-page,.emkan-v149-civil-sample-page) .emkan-v149-civil-search-rail,
  body:is(.emkan-v149-civil-service-page,.emkan-v149-civil-sample-page) .emkan-v149-civil-internal-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.emkan-v149-civil-service-page .emkan-v147-samples-grid{margin-inline:auto!important}
}

/* ========================================================================== 
   3) CONTENT CREATION > EDUCATION > LEARNING RESOURCE
   Stable explicit grid. Language, not fragile inherited flex direction,
   decides the physical side of Search + learning tree.
   ========================================================================== */
@media(min-width:901px){
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout,
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout.v90-education-detail-layout{
    width:100%!important;
    max-width:1180px!important;
    margin-inline:auto!important;
    display:grid!important;
    align-items:start!important;
    gap:34px!important;
    direction:ltr!important;
    flex-direction:initial!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout{
    grid-template-columns:minmax(0,1fr) 190px!important;
    grid-template-areas:"content rail"!important;
  }
  html[lang="en"] body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-areas:"rail content"!important;
  }
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout > .v69-content-search-rail{
    grid-area:rail!important;
    order:initial!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    flex:none!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout > .v69-content-detail-body{
    grid-area:content!important;
    order:initial!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    margin:0!important;
    padding:0!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-learning-resource #contentApp :is(.v69-content-search-rail,.v69-content-detail-body){
    direction:rtl!important;text-align:right!important
  }
  html[lang="en"] body.emkan-v149-learning-resource #contentApp :is(.v69-content-search-rail,.v69-content-detail-body){
    direction:ltr!important;text-align:left!important
  }

  /* v90 moves .learning-side to the top-level rail. If an older layer leaves
     it in the workspace, v149 JS relocates it. Either way it never consumes a
     second internal column beside the learning body. */
  html body.emkan-v149-learning-resource #contentApp .learning-workspace,
  html body.emkan-v149-learning-resource #contentApp .learning-workspace.v90-learning-workspace{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  html body.emkan-v149-learning-resource #contentApp .learning-panels{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  html body.emkan-v149-learning-resource #contentApp .v69-content-search-rail > .learning-side,
  html body.emkan-v149-learning-resource #contentApp .v69-content-search-rail > .v90-rail-learning-side{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }

  html body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    align-items:start!important;
    gap:22px!important;
    margin:0 0 24px!important;
    padding:0 0 18px!important;
    direction:ltr!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header{
    grid-template-columns:minmax(0,1fr) 190px!important;
    grid-template-areas:"copy poster"!important;
  }
  html[lang="en"] body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-areas:"poster copy"!important;
  }
  html body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-poster{
    grid-area:poster!important;
    width:190px!important;
    height:190px!important;
    min-width:0!important;
    max-width:190px!important;
    margin:0!important;
  }
  html body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-copy{
    grid-area:copy!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-copy{
    direction:rtl!important;text-align:right!important
  }
  html[lang="en"] body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-copy{
    direction:ltr!important;text-align:left!important
  }
}

@media(max-width:900px){
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"rail" "content"!important;
    gap:18px!important;
    direction:ltr!important;
  }
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout > .v69-content-search-rail{
    grid-area:rail!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.emkan-v149-learning-resource #contentApp > .v69-content-detail-layout > .v69-content-detail-body{
    grid-area:content!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  html body.emkan-v149-learning-resource #contentApp .v69-content-search-rail > .learning-side{
    width:100%!important;max-width:none!important;margin-top:10px!important
  }
}
@media(max-width:560px){
  html body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header,
  :is(html[lang="fa"],html[lang="ar"]) body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header,
  html[lang="en"] body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header{
    grid-template-columns:minmax(0,1fr) 92px!important;
    grid-template-areas:"copy poster"!important;
    gap:13px!important;
  }
  html[lang="en"] body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-header{
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-areas:"poster copy"!important;
  }
  html body.emkan-v149-learning-resource #contentApp .emkan-v147-learning-poster{
    width:92px!important;height:92px!important;max-width:92px!important
  }
}

/* Responsive safety: no patch element may generate horizontal page overflow. */
html body :is(.emkan-v149-civil-internal-layout,.v69-content-detail-layout,.emkan-v147-learning-header){box-sizing:border-box!important;max-inline-size:100%}

/* ========================================================================== 
   4) ADMIN-DRIVEN PAGE OVERRIDES / EDITORIAL METADATA
   Defaults are inert; styles are applied only when an editor explicitly sets
   values in the v149 page/item controls.
   ========================================================================== */
body.emkan-v149-page-custom main{font-size:var(--emkan-v149-page-font-size,inherit)!important;color:var(--emkan-v149-page-text-color,inherit)!important}
body.emkan-v149-page-custom main :is(h1,.detail-title,.v49-headcopy h1,.emkan-v147-learning-copy h1,.emkan-v147-sample-detail h1){font-size:var(--emkan-v149-page-title-size,inherit)!important}
body.emkan-v149-page-custom main{font-family:var(--emkan-v149-page-font-family,inherit)!important}
.emkan-v149-editorial-meta{width:100%;margin:28px 0 0;padding:0;border-top:1px solid var(--line);font-size:10px;line-height:1.9;color:var(--category-muted,var(--fg))}
.emkan-v149-editorial-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.emkan-v149-editorial-row strong{font-size:9.5px;font-weight:600;color:var(--fg)}
.emkan-v149-editorial-row span{white-space:pre-line}
body.emkan-v149-disabled-page main>*:not(.emkan-context-bar):not(.store-context-bar):not(.podcast-context-bar):not(.product-toolbar){display:none!important}
.emkan-v149-disabled-message{display:block!important;margin:28px auto!important;max-width:720px!important;padding:18px 0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;font-size:11px!important;line-height:1.9!important;color:var(--category-muted,var(--fg))!important}
.civil-entry-meta{margin-top:18px;border-top:1px solid var(--line)}
.civil-entry-meta-row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px;line-height:1.85;color:var(--category-muted,var(--fg))}
.civil-entry-meta-row strong{font-size:9.5px;color:var(--fg);font-weight:600}
body.emkan-v149-learning-resource #contentApp :is(.emkan-v138-learning-lead,.emkan-v137-learning-lead,.emkan-v136-learning-lead){display:none!important}