/* Shared accessibility layer: loaded after each page's own <style>. */

:root{--gold-text:#7A5F2E;--gray-light:#5F6673;--focus-dark:#0B1F33;--focus-gold:#C2A878;--err:#FFB3A7}

/* ---- Focus indicator (two-tone ring readable on light and dark backgrounds) ---- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,
.form-g input:focus-visible,.form-g textarea:focus-visible{
  outline:2px solid var(--focus-dark);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-gold);
}
.skip-link:focus-visible{box-shadow:none}

/* ---- Mobile menu: closed menu is removed from tab order and the accessibility tree ---- */
.mob-nav:not(.open){visibility:hidden}
.mob-nav{transition:transform .35s var(--ease,cubic-bezier(0.4,0,0.2,1)),visibility 0s linear .35s}
.mob-nav.open{visibility:visible;transition:transform .35s var(--ease,cubic-bezier(0.4,0,0.2,1)),visibility 0s}

/* ---- Contrast: gold text on light backgrounds ---- */
.why-us .overline,.about .overline,.articles .overline,.faqp-hero .overline,
.prc-articles .section-overline,.prc-subsec-divider .overline,.acat,.pcard-lnk,.why-check,.faqp-sec-num,.arc-cat,.arc-read{color:var(--gold-text)}

/* ---- Contrast: text on dark backgrounds ---- */
.breadcrumb a{color:rgba(248,247,244,.62)}
.breadcrumb span{color:rgba(248,247,244,.55)}
.art-hero-meta{color:rgba(248,247,244,.62)}
.cdet-lbl{color:rgba(248,247,244,.6)}
.form-g label{color:rgba(248,247,244,.66)}
.ftr-tagline,.ftr-links a,.ftr-citem span,.ftr-citem a,.ftr-copy,.ftr-legal a{color:rgba(248,247,244,.58)}
.ftr-links a:hover,.ftr-citem a:hover{color:var(--white,#F8F7F4)}
.ftr-legal a:hover{color:rgba(248,247,244,.9)}

/* ---- Form fields ---- */
.form-g input,.form-g textarea{border-color:rgba(194,168,120,.6)}
.form-g input[aria-invalid="true"],.form-g textarea[aria-invalid="true"]{border-color:var(--err);border-width:2px}
.form-err{margin-bottom:.5rem;color:var(--err);font-family:var(--font-h,'Assistant',sans-serif);font-size:.875rem;font-weight:600;line-height:1.5}
.form-msg{border-radius:var(--radius,2px);padding:1rem 1.25rem;font-family:var(--font-h,'Assistant',sans-serif);font-weight:700;line-height:1.6}
.form-msg--err{color:var(--err);border:1px solid var(--err);background:rgba(255,179,167,.08)}
.form-status{color:rgba(248,247,244,.85);font-size:.95rem;min-height:1.4em}
.form-success:focus{outline:none}
.form-msg:focus{outline:none}

/* ---- Hero video pause/play control ---- */
.hero-video-toggle{position:absolute;inset-block-end:1.25rem;inset-inline-end:1.25rem;z-index:3;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(11,31,51,.78);color:#F8F7F4;border:1px solid rgba(248,247,244,.6);cursor:pointer;transition:background .25s,border-color .25s}
.hero-video-toggle:hover{background:#0B1F33;border-color:var(--focus-gold)}
.hero-video-toggle svg{width:20px;height:20px;display:block}
.hero-video-toggle .ico-play{display:none}
.hero-video-toggle[data-state="paused"] .ico-pause{display:none}
.hero-video-toggle[data-state="paused"] .ico-play{display:block}

.btn[aria-disabled="true"]{opacity:.7;cursor:progress}

/* ======================================================================
   Accessibility toolbar (סרגל נגישות)
   ====================================================================== */
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle{inset-inline-end:auto;inset-inline-start:1.25rem}

.a11y-toggle{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:900;display:inline-flex;align-items:center;gap:.5rem;height:48px;padding:0 1.1rem 0 .9rem;border-radius:24px;background:#0B1F33;color:#F8F7F4;border:1px solid #C2A878;font:700 15px/1 'Assistant',Arial,sans-serif;cursor:pointer;box-shadow:0 4px 18px rgba(11,31,51,.35)}
.a11y-toggle:hover{background:#13304d}
.a11y-toggle svg{width:24px;height:24px;flex:none}
.a11y-panel{position:fixed;inset-inline-end:1rem;bottom:4.5rem;z-index:950;width:min(340px,calc(100vw - 2rem));max-height:calc(100vh - 6rem);max-height:calc(100dvh - 6rem);overflow-y:auto;box-sizing:border-box;padding:1rem 1rem 1.1rem;background:#0B1F33;color:#F8F7F4;border:1px solid #C2A878;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.45);font:400 16px/1.5 'Assistant',Arial,sans-serif;direction:rtl;text-align:start}
.a11y-panel[hidden]{display:none}
.a11y-panel *{box-sizing:border-box}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.a11y-title{margin:0;font:800 18px/1.3 'Assistant',Arial,sans-serif;color:#F8F7F4}
.a11y-close{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(248,247,244,.6);border-radius:50%;background:transparent;color:#F8F7F4;cursor:pointer}
.a11y-close svg{width:18px;height:18px}
.a11y-group{margin:0 0 .9rem;padding:0;border:0}
.a11y-group-label{display:block;margin:0 0 .4rem;padding:0;font:700 14px/1.3 'Assistant',Arial,sans-serif;color:#E3C998}
.a11y-size-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}
.a11y-size-now{margin:.4rem 0 0;font-size:14px;color:rgba(248,247,244,.85)}
.a11y-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;padding:.45rem .7rem;border:1.5px solid rgba(248,247,244,.6);border-radius:3px;background:transparent;color:#F8F7F4;font:700 15px/1.25 'Assistant',Arial,sans-serif;text-align:center;cursor:pointer}
.a11y-btn:hover{background:rgba(248,247,244,.1);border-color:#F8F7F4}
.a11y-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.a11y-opt{justify-content:space-between;margin-bottom:.4rem}
.a11y-opt .a11y-state{flex:none;padding:.1rem .5rem;border-radius:10px;border:1px solid rgba(248,247,244,.6);font-size:13px;font-weight:700}
.a11y-opt[aria-pressed="true"]{background:#C2A878;border-color:#C2A878;color:#0B1F33}
.a11y-opt[aria-pressed="true"] .a11y-state{border-color:#0B1F33}
.a11y-reset{margin-top:.25rem;border-color:#C2A878}
.a11y-note{margin:.8rem 0 0;font-size:13px;line-height:1.5;color:rgba(248,247,244,.8)}
.a11y-note a{color:#E3C998;text-decoration:underline}
.a11y-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- Option: larger/smaller text is applied through the root font-size ---- */

/* ---- Option: readable font ---- */
html.a11y-readable body,html.a11y-readable body *{font-family:Arial,Tahoma,"Segoe UI",Helvetica,sans-serif!important;letter-spacing:normal!important}

/* ---- Option: link emphasis ---- */
html.a11y-links a:not(.logo):not(.skip-link){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:.2em!important}
html.a11y-links .legal-section a,html.a11y-links .ftr-links a,html.a11y-links .nav-links a{border-bottom-color:transparent!important}

/* ---- Option: stop animations ---- */
html.a11y-no-motion,html.a11y-no-motion body{scroll-behavior:auto!important}
html.a11y-no-motion *,html.a11y-no-motion *::before,html.a11y-no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-no-motion .reveal{opacity:1!important;transform:none!important}
html.a11y-no-motion .bi-inner{opacity:1!important;transform:none!important}
html.a11y-no-motion #brand-intro{display:none!important}
html.a11y-no-motion a:hover,html.a11y-no-motion button:hover,html.a11y-no-motion .pcard:hover,html.a11y-no-motion .acard:hover,html.a11y-no-motion .tcard:hover,html.a11y-no-motion .arc:hover{transform:none!important}

/* ---- Option: increased contrast ---- */
html.a11y-contrast{--navy:#000;--navy-dark:#000;--navy-90:#000;--white:#fff;--gold:#FFE066;--gold-text:#3D2C00;--gray:#000;--gray-light:#1A1A1A;--border:#6B6B6B;--gold-dim:rgba(0,0,0,.08);--err:#FFC9C0;--focus-dark:#000;--focus-gold:#FFE066}
html.a11y-contrast #hdr{background:#fff;border-bottom:2px solid #000}
html.a11y-contrast #hdr :is(.nav-links a,.hdr-phone,.logo-name,.logo-name::after){color:#000!important}
html.a11y-contrast :is(.practice,.articles,.prc-articles,.legal-body,.art-body){background:#fff}
html.a11y-contrast :is(.hero,.contact,footer,.legal-hero,.art-hero,.prc-hero,.mob-nav,.prc-cta,.art-practice-cta,.faqp-cta){background-color:#000}
html.a11y-contrast :is(.hero,.contact,footer,.legal-hero,.art-hero,.prc-hero,.mob-nav,.prc-cta,.art-practice-cta,.faqp-cta) :is(h1,h2,h3,h4,p,span,li,label,strong,time,small,div,a):not(.btn):not(.a11y-state){color:#fff!important;text-shadow:none!important}
html.a11y-contrast :is(.hero,.contact,footer,.legal-hero,.art-hero,.prc-hero,.mob-nav,.prc-cta,.art-practice-cta,.faqp-cta) :is(.overline,.section-overline,.ftr-col-title,.hero-dot){color:var(--gold)!important}
html.a11y-contrast .hero-visual::after{background:rgba(0,0,0,.72)}
html.a11y-contrast .hero-visual::before{display:none}
html.a11y-contrast .btn-gold{background:var(--gold);color:#000!important;border-color:var(--gold)}
html.a11y-contrast .btn-outline-white{border:2px solid #fff;color:#fff!important}
html.a11y-contrast .btn-outline-navy{border:2px solid #000;color:#000!important}
html.a11y-contrast #hdr .hdr-contact-btn{background:#000;color:#fff!important;border-color:#000}
html.a11y-contrast .form-g input,html.a11y-contrast .form-g textarea{background:#000;color:#fff;border:2px solid #fff}
html.a11y-contrast .form-g label{color:#fff}
html.a11y-contrast .pcard,html.a11y-contrast .acard,html.a11y-contrast .arc,html.a11y-contrast .tcard{border:2px solid #000}
html.a11y-contrast .legal-section a{color:#000;border-bottom-color:#000}
html.a11y-contrast .breadcrumb a,html.a11y-contrast .breadcrumb span{color:#fff!important}
html.a11y-contrast .form-success{color:#fff;background:#000;border-color:#fff}
html.a11y-contrast .a11y-toggle,html.a11y-contrast .a11y-panel{background:#000;border:2px solid #FFE066;color:#fff}
html.a11y-contrast .a11y-title,html.a11y-contrast .a11y-note,html.a11y-contrast .a11y-size-now{color:#fff}
html.a11y-contrast .a11y-group-label,html.a11y-contrast .a11y-note a{color:#FFE066}
html.a11y-contrast .a11y-btn,html.a11y-contrast .a11y-close{border:2px solid #fff;color:#fff;background:#000}
html.a11y-contrast .a11y-opt[aria-pressed="true"]{background:#FFE066;border-color:#FFE066;color:#000}
html.a11y-contrast .a11y-opt[aria-pressed="true"] .a11y-state{border-color:#000;color:#000}
html.a11y-contrast :is(.pcard-ico,.trust-ico,.faqp-ico,.faqp-sec-ico,.why-check){color:var(--gold-text)}
html.a11y-contrast .pcard:hover :is(.pcard-ico){color:var(--gold)}

/* ---- Larger text: allow wrapping so layouts do not overflow ---- */
html.a11y-zoom .btn{white-space:normal;text-align:center}
html.a11y-zoom :is(h1,h2,h3,h4,p,li,a,span,td,th){overflow-wrap:break-word}
html.a11y-zoom .hero-sub{white-space:normal}
html.a11y-zoom .tcard-photo-large{width:min(365px,calc(100vw - 5rem))!important}
html.a11y-zoom .form-g input,html.a11y-zoom .form-g textarea{width:100%;min-width:0;box-sizing:border-box}
html.a11y-zoom .contact-form,html.a11y-zoom .form-g,html.a11y-zoom .form-row{min-width:0}

/* ---- Utilities ---- */
.a11y-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
h2.ftr-col-title{line-height:normal}
.skip-link{position:absolute;top:0;inset-inline-start:0;background:#0B1F33;color:#F8F7F4;padding:.65rem 1.15rem;z-index:2000;transform:translateY(-130%);transition:transform .2s ease;font-family:'Assistant',Arial,sans-serif;font-weight:700;font-size:.9rem;border-radius:0 0 3px 0}
.skip-link:focus{transform:translateY(0)}

/* ---- FAQ accordion: closed answers are removed from the accessibility tree and tab order ---- */
.faq-a{visibility:hidden;transition:max-height .4s var(--ease,cubic-bezier(0.4,0,0.2,1)),visibility 0s linear .4s}
.faq-item.open .faq-a{visibility:visible;transition:max-height .4s var(--ease,cubic-bezier(0.4,0,0.2,1)),visibility 0s}

/* ---- Comparison tables inside a horizontally scrollable region ---- */
.art-compare-wrap[tabindex]:focus-visible{outline:2px solid var(--focus-dark);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-gold)}

/* ---- Skip link target: visible focus on the page's main heading ---- */
.a11y-skip-target:focus{outline:2px solid var(--focus-dark);outline-offset:6px;box-shadow:0 0 0 8px var(--focus-gold)}
