/* CannyRO Accesibilitate 1.0.0 — panou + efectele pe pagină. Made the Canny way — canny.ro */
:root{--cny-a11y-accent:#1f6feb;--cny-a11y-accent-text:#fff;--cny-a11y-bottom:20px;--cny-a11y-size:52px;--cny-a11y-z:2147483000;--cny-a11y-font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

/* ---------- butonul plutitor ---------- */
.cny-a11y-btn{position:fixed;bottom:var(--cny-a11y-bottom);right:20px;z-index:var(--cny-a11y-z);width:var(--cny-a11y-size);height:var(--cny-a11y-size);border-radius:50%;border:0;background:var(--cny-a11y-accent);color:var(--cny-a11y-accent-text);box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:transform .15s ease,box-shadow .15s ease;font-family:var(--cny-a11y-font)}
.cny-a11y-btn.cny-a11y-left{right:auto;left:20px}
.cny-a11y-btn:hover,.cny-a11y-btn:focus-visible{transform:scale(1.06);box-shadow:0 10px 30px rgba(0,0,0,.34);outline:3px solid #fff;outline-offset:2px}
.cny-a11y-btn svg{width:60%;height:60%;fill:currentColor;display:block}
.cny-a11y-btn[aria-expanded="true"]{transform:scale(.92)}

/* ---------- panoul ---------- */
.cny-a11y-panel{position:fixed;bottom:calc(var(--cny-a11y-bottom) + var(--cny-a11y-size) + 12px);right:20px;z-index:var(--cny-a11y-z);width:380px;max-width:calc(100vw - 24px);max-height:min(78vh,760px);background:#fff;color:#1b1b1f;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.06);font-family:var(--cny-a11y-font);font-size:14px;line-height:1.4;display:none;flex-direction:column;overflow:hidden;text-align:left;letter-spacing:0;word-spacing:0}
.cny-a11y-panel.cny-a11y-left{right:auto;left:20px}
.cny-a11y-panel.cny-a11y-open{display:flex}
.cny-a11y-panel *,.cny-a11y-btn *{box-sizing:border-box;font-family:inherit!important;letter-spacing:0!important;word-spacing:0!important;text-transform:none!important;text-shadow:none!important}
.cny-a11y-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--cny-a11y-accent);color:var(--cny-a11y-accent-text)}
.cny-a11y-head h2{margin:0!important;padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;flex:1;color:inherit!important;border:0!important;background:none!important}
.cny-a11y-head button{appearance:none;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:inherit;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;line-height:1;min-height:30px}
.cny-a11y-head button:hover,.cny-a11y-head button:focus-visible{background:rgba(255,255,255,.28);outline:2px solid #fff;outline-offset:1px}
.cny-a11y-body{overflow:auto;padding:12px 14px 14px;overscroll-behavior:contain}
.cny-a11y-section{margin:0 0 14px}
.cny-a11y-section h3{margin:0 0 8px!important;padding:0!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6b6b75!important;line-height:1.2!important;background:none!important;border:0!important}
.cny-a11y-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cny-a11y-grid.cny-a11y-cols2{grid-template-columns:repeat(2,1fr)}
.cny-a11y-tile{appearance:none;border:1px solid #e3e3e8;background:#f7f7fa;color:#1b1b1f;border-radius:12px;padding:10px 8px;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;margin:0}
.cny-a11y-tile svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.cny-a11y-tile:hover{background:#eef0f5;border-color:#cfd2db}
.cny-a11y-tile:focus-visible{outline:3px solid var(--cny-a11y-accent);outline-offset:1px}
.cny-a11y-tile[aria-pressed="true"]{background:var(--cny-a11y-accent);border-color:var(--cny-a11y-accent);color:var(--cny-a11y-accent-text)}
.cny-a11y-tile .cny-a11y-lvl{font-size:10.5px;font-weight:500;opacity:.8}
.cny-a11y-stepper{display:flex;align-items:center;gap:8px;border:1px solid #e3e3e8;background:#f7f7fa;border-radius:12px;padding:8px 10px;margin-bottom:8px}
.cny-a11y-stepper .cny-a11y-name{flex:1;font-weight:600;font-size:13px}
.cny-a11y-stepper .cny-a11y-val{min-width:44px;text-align:center;font-size:12px;color:#55555f;font-variant-numeric:tabular-nums}
.cny-a11y-stepper button{appearance:none;border:1px solid #d6d8e0;background:#fff;color:#1b1b1f;width:32px;height:32px;border-radius:999px;font-size:18px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-weight:700}
.cny-a11y-stepper button:hover{background:#eef0f5}
.cny-a11y-stepper button:focus-visible{outline:3px solid var(--cny-a11y-accent);outline-offset:1px}
.cny-a11y-stepper button:disabled{opacity:.35;cursor:default}
.cny-a11y-foot{padding:10px 14px;border-top:1px solid #ececf1;font-size:11.5px;color:#6b6b75;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.cny-a11y-foot a{color:#6b6b75!important;text-decoration:underline!important}
.cny-a11y-foot a:hover{color:var(--cny-a11y-accent)!important}
.cny-a11y-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){.cny-a11y-panel{left:12px!important;right:12px!important;width:auto;max-width:none;bottom:calc(var(--cny-a11y-bottom) + var(--cny-a11y-size) + 8px)}.cny-a11y-grid{grid-template-columns:repeat(3,1fr)}.cny-a11y-tile{min-height:62px;font-size:11.5px}}
@media (prefers-reduced-motion:reduce){.cny-a11y-btn,.cny-a11y-tile{transition:none}}

/* skip link */
.cny-a11y-skip{position:absolute;left:8px;top:-60px;z-index:var(--cny-a11y-z);background:var(--cny-a11y-accent);color:var(--cny-a11y-accent-text)!important;padding:10px 16px;border-radius:0 0 10px 10px;font-family:var(--cny-a11y-font);font-weight:700;text-decoration:none!important;transition:top .15s ease}
.cny-a11y-skip:focus{top:0;outline:3px solid #fff;outline-offset:1px}

/* ---------- efectele pe pagină (clase pe <html>) ---------- */
/* excludem panoul nostru din toate efectele */
html.cny-a11y-font-readable body *:not(.cny-a11y-panel):not(.cny-a11y-panel *):not(.cny-a11y-btn):not(.cny-a11y-btn *):not(i):not([class*="icon"]):not([class*="fa-"]):not([class*="eicon"]):not([class*="awb-icon"]):not([class*="xstore-icon"]){font-family:Verdana,Arial,Helvetica,sans-serif!important}
html.cny-a11y-font-dyslexic body *:not(.cny-a11y-panel):not(.cny-a11y-panel *):not(.cny-a11y-btn):not(.cny-a11y-btn *):not(i):not([class*="icon"]):not([class*="fa-"]):not([class*="eicon"]):not([class*="awb-icon"]):not([class*="xstore-icon"]){font-family:"Comic Sans MS","Trebuchet MS",Verdana,sans-serif!important;letter-spacing:.06em;word-spacing:.12em}

html.cny-a11y-lh-1 body :is(p,li,dd,dt,td,th,blockquote,h1,h2,h3,h4,h5,h6,a,span,label,div):not(.cny-a11y-panel *){line-height:1.7!important}
html.cny-a11y-lh-2 body :is(p,li,dd,dt,td,th,blockquote,h1,h2,h3,h4,h5,h6,a,span,label,div):not(.cny-a11y-panel *){line-height:2!important}
html.cny-a11y-lh-3 body :is(p,li,dd,dt,td,th,blockquote,h1,h2,h3,h4,h5,h6,a,span,label,div):not(.cny-a11y-panel *){line-height:2.4!important}
html.cny-a11y-ls-1 body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){letter-spacing:.06em!important}
html.cny-a11y-ls-2 body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){letter-spacing:.12em!important}
html.cny-a11y-ls-3 body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){letter-spacing:.2em!important}
html.cny-a11y-ws-1 body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){word-spacing:.16em!important}
html.cny-a11y-ws-2 body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){word-spacing:.32em!important}
html.cny-a11y-ws-3 body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){word-spacing:.5em!important}
html.cny-a11y-align-left body :is(p,li,h1,h2,h3,h4,h5,h6,div,td,th,blockquote):not(.cny-a11y-panel *){text-align:left!important}
html.cny-a11y-align-center body :is(p,li,h1,h2,h3,h4,h5,h6,div,td,th,blockquote):not(.cny-a11y-panel *){text-align:center!important}
html.cny-a11y-align-right body :is(p,li,h1,h2,h3,h4,h5,h6,div,td,th,blockquote):not(.cny-a11y-panel *){text-align:right!important}

html.cny-a11y-links body a:not(.cny-a11y-panel a):not(.cny-a11y-btn):not(.cny-a11y-skip){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;background:#fff3a0!important;color:#0b2a6f!important;box-shadow:0 0 0 2px #fff3a0!important;border-radius:2px}
html.cny-a11y-titles body :is(h1,h2,h3,h4,h5,h6):not(.cny-a11y-panel *){outline:3px solid #ffb400!important;outline-offset:3px!important;background:#fff8dc!important;color:#111!important}
html.cny-a11y-focus body :is(a,button,input,select,textarea,[tabindex]):focus{outline:4px solid #ff6a00!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(255,255,255,.9)!important}

html.cny-a11y-cursor,html.cny-a11y-cursor body,html.cny-a11y-cursor body *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l15 11-6 1 4 7-3 1-4-7-5 4z' fill='%23000' stroke='%23fff' stroke-width='1.3'/></svg>") 4 2,auto!important}
html.cny-a11y-cursor body :is(a,button,[role=button],input[type=submit],label,select){cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M9 2a1.5 1.5 0 0 1 1.5 1.5V10h1V6a1.5 1.5 0 0 1 3 0v4h1V7.5a1.5 1.5 0 0 1 3 0V10h1V9a1.5 1.5 0 0 1 3 0v6.5c0 3.6-2.9 6.5-6.5 6.5H13c-2.2 0-4.2-1.1-5.4-2.9L3.4 13a1.6 1.6 0 0 1 2.6-1.9L7.5 13V3.5A1.5 1.5 0 0 1 9 2z' fill='%23000' stroke='%23fff' stroke-width='1.2'/></svg>") 10 2,pointer!important}

html.cny-a11y-noanim *,html.cny-a11y-noanim *::before,html.cny-a11y-noanim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.cny-a11y-noimg body :is(img,picture,svg:not(.cny-a11y-btn svg):not(.cny-a11y-panel svg),video,iframe,canvas,figure):not(.cny-a11y-panel *):not(.cny-a11y-btn *){visibility:hidden!important}
html.cny-a11y-noimg body *:not(.cny-a11y-panel):not(.cny-a11y-panel *){background-image:none!important}

/* contrast */
html.cny-a11y-contrast-dark body,html.cny-a11y-contrast-dark body *:not(.cny-a11y-panel):not(.cny-a11y-panel *):not(.cny-a11y-btn):not(.cny-a11y-btn *):not(img):not(video):not(svg):not(svg *):not(iframe){background-color:#0d0d0f!important;background-image:none!important;color:#f5f5f5!important;border-color:#5a5a66!important;text-shadow:none!important;box-shadow:none!important}
html.cny-a11y-contrast-dark body a:not(.cny-a11y-panel a):not(.cny-a11y-btn){color:#ffd84d!important;text-decoration:underline!important}
html.cny-a11y-contrast-dark body :is(h1,h2,h3,h4,h5,h6):not(.cny-a11y-panel *){color:#fff!important}
html.cny-a11y-contrast-dark body :is(button,input[type=submit],input[type=button],.button,.btn):not(.cny-a11y-panel *):not(.cny-a11y-btn){background-color:#ffd84d!important;color:#000!important;border-color:#ffd84d!important}
html.cny-a11y-contrast-light body,html.cny-a11y-contrast-light body *:not(.cny-a11y-panel):not(.cny-a11y-panel *):not(.cny-a11y-btn):not(.cny-a11y-btn *):not(img):not(video):not(svg):not(svg *):not(iframe){background-color:#fff!important;background-image:none!important;color:#000!important;border-color:#333!important;text-shadow:none!important;box-shadow:none!important}
html.cny-a11y-contrast-light body a:not(.cny-a11y-panel a):not(.cny-a11y-btn){color:#0000c8!important;text-decoration:underline!important}
html.cny-a11y-contrast-light body :is(button,input[type=submit],input[type=button],.button,.btn):not(.cny-a11y-panel *):not(.cny-a11y-btn){background-color:#000!important;color:#fff!important;border-color:#000!important}
html.cny-a11y-contrast-invert{filter:invert(1) hue-rotate(180deg)}
html.cny-a11y-contrast-invert body :is(img,video,picture,iframe,canvas):not(.cny-a11y-panel *){filter:invert(1) hue-rotate(180deg)}
html.cny-a11y-contrast-invert .cny-a11y-panel,html.cny-a11y-contrast-invert .cny-a11y-btn{filter:invert(1) hue-rotate(180deg)}
html.cny-a11y-sat-gray body>*:not(.cny-a11y-panel):not(.cny-a11y-btn){filter:grayscale(1)!important}
html.cny-a11y-sat-low body>*:not(.cny-a11y-panel):not(.cny-a11y-btn){filter:saturate(.45)!important}
html.cny-a11y-sat-high body>*:not(.cny-a11y-panel):not(.cny-a11y-btn){filter:saturate(1.9)!important}
html.cny-a11y-sat-gray body .cny-a11y-btn,html.cny-a11y-sat-low body .cny-a11y-btn,html.cny-a11y-sat-high body .cny-a11y-btn{filter:none!important}

/* ghid de citire + mască */
.cny-a11y-guide{position:fixed;left:0;right:0;height:10px;background:var(--cny-a11y-accent);opacity:.75;pointer-events:none;z-index:calc(var(--cny-a11y-z) - 1);transform:translateY(-50%);box-shadow:0 0 0 2px rgba(255,255,255,.5)}
.cny-a11y-mask{position:fixed;left:0;right:0;background:rgba(0,0,0,.72);pointer-events:none;z-index:calc(var(--cny-a11y-z) - 1)}
.cny-a11y-mask-top{top:0}
.cny-a11y-mask-bottom{bottom:0}

/* citire cu voce: elementul curent */
.cny-a11y-reading{outline:3px dashed var(--cny-a11y-accent)!important;outline-offset:2px!important}
html.cny-a11y-tts body :is(p,h1,h2,h3,h4,h5,h6,li,a,button,td,th,label,blockquote,figcaption,span):not(.cny-a11y-panel *):hover{outline:2px dotted var(--cny-a11y-accent);outline-offset:2px;cursor:help}
