/* ===== ManiQ-free accessibility widget + cookie bar + floating CTA =====
   רכיב נגישות עצמאי (ללא תלות חיצונית / ללא תשלום) */

.mk-fab-wrap *{box-sizing:border-box}

/* floating buttons */
.mk-a11y-btn,.mk-wa{
  position:fixed;bottom:20px;z-index:9500;cursor:pointer;border:none;
  font-family:"Assistant","Segoe UI",Arial,sans-serif;
  transition:bottom .25s ease, transform .12s ease, filter .2s ease;
}
.mk-a11y-btn{
  inset-inline-start:18px;width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#f4f6f8,#cdd2d9 55%,#a6acb4);
  color:#101216;box-shadow:0 10px 26px -10px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.5);
}
.mk-a11y-btn svg{width:28px;height:28px}
.mk-a11y-btn:hover{filter:brightness(1.05)}
.mk-a11y-btn:active{transform:scale(.95)}

.mk-wa{
  inset-inline-end:18px;display:inline-flex;align-items:center;gap:9px;
  padding:13px 18px;border-radius:999px;font-weight:800;font-size:15px;
  background:linear-gradient(180deg,#f4f6f8,#cdd2d9 55%,#a6acb4);color:#101216;
  box-shadow:0 12px 28px -10px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.5);text-decoration:none;
}
.mk-wa svg{width:20px;height:20px}
.mk-wa:hover{filter:brightness(1.05)}
.mk-wa:active{transform:scale(.97)}

body.mk-cookie-open .mk-a11y-btn,body.mk-cookie-open .mk-wa{bottom:104px}

/* panel */
.mk-a11y-panel{
  position:fixed;bottom:84px;inset-inline-start:18px;z-index:9600;
  width:288px;max-width:calc(100vw - 36px);
  background:linear-gradient(180deg,#16171c,#0c0d11);
  border:1px solid rgba(206,210,217,.3);border-radius:18px;
  box-shadow:0 30px 70px -24px rgba(0,0,0,.8);
  padding:16px;color:#e9ebee;font-family:"Assistant","Segoe UI",Arial,sans-serif;
  display:none;direction:rtl;
}
.mk-a11y-panel.open{display:block;animation:mkpop .2s ease both}
@keyframes mkpop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mk-a11y-panel h2{font-size:15px;margin:0 0 4px;font-weight:800;letter-spacing:.02em}
.mk-a11y-panel .mk-sub{font-size:11.5px;color:#9398a0;margin-bottom:12px}
.mk-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mk-opt{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:11px 6px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid rgba(206,210,217,.18);
  color:#dfe2e6;font-size:12px;font-weight:600;font-family:inherit;text-align:center;
  transition:background .15s,border-color .15s,transform .1s;
}
.mk-opt:hover{background:rgba(255,255,255,.08)}
.mk-opt:active{transform:scale(.96)}
.mk-opt.active{background:linear-gradient(180deg,#e8eaee,#b6bbc3);color:#15161a;border-color:transparent}
.mk-opt svg{width:22px;height:22px}
.mk-opt.wide{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px}
.mk-a11y-foot{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.mk-a11y-foot a{color:#c6cad1;font-size:12px;text-decoration:underline}
.mk-reset{background:none;border:1px solid rgba(206,210,217,.25);color:#c6cad1;border-radius:9px;padding:7px 12px;font-size:12px;cursor:pointer;font-family:inherit}
.mk-reset:hover{background:rgba(255,255,255,.06)}
.mk-a11y-close{position:absolute;top:10px;inset-inline-end:12px;background:none;border:none;color:#9398a0;font-size:20px;cursor:pointer;line-height:1}

/* cookie bar */
.mk-cookie{
  position:fixed;bottom:14px;inset-inline:14px;z-index:9550;margin-inline:auto;max-width:780px;
  background:linear-gradient(180deg,#16171c,#0c0d11);
  border:1px solid rgba(206,210,217,.3);border-radius:16px;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.8);
  padding:15px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  color:#cfd3d9;font-family:"Assistant","Segoe UI",Arial,sans-serif;font-size:13.5px;direction:rtl;
  animation:mkpop .35s ease both;
}
.mk-cookie p{margin:0;flex:1;min-width:220px;line-height:1.6}
.mk-cookie a{color:#eef0f3;text-decoration:underline}
.mk-cookie .mk-ck-ok{
  background:linear-gradient(180deg,#f4f6f8,#cdd2d9 55%,#a6acb4);color:#101216;
  border:none;border-radius:10px;padding:10px 20px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit;
}
.mk-cookie .mk-ck-ok:hover{filter:brightness(1.05)}

/* ===== global accessibility state classes ===== */
html.mkc-gray{filter:grayscale(1)}
html.mkc-readable *{font-family:Arial,"Segoe UI","Arial Hebrew",sans-serif !important;letter-spacing:.01em !important}
html.mkc-links a{text-decoration:underline !important;text-underline-offset:3px;font-weight:700 !important}
html.mkc-noanim *,html.mkc-noanim *::before,html.mkc-noanim *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}

/* high contrast (yellow on black) */
html.mkc-hc,html.mkc-hc body{background:#000 !important}
html.mkc-hc *{background-color:transparent !important;color:#ffe600 !important;border-color:#ffe600 !important;
  background-image:none !important;-webkit-text-fill-color:#ffe600 !important;box-shadow:none !important;text-shadow:none !important}
html.mkc-hc img{filter:grayscale(1) brightness(1.15) contrast(1.1)}
html.mkc-hc a,html.mkc-hc button,html.mkc-hc .btn,html.mkc-hc .nav-cta,html.mkc-hc .mk-wa,html.mkc-hc .mk-a11y-btn,html.mkc-hc .mk-ck-ok,html.mkc-hc .mk-opt.active{
  background:#ffe600 !important;color:#000 !important;-webkit-text-fill-color:#000 !important;border:2px solid #ffe600 !important}
html.mkc-hc .mk-a11y-panel,html.mkc-hc .mk-cookie{background:#000 !important;border:2px solid #ffe600 !important}

@media (max-width:520px){
  .mk-wa span{display:none}
  .mk-wa{padding:14px;border-radius:50%}
}