/* Cookie banner and settings panel (mail 058; ues-consent.php, consent.js). Self-contained, because the old Enfold
   posts do not load ues.css: the UES tokens (ink, slate, line, the 6px button radius, the system font) are repeated
   here. Desktop: a 400px card in the bottom right corner (bottom left on the Enfold posts, clear of Enfold's back to
   top button). Phones: a sheet across the bottom that sits above the call bar while the bar is up (--ck-bar, set by
   consent.js). consent.js moves it aside (.ck-aside) while it would cover a hero button or the request form.
   z-index 79: over the page, under the sticky header (80) and its menus, so an open menu is never covered.
   Source of truth: ues-homepage git repo on Manny's machine. v1.0 */
#ues-ck{--ck-ink:#12161A;--ck-ink-2:#1E252B;--ck-line:#E2E6E9;--ck-bar:0px;position:fixed;right:24px;bottom:24px;z-index:79;box-sizing:border-box;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;padding:18px 20px 20px;background:#fff;color:var(--ck-ink);border:1px solid var(--ck-line);border-radius:12px;box-shadow:0 14px 36px rgba(18,22,26,.16),0 2px 6px rgba(18,22,26,.06);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;text-align:left;-webkit-font-smoothing:antialiased;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .25s ease}
#ues-ck[hidden],#ues-ck [hidden]{display:none}
#ues-ck *{box-sizing:border-box}
#ues-ck.ck-in{opacity:1;transform:translateY(calc(-1 * var(--ck-bar)))}
/* out below the screen, far enough that nothing shows through a translucent browser toolbar; it stays in the tab
   order, and keyboard focus brings it back */
#ues-ck.ck-in.ck-aside{transform:translateY(calc(100% + 160px));transition:transform .3s ease}
body:not(.ues-page) #ues-ck{right:auto;left:24px}

#ues-ck h2,#ues-ck h3,#ues-ck .ck-h3{display:block;margin:0;padding:0;border:0;background:none;font-family:inherit;color:var(--ck-ink);font-weight:700;letter-spacing:-.01em;text-transform:none}
#ues-ck h2{font-size:17px;line-height:1.3}
#ues-ck h3,#ues-ck .ck-h3{font-size:15px;line-height:1.35;margin-bottom:3px;cursor:default}
#ues-ck .ck-h3{cursor:pointer}
#ues-ck p{margin:0;padding:0;font-size:14.5px;line-height:1.55;color:var(--ck-ink-2)}
#ues-ck a{color:var(--ck-ink);text-decoration:underline;text-underline-offset:2px}
#ues-ck .ck-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}

#ues-ck button{-webkit-appearance:none;appearance:none;margin:0;font-family:inherit;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
#ues-ck .ck-link{flex:0 0 auto;padding:2px 0;border:0;background:none;color:var(--ck-ink);font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#ues-ck .ck-link:hover{text-decoration-thickness:2px}
/* Reject and Accept: the same button, side by side (the site's dark button) */
#ues-ck .ck-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
#ues-ck .ck-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:2px solid var(--ck-ink);border-radius:6px;background:var(--ck-ink);color:#fff;font-size:14.5px;font-weight:700;line-height:1.25;text-align:center;white-space:normal;transition:background .15s,border-color .15s}
#ues-ck .ck-btn:hover{background:#000;border-color:#000}
#ues-ck :focus-visible{outline:3px solid var(--ck-ink);outline-offset:2px}
#ues-ck h2:focus{outline:none}
#ues-ck h2:focus-visible{outline:3px solid var(--ck-ink);outline-offset:2px}

/* The settings panel, in place of the banner */
#ues-ck .ck-panel .ck-top{align-items:center;margin-bottom:8px}
#ues-ck .ck-x{flex:0 0 auto;width:36px;height:36px;margin:-6px -8px -6px 0;padding:0;border:0;border-radius:6px;background:none;color:var(--ck-ink);font-size:26px;font-weight:400;line-height:1}
#ues-ck .ck-x:hover{background:#EEF1F3}
#ues-ck .ck-row{padding:12px 0;border-top:1px solid var(--ck-line)}
#ues-ck .ck-sw{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#ues-ck .ck-gpc{margin-top:6px;font-weight:600}
/* the analytics switch: a checkbox with role="switch"; the off track meets 3:1 against white */
#ues-ck .ck-sw input{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;width:46px;height:26px;margin:2px 0 0;padding:0;border:0;border-radius:99px;background:#79838C;cursor:pointer;transition:background .15s}
#ues-ck .ck-sw input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
#ues-ck .ck-sw input:checked{background:var(--ck-ink)}
#ues-ck .ck-sw input:checked::after{transform:translateX(20px)}
#ues-ck .ck-sw input:disabled{opacity:.45;cursor:not-allowed}
#ues-ck .ck-save{width:100%;margin-top:4px}

.ues-ck-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media(max-width:760px){
  #ues-ck,body:not(.ues-page) #ues-ck{left:0;right:0;bottom:0;width:auto;max-width:none;max-height:calc(100vh - var(--ck-bar) - 64px);padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px rgba(18,22,26,.12)}
  #ues-ck.ck-onbar{padding-bottom:14px}
  #ues-ck h2{font-size:16px}
  #ues-ck p{font-size:14px;line-height:1.5}
  #ues-ck .ck-actions{gap:8px;margin-top:12px}
  #ues-ck .ck-btn{min-height:44px;padding:8px 10px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){#ues-ck,#ues-ck *{transition:none!important}}
@media print{#ues-ck{display:none!important}}