/* OldEng Master Translator v1.1.1 — collision-resistant, site-matched UI.
   ALL rules are intentionally scoped to the shortcode root. */
.oet-translator {
  --oet-ink:#173632;
  --oet-pine:#28594f;
  --oet-copper:#965638;
  --oet-ivory:#f7f5f0;
  --oet-paper:#fffdf9;
  --oet-text:#344441;
  --oet-muted:#62706c;
  --oet-sage:#e9f0eb;
  --oet-stroke:#dbe3dc;
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  isolation:isolate;
  color:var(--oet-text);
  font:500 15px/1.5 'Figtree',system-ui,-apple-system,Segoe UI,sans-serif;
  text-align:left;
}
.oet-translator,.oet-translator *, .oet-translator *::before,.oet-translator *::after {box-sizing:border-box}
.oet-translator textarea,.oet-translator button{font-family:'Figtree',system-ui,sans-serif}
.oet-translator button,.oet-translator textarea{appearance:none;-webkit-appearance:none}
.oet-translator button{cursor:pointer;line-height:1.25}
.oet-translator button:disabled{cursor:not-allowed;opacity:.65}
.oet-translator :is(button,textarea,summary):focus-visible {outline:3px solid #b9774c !important;outline-offset:3px !important}

/* An actual grid column owns the swap button — never absolute, so theme hover
   transforms cannot send it floating off the centre seam. */
.oet-translator .oet-translator__workspace {
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
  gap:0;
  align-items:stretch;
  position:relative;
  width:100%;
}
.oet-translator .oet-translator__panel {
  display:flex;flex-direction:column;min-width:0;
  min-height:330px;
  border:1px solid #dce4dd;
  border-radius:22px;
  background:var(--oet-paper);
  overflow:hidden;
  box-shadow:0 12px 30px rgba(23,54,50,.05),0 1px 3px rgba(23,54,50,.025);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.oet-translator .oet-translator__panel--input{grid-column:1;grid-row:1}
.oet-translator .oet-translator__panel--output {
  grid-column:3;grid-row:1;
  border-color:#cfddd4;
  background:linear-gradient(156deg,#f3f8f3 0%,#fffdf9 100%);
}
.oet-translator .oet-translator__panel--input:focus-within{
  border-color:#9bb6a4;
  box-shadow:0 12px 30px rgba(23,54,50,.07),0 0 0 3px rgba(40,89,79,.075);
}
.oet-translator .oet-translator__panel-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:66px;padding:17px 22px 13px;
  border-bottom:1px solid rgba(40,89,79,.085);
}
.oet-translator .oet-translator__language{
  display:inline-flex;align-items:center;gap:11px;
  min-width:0;margin:0;
  color:var(--oet-ink);
  font:750 clamp(15px,1.35vw,17px)/1.3 'Onest','Figtree',system-ui,sans-serif;
  letter-spacing:-.025em;
}
.oet-translator .oet-translator__language::before{
  content:'';display:block;width:9px;height:9px;flex:0 0 9px;
  border-radius:50%;background:#b27e5d;
  box-shadow:0 0 0 5px rgba(150,86,56,.09);
}
.oet-translator .oet-translator__panel--output .oet-translator__language::before{
  background:var(--oet-pine);
  box-shadow:0 0 0 5px rgba(40,89,79,.09);
}
.oet-translator .oet-translator__count{
  flex:0 0 auto;white-space:nowrap;
  color:#65736e;
  font-size:12px;font-weight:650;
  font-variant-numeric:tabular-nums;
}
.oet-translator textarea.oet-translator__area,
.oet-translator textarea.oet-translator__area:focus,
.oet-translator textarea.oet-translator__area:hover{
  display:block;flex:1;width:100%;min-width:0;
  min-height:188px;height:210px;max-height:none;
  margin:0 !important;padding:20px 23px 18px !important;
  border:0 !important;border-radius:0 !important;
  outline:0 !important;box-shadow:none !important;
  background:transparent !important;
  color:var(--oet-ink) !important;
  resize:none;
  font:500 clamp(17px,1.6vw,20px)/1.65 'Figtree',system-ui,sans-serif !important;
  letter-spacing:-.01em;
  caret-color:var(--oet-pine);
  -webkit-text-fill-color:var(--oet-ink);
}
.oet-translator textarea.oet-translator__area::placeholder {
  color:#929f98 !important;opacity:1;-webkit-text-fill-color:#929f98;
}
.oet-translator textarea.oet-translator__area[readonly] {cursor:text}
.oet-translator .oet-translator__panel-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:62px;padding:10px 14px;
  border-top:1px solid rgba(40,89,79,.105);
}
.oet-translator .oet-translator__small-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:5px;
}
/* Stronger selectors and explicit hover/focus/active overrides prevent Kadence's
   global button hover styles from turning a pale background + white text invisible. */
.oet-translator button.oet-translator__mini,
.oet-translator button.oet-translator__mini:visited {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:0;min-height:39px;margin:0;padding:9px 13px !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
  background:transparent !important;
  background-image:none !important;
  color:var(--oet-pine) !important;
  -webkit-text-fill-color:var(--oet-pine) !important;
  box-shadow:none !important;
  text-decoration:none !important;
  font:700 13.5px/1.25 'Figtree',system-ui,sans-serif !important;
  letter-spacing:0;
  opacity:1;
  transform:none !important;
  filter:none !important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease !important;
}
.oet-translator button.oet-translator__mini:hover:not(:disabled),
.oet-translator button.oet-translator__mini:focus-visible:not(:disabled),
.oet-translator button.oet-translator__mini:active:not(:disabled) {
  background:var(--oet-sage) !important;
  background-image:none !important;
  color:var(--oet-ink) !important;
  -webkit-text-fill-color:var(--oet-ink) !important;
  border-color:#bfcfc1 !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:none !important;
}
.oet-translator button.oet-translator__mini:disabled {
  background:transparent !important;
  color:#798780 !important;
  -webkit-text-fill-color:#798780 !important;
  opacity:.65 !important;
}
.oet-translator .oet-translator__mini svg {
  display:block;flex:0 0 17px;width:17px;height:17px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.oet-translator .oet-translator__hint {
  color:#87928d;font-size:11.5px;font-weight:600;white-space:nowrap;
}
/* Centre button: no transform on hover or positioning offsets on any viewport. */
.oet-translator button.oet-translator__switch {
  grid-column:2;grid-row:1;
  justify-self:center;align-self:center;
  position:relative;inset:auto;top:auto;left:auto;right:auto;bottom:auto;
  z-index:3;
  display:grid;place-items:center;
  width:48px;height:48px;min-width:48px;min-height:48px;
  margin:0;padding:0 !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  border:5px solid var(--oet-ivory) !important;
  border-radius:50% !important;
  background:var(--oet-pine) !important;
  background-image:none !important;
  box-shadow:0 7px 20px rgba(23,54,50,.19) !important;
  opacity:1 !important;
  transform:none !important;
  transition:background-color .18s ease,box-shadow .18s ease !important;
}
.oet-translator button.oet-translator__switch:hover:not(:disabled),
.oet-translator button.oet-translator__switch:focus-visible:not(:disabled),
.oet-translator button.oet-translator__switch:active:not(:disabled){
  background:var(--oet-ink) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  border-color:var(--oet-ivory) !important;
  box-shadow:0 9px 24px rgba(23,54,50,.26) !important;
  transform:none !important;
}
.oet-translator .oet-translator__switch svg{
  display:block;width:20px;height:20px;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.oet-translator .oet-translator__toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding:18px 2px 4px;
}
.oet-translator .oet-translator__toolbar-left,
.oet-translator .oet-translator__toolbar-right{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.oet-translator button.oet-translator__translate {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:auto;min-width:167px;min-height:47px;
  margin:0;padding:13px 23px !important;
  background:var(--oet-pine) !important;
  background-image:none !important;
  border:1px solid var(--oet-pine) !important;
  border-radius:999px !important;
  box-shadow:0 7px 17px rgba(40,89,79,.14) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font:750 14px/1.25 'Figtree',system-ui,sans-serif !important;
  opacity:1;
  transform:none !important;
  transition:background-color .18s ease,box-shadow .18s ease !important;
}
.oet-translator button.oet-translator__translate:hover:not(:disabled),
.oet-translator button.oet-translator__translate:focus-visible:not(:disabled),
.oet-translator button.oet-translator__translate:active:not(:disabled){
  background:var(--oet-ink) !important;
  border-color:var(--oet-ink) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  box-shadow:0 10px 23px rgba(23,54,50,.21) !important;
  transform:none !important;
}
.oet-translator button.oet-translator__translate:disabled{
  opacity:.6 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
  background:var(--oet-pine) !important;
}
.oet-translator .oet-translator__translate svg{
  width:18px;height:18px;flex:0 0 18px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linejoin:round;stroke-linecap:round;
}
.oet-translator .oet-translator__translate.is-loading svg{animation:oet-spin .9s linear infinite}
.oet-translator .oet-translator__auto{
  display:inline-flex;align-items:center;gap:10px;margin:0;
  cursor:pointer;user-select:none;
  color:var(--oet-muted);font-size:13px;font-weight:650;
}
.oet-translator .oet-translator__auto input {
  position:absolute;opacity:0;width:1px;height:1px;margin:0;
}
.oet-translator .oet-translator__auto-track{
  position:relative;display:inline-block;flex:0 0 37px;
  width:37px;height:22px;border-radius:22px;
  border:1px solid #c7d3cb;background:#dbe2da;
  transition:background-color .16s ease;
}
.oet-translator .oet-translator__auto-track::after{
  content:'';position:absolute;top:2px;left:2px;
  width:16px;height:16px;border-radius:50%;background:white;
  box-shadow:0 1px 3px rgba(0,0,0,.14);
  transition:transform .16s ease;
}
.oet-translator .oet-translator__auto input:checked + .oet-translator__auto-track {
  border-color:var(--oet-pine);background:var(--oet-pine);
}
.oet-translator .oet-translator__auto input:checked + .oet-translator__auto-track::after{transform:translateX(15px)}
.oet-translator .oet-translator__auto input:focus-visible + .oet-translator__auto-track{
  outline:3px solid #b9774c;outline-offset:3px;
}
.oet-translator .oet-translator__status{
  min-height:19px;margin:7px 3px 0;
  color:var(--oet-muted);font-size:12.5px;line-height:1.5;
}
.oet-translator .oet-translator__status[data-tone="error"]{color:#a04231}
.oet-translator .oet-translator__status[data-tone="success"]{color:var(--oet-pine)}
.oet-translator .oet-translator__details{
  margin:10px 0 0;padding:11px 15px;
  border:1px solid var(--oet-stroke);border-radius:12px;
  background:var(--oet-paper);color:var(--oet-muted);
}
.oet-translator .oet-translator__details[hidden]{display:none}
.oet-translator .oet-translator__details summary{
  cursor:pointer;color:var(--oet-pine);font-size:13px;font-weight:700;
}
.oet-translator .oet-translator__details-content{
  font-size:13px;line-height:1.6;margin-top:11px;overflow-wrap:anywhere;
}
.oet-translator .oet-translator__details-content p{margin:0 0 7px}
.oet-translator .oet-translator__details-content p:last-child{margin-bottom:0}
.oet-translator .oet-translator__sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
@keyframes oet-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .oet-translator .oet-translator__workspace{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto 42px auto;
  }
  .oet-translator .oet-translator__panel {min-height:247px;border-radius:18px}
  .oet-translator .oet-translator__panel--input {grid-column:1;grid-row:1}
  .oet-translator .oet-translator__panel--output {grid-column:1;grid-row:3}
  .oet-translator button.oet-translator__switch {
    grid-column:1;grid-row:2;align-self:center;justify-self:center;
    width:46px;height:46px;min-width:46px;min-height:46px;
    transform:none !important;
    margin:0 !important;
  }
  .oet-translator .oet-translator__panel-top {min-height:54px;padding:13px 18px 11px}
  .oet-translator textarea.oet-translator__area,
  .oet-translator textarea.oet-translator__area:hover,
  .oet-translator textarea.oet-translator__area:focus{
    min-height:135px;height:145px;padding:15px 18px !important;
    font-size:17px !important;
  }
  .oet-translator .oet-translator__panel-bottom {min-height:54px;padding:7px 11px}
  .oet-translator .oet-translator__hint{display:none}
  .oet-translator .oet-translator__toolbar {padding-top:16px}
}
@media(max-width:460px){
  .oet-translator .oet-translator__panel{min-height:225px;border-radius:17px}
  .oet-translator .oet-translator__language{font-size:15px}
  .oet-translator .oet-translator__count{font-size:11px}
  .oet-translator .oet-translator__toolbar{align-items:stretch;gap:15px}
  .oet-translator .oet-translator__toolbar-left,
  .oet-translator .oet-translator__toolbar-right{width:100%}
  .oet-translator button.oet-translator__translate{width:100%}
  .oet-translator .oet-translator__toolbar-right{justify-content:flex-start}
  .oet-translator button.oet-translator__mini{padding:8px 10px !important}
}
@media(max-width:360px){
  .oet-translator .oet-translator__panel-top{padding-inline:13px}
  .oet-translator .oet-translator__panel-bottom{padding-inline:8px}
  .oet-translator button.oet-translator__mini{font-size:12px !important;gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .oet-translator *, .oet-translator *::before,.oet-translator *::after{animation:none!important;transition:none!important}
}