/* ===== החלפת שפה ===== */
.lang-switch{display:flex;gap:3px;border:1px solid rgba(202,167,93,.45);border-radius:999px;padding:3px}
.lang-switch button{background:none;border:none;color:#cfd5ea;font-family:inherit;font-weight:700;font-size:.8rem;padding:5px 11px;border-radius:999px;cursor:pointer;transition:.15s}
.lang-switch button:hover{color:#ecd49a}
.lang-switch button.on{background:linear-gradient(180deg,#ecd49a,#caa75d);color:#2a2008}

/* ===== נגישות ===== */
.a11y-fab{position:fixed;left:18px;bottom:18px;z-index:120;width:56px;height:56px;border-radius:50%;background:#1657b8;color:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.a11y-fab:hover{transform:scale(1.06)}
.a11y-fab svg{width:32px;height:32px}
.a11y-panel{position:fixed;left:18px;bottom:84px;z-index:121;width:308px;max-width:90vw;background:#0f1a3a;border:1px solid rgba(202,167,93,.5);border-radius:16px;padding:18px;display:none;box-shadow:0 20px 50px rgba(0,0,0,.55);color:#f7f1e3;max-height:82vh;overflow:auto}
.a11y-panel.open{display:block}
.a11y-panel h4{font-family:'Suez One',serif;color:#ecd49a;margin:0 0 12px;font-size:1.15rem}
.a11y-panel .opt{display:flex;align-items:center;gap:8px;width:100%;text-align:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#f7f1e3;border-radius:10px;padding:10px 12px;margin-bottom:7px;cursor:pointer;font-family:inherit;font-size:.9rem}
.a11y-panel .opt:hover{border-color:rgba(202,167,93,.6)}
.a11y-panel .opt.on{border-color:#caa75d;background:rgba(202,167,93,.18)}
.a11y-panel .reset{color:#ff9a9a;background:none;border:none;cursor:pointer;font-family:inherit;margin-top:6px;width:100%;text-align:center;padding:8px}
.a11y-panel .stmt{display:block;color:#9fb0d8;font-size:.8rem;margin-top:6px;text-align:center;background:none;border:none;cursor:pointer;width:100%}
.skip{position:absolute;right:-9999px;top:0;z-index:300;background:#caa75d;color:#2a2008;padding:10px 18px;font-weight:700;border-radius:0 0 10px 10px}
.skip:focus{right:12px}

/* ===== מצבי נגישות ===== */
body.a11y-big{font-size:119%}
body.a11y-links a{text-decoration:underline !important}
body.a11y-readable,body.a11y-readable *{font-family:Arial,"Segoe UI",sans-serif !important;letter-spacing:.3px !important}
body.a11y-nomotion *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
:focus-visible{outline:3px solid #5b9cff !important;outline-offset:2px}
/* כפתורים צפים (וואטסאפ/חיוג) עוברים לימין כדי לפנות מקום לנגישות בשמאל */
body .floats{left:auto;right:18px}

/* ===== תאימות מובייל ===== */
@media(max-width:600px){
  header.top .wrap{height:60px !important;padding:6px 12px !important;gap:8px;flex-wrap:nowrap}
  .brand b,.brand small{display:none !important}
  .logo-slot img{height:42px !important}
  .lang-switch{flex:none}
  .lang-switch button{padding:4px 8px !important;font-size:.72rem !important}
  header.top .cta,header.top .back{padding:7px 12px !important;font-size:.8rem !important;white-space:nowrap;flex:none}
  .hero{height:78vh !important;min-height:480px !important}
  .box{overflow-x:auto}
  .main{padding:20px 14px !important}
  .day .plus{display:none !important}
  .feat-box{width:min(78vw,290px) !important;height:min(44vh,280px) !important}
  .feat-lbl{font-size:1rem !important}
  .a11y-panel{width:84vw !important}
  .a11y-fab,.float{width:48px !important;height:48px !important}
  .floats{bottom:12px;right:12px}
  .a11y-fab{left:12px;bottom:12px}
  #luach,#timesSec,#gatesSec{scroll-margin-top:118px}

  /* לוח השנה בנייד — תאים קומפקטיים ומסודרים */
  .cal{padding:12px 8px !important;border-radius:14px !important}
  .cal .dow,.cal .grid{gap:4px !important}
  .cal .dow div{font-size:.68rem !important;padding-bottom:4px !important}
  .cal .monthbar{margin-bottom:10px !important}
  .cal .monthbar b{font-size:1.02rem !important;letter-spacing:0 !important}
  .cal .navb{padding:5px 9px !important;font-size:.74rem !important}
  .day{border-radius:7px !important;padding:2px !important}
  .day .n{font-size:.82rem !important}
  .day.locked .crown-s{width:10px !important;height:10px !important}
  .day.locked .n{font-size:.68rem !important}
  .day.locked .ded,.day.hasded .ded{font-size:.46rem !important;-webkit-line-clamp:1 !important;line-height:1.15 !important}
  .luach .legend{font-size:.8rem !important;gap:12px !important}
  .cal .therm .lab{font-size:.76rem !important}
}
