/* רכיבים משותפים: נגישות, הודעת עוגיות, שורת קישורים משפטיים */
.skip-link{position:fixed;top:-60px;inset-inline-start:12px;z-index:100;padding:10px 16px;border-radius:10px;background:#0F3A49;color:#F3DFAF;font-weight:600;text-decoration:none;transition:top .2s}
.skip-link:focus{top:12px;outline:3px solid #D6B46A}
main:focus{outline:none}

.legal-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:22px 0 4px;padding-top:14px;border-top:1px solid #E3E8EA;font-size:.84rem}
.legal-bar a{color:#3E4D53;text-decoration:none}
.legal-bar a:hover,.legal-bar a:focus-visible{color:#16566B;text-decoration:underline}

.a11y-btn{position:fixed;z-index:70;bottom:18px;inset-inline-end:18px;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;background:#0F3A49;color:#F1DDAA;box-shadow:0 12px 28px -10px rgba(10,44,56,.8);transition:transform .2s}
.a11y-btn:hover{transform:scale(1.06)}
.a11y-btn:focus-visible{outline:3px solid #D6B46A;outline-offset:3px}
.a11y-btn svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.a11y-btn svg circle{fill:currentColor;stroke:none}
.a11y-panel{position:fixed;z-index:71;bottom:80px;inset-inline-end:18px;width:min(290px,calc(100vw - 36px));padding:16px;border-radius:18px;background:#fff;color:#122127;
  border:1px solid #E3E8EA;box-shadow:0 24px 60px -20px rgba(10,44,56,.6);font-family:inherit;font-size:15px}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.a11y-head b{font-size:1.05rem}
.a11y-x{border:0;background:#F3F5F6;border-radius:8px;width:30px;height:30px;cursor:pointer;font:inherit}
.a11y-size{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.a11y-size span{flex:1}
.a11y-size button{border:1px solid #DCE3E5;background:#fff;border-radius:10px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer}
.a11y-size output{min-width:46px;text-align:center;font-variant-numeric:tabular-nums}
.a11y-panel label{display:flex;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid #EEF1F2;cursor:pointer}
.a11y-panel input{width:18px;height:18px;accent-color:#16566B}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;border-top:1px solid #EEF1F2}
.a11y-foot button{border:0;background:#F3F5F6;border-radius:10px;padding:7px 14px;font:inherit;cursor:pointer}
.a11y-foot a{color:#16566B;font-weight:600}
.a11y-panel button:focus-visible,.a11y-panel input:focus-visible,.a11y-panel a:focus-visible{outline:3px solid #D6B46A;outline-offset:2px}

.cookie-note{position:fixed;z-index:69;bottom:18px;inset-inline-start:18px;max-width:min(460px,calc(100vw - 100px));display:flex;align-items:center;gap:14px;
  padding:14px 16px;border-radius:16px;background:#fff;color:#122127;border:1px solid #E3E8EA;box-shadow:0 20px 50px -20px rgba(10,44,56,.55);font-size:.88rem;line-height:1.6}
.cookie-note p{margin:0}
.cookie-note a{color:#16566B;font-weight:600}
.cookie-note button{flex:none;border:0;border-radius:12px;padding:10px 16px;background:#0F3A49;color:#F3DFAF;font:inherit;font-weight:600;cursor:pointer}
.cookie-note button:focus-visible{outline:3px solid #D6B46A;outline-offset:2px}
@media (max-width:560px){.cookie-note{inset-inline:12px;bottom:80px;max-width:none;flex-direction:column;align-items:stretch}}

/* מצבי נגישות */
html.a11y-contrast body{background:#fff !important;color:#000 !important}
html.a11y-contrast *{text-shadow:none !important;box-shadow:none !important}
html.a11y-contrast a{color:#0000C8 !important}
html.a11y-contrast .rail,html.a11y-contrast .hero,html.a11y-contrast .top,html.a11y-contrast .topbar{background:#000 !important}
html.a11y-contrast .card,html.a11y-contrast .panel,html.a11y-contrast .kpi,html.a11y-contrast .board{border:2px solid #000 !important}
html.a11y-links a{text-decoration:underline !important;text-underline-offset:3px}
html.a11y-links a:not(.a11y-btn){outline:2px dashed #C49A45;outline-offset:2px}
html.a11y-readable body,html.a11y-readable body *{font-family:Arial,"Segoe UI",sans-serif !important;letter-spacing:.01em}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
@media print{.a11y-btn,.a11y-panel,.cookie-note,.skip-link{display:none !important}}