/* PTH 2.25.0 — Auto Translation Layer */
.pth-auto-translation{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:8;
}
.pth-translation-toggle{
  width:27px;
  height:27px;
  padding:0;
  border:1px solid #b8c9d8;
  border-radius:8px;
  background:#f8fbfd;
  color:#285b78;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
}
.pth-translation-toggle:hover,
.pth-translation-toggle.is-open{
  background:#eaf6fb;
  border-color:#74b7cc;
  color:#0f7181;
}
.pth-translation-toggle.is-admin-empty{
  opacity:.62;
  border-style:dashed;
}
.pth-translation-menu{
  position:absolute;
  top:32px;
  right:0;
  z-index:100;
  min-width:150px;
  padding:6px;
  border:1px solid #ccd8e2;
  border-radius:9px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.16);
  white-space:nowrap;
}
.pth-translation-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.pth-translation-chip{
  min-width:34px;
  height:27px;
  padding:0 7px;
  border:1px solid #cbd5e1;
  border-radius:6px;
  background:#f8fafc;
  color:#334155;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.pth-translation-chip:hover,
.pth-translation-chip.is-active{
  border-color:#0f9aa8;
  background:#e6f8f7;
  color:#0f6f76;
}
.pth-translation-chip.is-missing{
  border-style:dashed;
  opacity:.8;
}
.pth-translation-admin-actions{
  display:flex;
  gap:5px;
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #eef2f6;
}
.pth-translation-admin-actions button{
  border:0;
  background:transparent;
  color:#475569;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  padding:3px 4px;
}
.pth-translation-admin-actions button:hover{color:#0f7181}
.pth-translation-layer{
  margin-top:7px;
  padding:8px 10px;
  border-left:3px solid #56b4bf;
  border-radius:5px;
  background:#f1fbfb;
  color:#334155;
  font-size:.93em;
  line-height:1.5;
  font-weight:500;
}
.pth-translation-layer.is-inline{
  display:block;
  width:100%;
  margin-top:5px;
}
.pth-translation-layer-label{
  display:inline-flex;
  align-items:center;
  min-width:26px;
  margin-right:6px;
  padding:2px 5px;
  border-radius:5px;
  background:#dff4f2;
  color:#0d7077;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  vertical-align:middle;
}
.pth-translation-layer-copy{vertical-align:middle}
.pth-translation-layer-copy p:first-child{margin-top:0}
.pth-translation-layer-copy p:last-child{margin-bottom:0}
.pth-translation-edit{
  float:right;
  margin-left:7px;
  border:0;
  background:transparent;
  color:#547180;
  cursor:pointer;
  font-size:12px;
}
.pth-xlate-fragment-title{
  display:block;
  margin-bottom:4px;
  color:#16384a;
}

/* Smart placement anchors */
.pth-quiz-card,
.pth-answer-status,
.pth-lesson-copy,
.pth-lesson-callout,
.pth-lesson-quiz,
.pth-compare-box,
.pth-lesson-legacy{
  position:relative;
}
.pth-question-xlate-control{
  position:absolute;
  top:18px;
  right:18px;
}
.pth-feedback-xlate-control{
  position:absolute;
  top:8px;
  right:10px;
}
.pth-lesson-xlate-control{
  position:absolute;
  top:10px;
  right:10px;
}
.pth-compare-box .pth-lesson-xlate-control{
  top:10px;
  right:10px;
}
.pth-lesson-callout > .pth-lesson-xlate-control{
  top:9px;
  right:10px;
}
.pth-glossary-xlate-control{
  position:absolute;
  top:18px;
  right:56px;
}
.pth-glossary-popover-head{position:relative}
.pth-glossary-popover-study .pth-translation-layer{
  margin:8px 0 0;
}

/* Translation lines inside Question/options should not answer the Question. */
.pth-option .pth-translation-layer{
  pointer-events:none;
  font-weight:500;
  color:#4d6473;
}
@media(max-width:700px){
  .pth-question-xlate-control{top:12px;right:12px}
  .pth-translation-menu{right:0;max-width:220px}
}


/* 2.25.1 — frontend is strictly view-only */
.pth-translation-edit,
.pth-translation-admin-actions,
.pth-translation-chip.is-missing{
  display:none !important;
}

/* Translation belongs to its exact Lesson card, like the compact Glossary behavior. */
.pth-compare-box > .pth-translation-layer,
.pth-lesson-callout > .pth-translation-layer,
.pth-lesson-quiz > .pth-translation-layer{
  display:block;
  width:100%;
  box-sizing:border-box;
  clear:both;
  margin:10px 0 0;
}


/* 2.30.0 — Top language = direct translation target */
.pth-direct-language-toggle{
  width:auto!important;
  min-width:34px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.1px;
  background:#f6fbfc!important;
  border:1px solid #8fc6ce!important;
  color:#0f737b!important;
}
.pth-direct-language-toggle:hover:not(:disabled),
.pth-direct-language-toggle.is-active{
  background:#dff5f3!important;
  border-color:#49a9b3!important;
  color:#075f67!important;
}
.pth-direct-language-toggle.is-unavailable,
.pth-direct-language-toggle:disabled{
  opacity:.38!important;
  cursor:not-allowed!important;
  border-style:dashed!important;
}
.pth-translation-menu{display:none!important}