/* Styles for the estate-shared interface widgets: language selection, the accessibility and
   reading controls, and the screen-reader helper class. Kept out of the page body on purpose -
   a style element inside body has to be its parent's first child and every rule inside it has
   to sit in an @scope block, which browsers do not all support. The rules below are lifted
   from shared/ui by the patcher that introduced this file, so they are not maintained twice. */

/* moved from shared/ui/language_switcher.php so the page body carries no style element */
.alrotec-language-switcher{display:inline-flex;align-items:center;gap:.4rem}.alrotec-language-switcher select{font:inherit;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.45);border-radius:5px;background:rgba(255,255,255,.08);color:inherit}.alrotec-language-switcher option{color:#142840;background:#fff}.alrotec-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hagan-accessibility{max-width:1180px;margin:1.4rem auto;padding:1.1rem 1.25rem;border:1px solid #D8E4FB;border-left:4px solid #0B5CE6;border-radius:8px;background:#fff;color:#08182F;box-shadow:0 10px 28px rgba(8,39,91,.06)}
    .hagan-accessibility-copy h2{margin:.25rem 0 .35rem;font-size:1.25rem;line-height:1.2;color:#072450}
    .hagan-accessibility-copy p{max-width:780px;margin:0;color:#52627a}
    .hagan-kicker{color:#0B5CE6;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
    .hagan-accessibility-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
    .hagan-accessibility-controls button{min-height:40px;padding:.55rem .75rem;border:1px solid #A9C2EE;border-radius:7px;background:#EFF5FF;color:#072450;font:inherit;font-weight:800;cursor:pointer}
    .hagan-accessibility-controls button:hover,.hagan-accessibility-controls button:focus-visible{background:#DCE8FF;border-color:#0B5CE6;outline:3px solid rgba(11,92,230,.22);outline-offset:2px}
    .hagan-accessibility-controls button[aria-pressed=true]{background:#072450;color:#fff;border-color:#072450}
    .hagan-explanation{border-top:1px solid #D8E4FB;padding-top:.75rem}
    .hagan-explanation summary{cursor:pointer;color:#072450;font-weight:850}
    .hagan-explanation-body{margin-top:.8rem}
    .hagan-explanation dl{display:grid;gap:.55rem;margin:0}
    .hagan-explanation dl div{display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;gap:1rem;padding:.55rem .65rem;background:#f7faff;border-radius:6px}
    .hagan-explanation dt{font-weight:850;color:#072450}.hagan-explanation dd{margin:0;color:#475569}
    .hagan-braille-note{margin:.9rem 0 0;padding:.7rem .8rem;border-radius:6px;background:#f8fafc;color:#475569;font-size:.9rem}
    body.hagan-large{font-size:1.08em} body.hagan-contrast{filter:contrast(1.12)} body.hagan-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
    body.hagan-braille{font-size:1.08em} body.hagan-braille img[alt=""],body.hagan-braille [aria-hidden="true"]{display:none!important} body.hagan-braille .hagan-accessibility{border-left-width:6px}
    @media(max-width:680px){.hagan-explanation dl div{grid-template-columns:1fr;gap:.2rem}.hagan-accessibility{margin-left:1rem;margin-right:1rem}}
    @media(prefers-reduced-motion:reduce){body *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}