/* Element Lookup v0.1.13 — global theme switch and shared accessibility shell */
:root{
  --el-page-bg:#06111f;
  --el-page-bg-2:#08172a;
  --el-surface:#0e213a;
  --el-surface-2:#132a47;
  --el-text:#edf5ff;
  --el-muted:#9fb0c6;
  --el-border:rgba(179,204,235,.18);
  --el-link:#8fc8ff;
  --el-focus:#65b5ff;
  --el-toggle-bg:#102845;
  --el-toggle-border:rgba(154,196,238,.42);
  --el-toggle-shadow:0 14px 35px rgba(0,0,0,.35);
  color-scheme:dark;
}
html[data-el-theme="light"]{
  --el-page-bg:#dfe7ef;
  --el-page-bg-2:#d7e2eb;
  --el-surface:#ffffff;
  --el-surface-2:#f5f8fb;
  --el-text:#13283d;
  --el-muted:#344f65;
  --el-border:rgba(44,75,107,.18);
  --el-link:#1767ad;
  --el-focus:#0b67b2;
  --el-toggle-bg:#ffffff;
  --el-toggle-border:rgba(38,84,126,.28);
  --el-toggle-shadow:0 14px 35px rgba(38,66,92,.18);
  color-scheme:light;

  /* These variables are also consumed by the Element Lookup application CSS. */
  --bg0:#dfe7ef;
  --bg1:#e7eef4;
  --bg2:#d6e1ea;
  --panel:rgba(255,255,255,.94);
  --panel2:rgba(247,251,255,.96);
  --ink:#13283d;
  --muted:#344f65;
  --line:rgba(55,88,119,.18);
  --accent:#2577c5;
  --accent2:#147f6d;
  --accent3:#7255bb;
  --shadow:0 16px 40px rgba(42,67,89,.13);
  --soft:#e7f0f8;
  --card:#ffffff;
}

body.element-lookup-theme-enabled{
  background:var(--el-page-bg);
  color:var(--el-text);
  transition:background-color .18s ease,color .18s ease;
}
body.element-lookup-theme-enabled a{transition:color .15s ease,border-color .15s ease,background-color .15s ease}
body.element-lookup-theme-enabled :focus-visible{
  outline:3px solid var(--el-focus)!important;
  outline-offset:3px!important;
}

/* Generic GeneratePress support so the switch remains useful on future Learn/legal pages too. */
html[data-el-theme="dark"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site,
html[data-el-theme="dark"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-content,
html[data-el-theme="dark"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .inside-article{
  background:var(--el-page-bg)!important;
  color:var(--el-text)!important;
}
html[data-el-theme="dark"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-header,
html[data-el-theme="dark"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-footer{
  background:#081625!important;
  color:var(--el-text)!important;
  border-color:var(--el-border)!important;
}
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page),
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site,
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-content,
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .inside-article{
  background:var(--el-page-bg)!important;
  color:var(--el-text)!important;
}
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-header,
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-footer{
  background:#ffffff!important;
  color:var(--el-text)!important;
  border-color:var(--el-border)!important;
}
html[data-el-theme="light"] body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) a{color:var(--el-link)}

/* Floating theme switch — available site-wide. */
.el-theme-control{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:9998;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
  pointer-events:none;
}
.el-theme-toggle{
  pointer-events:auto;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid var(--el-toggle-border);
  background:var(--el-toggle-bg);
  color:var(--el-text);
  box-shadow:var(--el-toggle-shadow);
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;
}
.el-theme-toggle:hover{transform:translateY(-2px) scale(1.03)}
.el-theme-toggle:active{transform:translateY(0) scale(.98)}
.el-theme-icon{font-size:24px;line-height:1;grid-area:1/1}
.el-theme-icon-moon{display:none}
html[data-el-theme="light"] .el-theme-icon-sun{display:none}
html[data-el-theme="light"] .el-theme-icon-moon{display:block}
.el-theme-hint{
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(5px);
  max-width:225px;
  padding:9px 12px;
  border:1px solid var(--el-toggle-border);
  border-radius:12px;
  background:var(--el-toggle-bg);
  color:var(--el-text);
  box-shadow:var(--el-toggle-shadow);
  font-size:13px;
  font-weight:750;
  line-height:1.35;
  display:flex;
  align-items:center;
  gap:7px;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
}
.el-theme-hint-arrow{font-size:19px;color:var(--el-link)}
.el-theme-hint.is-visible{opacity:1;visibility:visible;transform:none}
.el-theme-hint.is-reminding{animation:elThemeHintPulse .85s ease-in-out 2}
@keyframes elThemeHintPulse{
  0%,100%{transform:translateY(0);box-shadow:var(--el-toggle-shadow)}
  50%{transform:translateY(-3px) scale(1.025);box-shadow:0 0 0 4px rgba(74,157,235,.14),var(--el-toggle-shadow)}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important}
  .el-theme-toggle,.el-theme-hint{transition:none!important}
  .el-theme-hint.is-reminding{animation:none!important}
}
@media(max-width:600px){
  .el-theme-control{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
  .el-theme-toggle{width:50px;height:50px}
  .el-theme-hint{max-width:205px;font-size:12.5px}
}

/* Readable generic WordPress surfaces for future Learn/supporting pages. */
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .entry-title,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .entry-title a,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) h1,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) h2,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) h3,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) h4{color:var(--el-text)!important}
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) a{color:var(--el-link)}
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .entry-meta,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-info,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) .site-description{color:var(--el-muted)!important}
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) input,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) textarea,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) select{
  background:var(--el-surface)!important;
  color:var(--el-text)!important;
  border-color:var(--el-border)!important;
}
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) button,
body.element-lookup-theme-enabled:not(.app-page):not(.mg-page) input[type="submit"]{
  border-color:var(--el-border);
}


/* v0.1.13.1 theme-control hotfix */
.el-theme-hint{max-width:240px}
.el-theme-hint span:last-child{white-space:normal}