/* =========================================================
   Kidonn - widgets: cookie banner + preference center + accessibility menu
   Adapted from the Logicode Cookie Consent / Accessibility plugins to the Kidonn (Clasp) brand.
   ========================================================= */
:root{--ay-acc:#5C8DFF;--ay-fill:#2F6BFF;--ay-bg:rgba(14,16,20,.96)}

/* ---------- Cookie banner ---------- */
#cookie-wrap{font-family:var(--f-he);direction:rtl}
.cc-bar{position:fixed;z-index:999994;right:20px;bottom:92px;width:380px;max-width:calc(100vw - 40px);
  background:var(--cc-bg,rgba(20,22,26,.96));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;
  border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--cc-accent,#2F6BFF);border-radius:8px;padding:22px 24px;box-shadow:0 10px 40px rgba(0,0,0,.6);
  transform:translateY(20px);opacity:0;transition:transform .45s var(--ease),opacity .4s}
.cc-bar[hidden]{display:none}
.cc-bar.is-in{transform:none;opacity:1}
.cc-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.cc-head svg{width:28px;height:28px;color:var(--cc-accent,#2F6BFF);flex:none;filter:brightness(1.35)}
.cc-head h2{font-size:1.2rem;font-weight:800;color:#fff;line-height:1.2}
.cc-bar p{color:#B5BCC9;font-size:.95rem;line-height:1.55;margin:0 0 18px}
.cc-bar p a{color:var(--cc-accent,#2F6BFF);filter:brightness(1.4);text-decoration:underline;text-underline-offset:3px}
.cc-btns{display:flex;flex-direction:column;gap:8px}
.cc-row2{display:flex;gap:10px}
.cc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:700;
  color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);transition:background .25s,filter .25s,border-color .25s;text-align:center}
.cc-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.cc-btn--p{background:var(--cc-accent,#2F6BFF);border-color:var(--cc-accent,#2F6BFF);color:var(--cc-on,#fff)}
.cc-btn--p:hover{background:var(--cc-accent,#2F6BFF);filter:brightness(1.18);border-color:var(--cc-accent,#2F6BFF)}
.cc-btn--d{border-color:rgba(255,120,120,.5);color:#FFB4B4}
.cc-btn--d:hover{background:rgba(255,90,90,.14);border-color:#FF8A8A}
.cc-link{color:#B5BCC9;text-decoration:underline;text-underline-offset:4px;padding:6px;font-weight:600;font-size:.95rem;transition:color .2s}
.cc-link:hover{color:var(--cc-accent,#2F6BFF);filter:brightness(1.4)}
#cookie-wrap :focus-visible{outline:3px solid #8FB0FF;outline-offset:2px}

/* floating "manage cookies" button */
.cc-fab{position:fixed;z-index:999993;left:20px;bottom:92px;width:50px;height:50px;display:grid;place-items:center;border-radius:8px;
  background:var(--cc-bg,rgba(20,22,26,.96));color:var(--cc-accent,#2F6BFF);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 15px rgba(0,0,0,.5);
  transition:transform .3s,background .3s,color .3s}
.cc-fab[hidden]{display:none}
.cc-fab svg{width:26px;height:26px;filter:brightness(1.35)}
.cc-fab:hover{background:var(--cc-accent,#2F6BFF);color:var(--cc-on,#fff);transform:scale(1.08)}
.cc-fab:hover svg{filter:none}

/* preference center */
.cc-dlg{border:0;padding:0;background:transparent;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);color:#fff;overflow:visible}
.cc-dlg::backdrop{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.cc-card{background:var(--cc-bg-solid,#14161A);border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--cc-accent,#2F6BFF);border-radius:8px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.8);font-family:var(--f-he);direction:rtl}
.cc-card::-webkit-scrollbar{width:6px}.cc-card::-webkit-scrollbar-thumb{background:var(--cc-accent,#2F6BFF);border-radius:4px}
.cc-mh{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:var(--cc-bg,rgba(20,22,26,.96));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}
.cc-mh h3{font-size:1.3rem;font-weight:800}
.cc-x{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:8px}
.cc-x:hover{background:rgba(255,255,255,.1)}
.cc-x::before,.cc-x::after{content:"";position:absolute;inset:50% auto auto 50%;width:16px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.cc-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.cc-mb{padding:22px 24px 24px}
.cc-sub{color:#B5BCC9;font-size:.95rem;line-height:1.6;margin-bottom:20px}
.cc-cats{display:grid;gap:12px;margin-bottom:18px}
.cc-cat{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:8px;cursor:pointer;transition:border-color .2s}
.cc-cat:hover{border-color:rgba(var(--cc-accent-rgb,47,107,255),.7)}
.cc-cat b{display:block;font-size:1.05rem}
.cc-cat small{display:block;color:#9AA3B2;font-size:.85rem;line-height:1.5;margin-top:3px}
.cc-cat input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cc-cat.is-lock{cursor:default}.cc-cat.is-lock input{cursor:not-allowed}.cc-cat.is-lock .cc-sw{opacity:.5}
.cc-sw{position:relative;width:50px;height:26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:8px;transition:.3s;flex:none}
.cc-sw::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:4px;width:18px;height:18px;border-radius:5px;background:#8a93a3;transition:transform .3s var(--ease-b),background .3s}
.cc-cat input:checked~.cc-sw{background:transparent;border-color:var(--cc-accent,#2F6BFF)}
.cc-cat input:checked~.cc-sw::after{background:var(--cc-accent,#2F6BFF);box-shadow:0 0 10px var(--cc-accent,#2F6BFF);transform:translateX(-22px)}
.cc-cat input:focus-visible~.cc-sw{outline:3px solid #8FB0FF;outline-offset:3px}
.cc-full{width:100%;flex:none;margin-bottom:10px}
.cc-row{display:flex;gap:10px;flex-wrap:wrap}.cc-row .cc-btn{flex:1 1 auto}

.cc-me{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.cc-me summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.cc-me summary::-webkit-details-marker{display:none}
.cc-me summary::after{content:"";width:9px;height:9px;border-inline-end:2px solid #8FB0FF;border-block-end:2px solid #8FB0FF;transform:rotate(45deg);transition:transform .25s}
.cc-me[open] summary::after{transform:rotate(-135deg)}
.cc-me-in{display:grid;gap:16px;padding-top:12px}
.cc-id{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cc-id small,.cc-hist small{display:block;width:100%;color:#9AA3B2;font-size:.8rem}
.cc-id code{flex:1;min-width:0;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px;font:13px/1.3 ui-monospace,Menlo,Consolas,monospace;color:#8FB0FF;overflow-wrap:anywhere}
.cc-mini{padding:9px 14px;border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:.8rem;font-weight:700}
.cc-mini:hover{background:rgba(255,255,255,.1)}
.cc-hist ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;max-height:170px;overflow:auto}
.cc-hist li{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;padding:8px 12px;background:rgba(255,255,255,.04);border-radius:6px;border-inline-start:3px solid var(--cc-accent,#2F6BFF)}
.cc-hist li span:last-child{color:#9AA3B2;direction:ltr;white-space:nowrap}
.cc-hist .cc-empty{border-color:#3A4252;color:#9AA3B2}
.cc-note{min-height:1.4em;font-size:.9rem;color:#8FB0FF}.cc-note.is-err{color:#FFB4B4}
.ftr-cookie{color:#cdd5e3;text-decoration:underline;text-underline-offset:4px;font-size:14px}.ftr-cookie:hover{color:#fff}

/* ---------- Accessibility menu ---------- */
.ay{position:fixed;z-index:999997;left:20px;bottom:20px;font-family:var(--f-he);direction:rtl;font-size:16px;line-height:1.5}
.ay-btn{width:60px;height:60px;display:grid;place-items:center;background:#1B1F26;color:var(--ay-acc);border:2px solid var(--ay-acc);border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.5);transition:all .3s ease}
.ay-btn svg{width:34px;height:34px}
.ay-btn:hover{transform:scale(1.08);background:var(--ay-fill);color:#fff;box-shadow:0 0 25px rgba(47,107,255,.45)}
.ay :focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--ay-fill)}
.ay-panel{position:absolute;left:0;bottom:75px;width:400px;max-width:calc(100vw - 28px);max-height:min(80vh,700px);overflow-y:auto;background:var(--ay-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  border:1px solid rgba(92,141,255,.25);border-top:2px solid var(--ay-fill);border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.7);color:#fff;animation:ayIn .35s var(--ease)}
.ay-panel[hidden]{display:none}
.ay-panel::-webkit-scrollbar{width:6px}.ay-panel::-webkit-scrollbar-thumb{background:var(--ay-acc);border-radius:4px}
@keyframes ayIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
.ay-h{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:2;background:rgba(14,16,20,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ay-h h2{margin:0;font-size:1.2rem;display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}
.ay-h h2 svg{width:26px;height:26px;color:var(--ay-acc)}
.ay-x{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:8px}
.ay-x:hover{background:rgba(255,255,255,.1)}
.ay-x::before,.ay-x::after{content:"";position:absolute;inset:50% auto auto 50%;width:16px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.ay-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.ay-body{padding:20px;display:grid;gap:14px}
.ay-g3,.ay-g2{display:grid;gap:10px}.ay-g3{grid-template-columns:repeat(3,1fr)}.ay-g2{grid-template-columns:repeat(2,1fr)}
.ay-t{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px 4px;font-size:.8rem;font-weight:500;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:.2s;text-align:center;line-height:1.25;min-height:84px}
.ay-t svg{width:26px;height:26px;color:var(--ay-acc);transition:.2s}
.ay-t:hover{background:rgba(255,255,255,.1);color:#fff;border-color:var(--ay-acc)}
.ay-t[aria-pressed=true]{background:rgba(47,107,255,.16);border-color:var(--ay-acc);color:#fff;box-shadow:inset 0 0 10px rgba(47,107,255,.2)}
.ay-t[aria-pressed=true] svg{color:#fff;filter:drop-shadow(0 0 6px var(--ay-acc))}
.ay-sl{display:grid;gap:10px}
.ay-slb{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px}
.ay-slh{display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;font-size:.9rem;font-weight:500;margin-bottom:6px}
.ay-slh output{color:#fff;font-weight:800;background:var(--ay-fill);padding:2px 9px;border-radius:6px;font-size:.85rem;direction:ltr}
.ay-panel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;margin:8px 0 2px;height:24px;cursor:pointer}
.ay-panel input[type=range]::-webkit-slider-runnable-track{height:6px;background:rgba(255,255,255,.14);border-radius:4px}
.ay-panel input[type=range]::-moz-range-track{height:6px;background:rgba(255,255,255,.14);border-radius:4px}
.ay-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:6px;background:var(--ay-acc);margin-top:-7px;box-shadow:0 0 10px rgba(47,107,255,.6)}
.ay-panel input[type=range]::-moz-range-thumb{height:20px;width:20px;border:0;border-radius:6px;background:var(--ay-acc)}
.ay-reset{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;color:#ff8a8a;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.06);transition:.2s}
.ay-reset svg{width:22px;height:22px}
.ay-reset:hover{background:#ef4444;border-color:#ef4444;color:#fff}
.ay-stmt{text-align:center;color:#8FB0FF;text-decoration:underline;text-underline-offset:4px;font-size:.92rem}.ay-stmt:hover{color:#fff}
.ay-filter{display:none;position:fixed;inset:0;pointer-events:none;z-index:999996}
.ay-gl{display:none;position:fixed;left:0;top:50%;width:100%;height:6px;background:var(--ay-acc);z-index:999995;pointer-events:none;box-shadow:0 0 15px rgba(0,0,0,.5)}

/* mobile: keep the WhatsApp / a11y / cookie buttons clear of each other */
@media(max-width:768px){
  .ay{left:14px;bottom:14px}.ay-btn{width:54px;height:54px}
  .ay-panel{width:calc(100vw - 28px);bottom:68px}
  .ay-g3{gap:8px}.ay-t{font-size:.75rem;min-height:78px}
  .cc-bar{left:12px;right:12px;bottom:84px;width:auto;max-width:none;max-height:calc(100dvh - 110px);overflow:auto}
  .cc-fab{left:14px;bottom:84px;width:46px;height:46px}
}
@media(max-width:380px){.ay-g3{grid-template-columns:repeat(2,1fr)}}

/* ---------- Accessibility modes (classes on <html>) ---------- */
html.ay-zoom body>*:not(#a11y-root):not(#cookie-wrap):not(.ay-filter):not(.ay-gl):not(.fab){zoom:var(--ay-zoom,1)}
html.ay-ws body *:not(svg *){word-spacing:var(--ay-ws,normal)!important}
html.ay-ls body *:not(svg *){letter-spacing:var(--ay-ls,normal)!important}
html.ay-gray .ay-filter{display:block;-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1)}
html.ay-invert .ay-filter{display:block;-webkit-backdrop-filter:invert(1) hue-rotate(180deg);backdrop-filter:invert(1) hue-rotate(180deg)}
html.ay-contrast body.t-dark,html.ay-contrast body.t-light,html.ay-contrast body{--bg:#000;--bg2:#000;--fg:#fff;--mut:#fff;--line:#fff;--card:#000;--card2:#0d0d0d;--acc:#FFE600;--acc-t:#FFE600;--hdr:#000}
html.ay-contrast body{background:#000;color:#fff}
html.ay-contrast a{color:#FFE600!important;text-decoration:underline}
html.ay-contrast :is(button,input,select,textarea){border-color:#fff!important}
html.ay-contrast .btn,html.ay-contrast .btn *{color:#000!important}
html.ay-contrast .btn{background:#FFE600!important;border-color:#FFE600!important}
html.ay-contrast section,html.ay-contrast header,html.ay-contrast footer,html.ay-contrast .card{background-image:none!important;border-color:#fff!important}
html.ay-links a:not(.btn){text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:2px!important;background:rgba(92,141,255,.22);font-weight:700}
html.ay-heads :is(h1,h2,h3,h4,h5,h6){border:2px solid #5C8DFF!important;background:rgba(92,141,255,.12)!important;padding:2px 6px!important;border-radius:4px}
html.ay-noimg :is(img,video,picture,.il,.kh){visibility:hidden!important}
html.ay-font body,html.ay-font body *:not(svg *){font-family:Arial,Helvetica,sans-serif!important;font-stretch:100%!important}
html.ay-noanim *,html.ay-noanim *::before,html.ay-noanim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.ay-noanim .kh-pt,html.ay-noanim .kh-orb{opacity:.35}
html.ay-guide .ay-gl{display:block}
html.ay-cursorL,html.ay-cursorL *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-width='1.5' d='M5.5 3.2v17.6c0 .45.54.67.85.35l4.86-4.86 3.96 8.57c.18.39.63.56 1.02.38l2.25-1.04c.38-.18.55-.63.37-1.02l-3.92-8.49h5.53c.45 0 .67-.54.35-.85L6.35 2.85c-.23-.23-.6-.23-.85 0z'/%3E%3C/svg%3E") 4 2,auto!important}
html.ay-cursorD,html.ay-cursorD *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' stroke='%23fff' stroke-width='1.5' d='M5.5 3.2v17.6c0 .45.54.67.85.35l4.86-4.86 3.96 8.57c.18.39.63.56 1.02.38l2.25-1.04c.38-.18.55-.63.37-1.02l-3.92-8.49h5.53c.45 0 .67-.54.35-.85L6.35 2.85c-.23-.23-.6-.23-.85 0z'/%3E%3C/svg%3E") 4 2,auto!important}
@media(prefers-reduced-motion:reduce){.cc-bar,.ay-panel{transition:none;animation:none}}