/* A single, keyboard-accessible panel, isolated from legacy Bootstrap styles. */
.ya-accessibility{--ya-panel:#fff;--ya-ink:#173c52;--ya-muted:#576f80;--ya-soft:#edf7fc;--ya-line:#cddfe9;--ya-accent:#08789f;direction:rtl;font:500 15px/1.6 Heebo,Tajawal,Arial,sans-serif}
[data-theme=dark] .ya-accessibility{--ya-panel:#142735;--ya-ink:#eff8ff;--ya-muted:#b8ccd9;--ya-soft:#203b4c;--ya-line:#466477;--ya-accent:#8dd9f1}
.ya-accessibility *{box-sizing:border-box}.ya-accessibility button,.ya-accessibility a{font:inherit;letter-spacing:0}.ya-launcher{position:fixed;left:auto;right:18px;top:calc(36% + 66px);bottom:auto;z-index:10010;display:grid;place-items:center;width:54px;height:54px;padding:0;border:1px solid #cce6f2;border-radius:19px;background:linear-gradient(145deg,#fff,#edfaff);color:#078bb7;box-shadow:0 6px 24px #176b921a;cursor:pointer;transition:transform .2s,box-shadow .2s}.ya-launcher svg,.ya-avatar svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ya-launcher svg circle,.ya-avatar svg circle{fill:currentColor;stroke:none}
dialog.ya-dialog{inset:auto auto calc(20px + env(safe-area-inset-bottom,0px)) 20px;width:410px;max-width:calc(100% - 40px);max-height:calc(100dvh - 40px);margin:0;padding:0;border:1px solid var(--ya-line);border-radius:24px;background:var(--ya-panel);color:var(--ya-ink);box-shadow:0 24px 70px #18394b40;overflow:hidden;text-align:right;font:500 15px/1.6 Heebo,Tajawal,Arial,sans-serif}dialog.ya-dialog:not([open]){display:none}dialog.ya-dialog[open]{display:flex;flex-direction:column;animation:ya-enter .18s ease-out}.ya-dialog::backdrop{background:#152e4526;backdrop-filter:blur(2px)}.ya-header{display:flex;gap:10px;align-items:center;flex-shrink:0;padding:18px 15px;background:var(--ya-soft);border-bottom:1px solid var(--ya-line)}.ya-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:13px;background:#08789f;color:white}.ya-heading{flex:1;min-width:0}.ya-dialog .ya-heading h2{font:700 18px/1.4 Heebo,Tajawal,Arial,sans-serif;letter-spacing:0;margin:0;color:var(--ya-ink)}.ya-dialog .ya-heading p{font-size:12px;color:var(--ya-muted);line-height:1.6;margin:4px 0 0}.ya-language,.ya-close{min-height:40px;border:1px solid var(--ya-line);border-radius:10px;background:var(--ya-panel);color:var(--ya-ink);cursor:pointer;padding:6px 9px}.ya-language{font-size:12px!important}.ya-close{font-size:23px!important;line-height:1!important;width:36px}.ya-body{padding:18px;overflow-y:auto;overscroll-behavior:contain}.ya-body h3{font:700 14px/1.6 Heebo,Tajawal,Arial,sans-serif;margin:0 0 8px;color:var(--ya-ink)}.ya-size{display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--ya-soft);border:1px solid var(--ya-line);border-radius:13px;margin-bottom:15px;direction:rtl}.ya-size button{width:46px;height:42px;border:1px solid var(--ya-line);border-radius:10px;background:var(--ya-panel);color:var(--ya-ink);font-size:24px;cursor:pointer}.ya-size button:disabled{opacity:.4;cursor:default}.ya-size output{font:700 20px/1.5 Heebo,Arial,sans-serif;color:var(--ya-ink);padding:0;direction:ltr}.ya-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ya-option{display:grid;justify-items:center;gap:3px;min-height:103px;padding:10px 7px;border:1px solid var(--ya-line);border-radius:14px;background:var(--ya-panel);color:var(--ya-ink);cursor:pointer}.ya-option:hover{border-color:var(--ya-accent);background:var(--ya-soft)}.ya-option[aria-pressed=true]{border:2px solid var(--ya-accent);padding:9px 6px;background:var(--ya-soft)}.ya-symbol{font:700 25px/1.1 Arial,sans-serif;color:var(--ya-accent)}.ya-label{font-size:13px}.ya-state{font-size:11px;color:var(--ya-muted)}.ya-reset{width:100%;margin-top:16px;padding:11px;border:1px solid var(--ya-line);border-radius:12px;background:var(--ya-soft);color:var(--ya-ink);cursor:pointer}.ya-dialog .ya-note{font-size:11px;line-height:1.6;text-align:center;color:var(--ya-muted);margin:13px 0 6px}.ya-dialog .ya-contact{display:block;text-align:center;color:var(--ya-accent);font-size:13px;text-decoration:underline;text-underline-offset:3px}.ya-accessibility[lang=ar],.ya-dialog[lang=ar],.ya-dialog[lang=ar] :is(h2,h3,p,button,a){font-family:Tajawal,Arial,sans-serif!important}.ya-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ya-skip{position:fixed;top:10px;right:10px;transform:translateY(-200%);z-index:30000;background:#fff;color:#123e58;padding:12px 20px;border:2px solid #08789f;border-radius:10px;font:700 16px/1.5 Arial,sans-serif}.ya-skip:focus{transform:none}body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #cb7600!important;outline-offset:3px!important}
/* Optional reading adjustments. The panel remains operable at every setting. */
html.ya-links body a:not(.ya-accessibility a){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}
html.ya-readable body :not(#ya-accessibility,#ya-accessibility *,script,style,svg,svg *,i,.fa,.fas,.far,.fab,.glyphicon){font-family:Arial,Tajawal,sans-serif!important}
html.ya-contrast body,html.ya-contrast body :not(#ya-accessibility,#ya-accessibility *,img,video,canvas,svg,svg *,iframe){background-color:#111!important;background-image:none!important;color:#fff!important;border-color:#ddd!important;text-shadow:none!important;box-shadow:none!important}
html.ya-contrast body a:not(#ya-accessibility a){color:#ffe66b!important}html.ya-contrast body input::placeholder,html.ya-contrast body textarea::placeholder{color:#ddd!important}
html.ya-images body :is(img,video,svg):not(#ya-accessibility *){filter:grayscale(1)!important}
html.ya-cursor body,html.ya-cursor body *:not(#ya-accessibility *){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M3 2v34l9-8 7 16 7-3-7-15 12-1Z' fill='black' stroke='white' stroke-width='3'/%3E%3C/svg%3E") 3 2,auto!important}
html.ya-motion *,html.ya-motion *::before,html.ya-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html.ya-motion .v-reveal{opacity:1!important;transform:none!important}
@keyframes ya-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:600px){.ya-launcher{left:auto;right:14px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:50px;height:50px}dialog.ya-dialog{inset:auto 10px calc(10px + env(safe-area-inset-bottom,0px)) 10px;width:auto;max-width:none;max-height:calc(100dvh - 20px - env(safe-area-inset-bottom,0px));border-radius:20px}.ya-header{gap:7px;padding:14px 11px}.ya-dialog .ya-heading h2{font-size:16px}.ya-avatar{width:34px;height:34px}.ya-body{padding:14px}.ya-option{min-height:96px}.ya-dialog .ya-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){dialog.ya-dialog[open]{animation:none}}
@media print{.ya-accessibility,.ya-skip{display:none!important}}

/* Accessibility and social links share a vertical rail, with clear space for chat. */
body:has(#ya-accessibility) .social-dock{z-index:10011}
body:has(#ya-accessibility) .social-rail{right:calc(100% + 12px);top:0;bottom:auto;max-width:calc(100vw - 92px);max-height:calc(100dvh - 40px);overflow-y:auto;transform-origin:top right}
body:has(#ya-accessibility) .social-dock::after{right:100%;top:0;bottom:auto;width:12px;height:100%}
@media(min-width:901px){dialog.ya-dialog{left:auto;right:18px}}
@media(max-width:900px){
 body:has(#ya-accessibility) .social-dock{right:14px;top:auto;bottom:calc(144px + env(safe-area-inset-bottom,0px))}
 .ya-launcher{left:auto;right:14px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:50px;height:50px}
 body:has(#ya-accessibility) .social-rail{top:auto;bottom:0;max-height:calc(100dvh - 164px);transform-origin:bottom right}
}
@media(max-height:580px) and (min-width:901px){.ya-launcher{top:146px}}

/* Match the links button while keeping the recognizable accessibility symbol. */
.ya-launcher svg{width:25px;height:25px}
.ya-launcher:hover,.ya-launcher[aria-expanded=true]{transform:translateY(-2px);box-shadow:0 9px 28px #079bd22a}
[data-theme=dark] .ya-launcher{color:#81dfff;background:linear-gradient(145deg,#20394b,#142433);border-color:#34576a}
@media(max-width:900px){.ya-launcher{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.ya-launcher{transition:none}}
