/* XLX026_ACCESSIBILITY_LIGHT_V5E */

.universal-nav .xlx-a11y-menu-icon,
.xlx026-fixed-nav-v2 .xlx-a11y-menu-icon{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:38px;
 font-size:20px;
 line-height:1;
 text-decoration:none!important;
}

.xlx-a11y-mobile-icon{
 display:none;
 appearance:none;
 width:42px;
 height:40px;
 padding:0;
 border:1px solid rgba(75,214,255,.45);
 border-radius:8px;
 background:#071c28;
 color:#71e5ff;
 font-size:20px;
 cursor:pointer;
}

@media(max-width:1180px){

 section.universal-header{
  position:relative!important;
 }

 section.universal-header
 >.xlx-a11y-mobile-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:62px;
  top:50%;
  transform:translateY(-50%);
  z-index:50;
 }

 /*
  * Só esconde o ♿ dentro do menu ORIGINAL recolhido.
  * O clone do header fixo continua possuindo o ícone.
  */
 section.universal-header
 >.universal-nav
 .xlx-a11y-menu-icon{
  display:none!important;
 }
}

#xlxA11yV5E{
 position:fixed;
 top:76px;
 right:12px;
 z-index:2147483000;
 width:360px;
 max-width:calc(100vw - 24px);
 max-height:calc(100vh - 94px);
 overflow:auto;
 background:#071923;
 color:#eefaff;
 border:1px solid #32667c;
 border-radius:14px;
 box-shadow:0 18px 48px rgba(0,0,0,.55);
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
}

#xlxA11yV5E[hidden]{
 display:none!important;
}

.xlx-a11y-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:13px 14px;
 background:#0a2938;
 border-bottom:1px solid #28596e;
}

.xlx-a11y-head strong{
 font-size:16px;
}

#xlxA11yCloseV5E{
 width:38px;
 height:38px;
 border:1px solid #587d8e;
 border-radius:8px;
 background:#061720;
 color:#fff;
 font-size:22px;
 cursor:pointer;
}

.xlx-a11y-body{
 padding:14px;
}

.xlx-a11y-title{
 display:block;
 margin:13px 0 7px;
 color:#76e1ff;
 font-size:11px;
 font-weight:700;
 letter-spacing:1px;
 text-transform:uppercase;
}

.xlx-a11y-note{
 margin:0 0 9px;
 color:#b0cbd6;
 font-size:12px;
 line-height:1.45;
}

.xlx-a11y-option{
 width:100%;
 min-height:48px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin:7px 0;
 padding:9px 11px;
 border:1px solid #32657b;
 border-radius:9px;
 background:#0a202c;
 color:#f0fbff;
 font:inherit;
 font-weight:700;
 text-align:left;
 cursor:pointer;
}

.xlx-a11y-option::after{
 content:"OFF";
 min-width:44px;
 padding:4px 7px;
 border-radius:20px;
 background:#45565f;
 color:#fff;
 font-size:10px;
 text-align:center;
}

.xlx-a11y-option[aria-pressed="true"]{
 border-color:#24b57f;
}

.xlx-a11y-option[aria-pressed="true"]::after{
 content:"ON";
 background:#15875f;
}

#xlxA11yMasterV5E[aria-pressed="false"]{
 background:#2a151b;
 border-color:#bf4e60;
}

#xlxA11yMasterV5E[aria-pressed="false"]::after{
 content:"MUDO";
 background:#9d3045;
}

.xlx-a11y-action{
 width:100%;
 min-height:44px;
 margin:7px 0;
 border:1px solid #376d84;
 border-radius:8px;
 background:#0a2937;
 color:#fff;
 font:inherit;
 font-weight:700;
 cursor:pointer;
}

.xlx-a11y-font-row{
 display:flex;
 align-items:center;
 gap:7px;
}

.xlx-a11y-font-row button{
 min-width:52px;
 min-height:42px;
 border:1px solid #376d84;
 border-radius:8px;
 background:#0a2937;
 color:#fff;
 font-weight:700;
 cursor:pointer;
}

#xlxA11yFontValueV5E{
 flex:1;
 text-align:center;
 font-weight:700;
 color:#76e1ff;
}

html.xlx-a11y-links a{
 text-decoration:underline!important;
 text-decoration-thickness:2px!important;
 text-underline-offset:3px!important;
}

html.xlx-a11y-controls button,
html.xlx-a11y-controls input,
html.xlx-a11y-controls select,
html.xlx-a11y-controls textarea,
html.xlx-a11y-controls nav a{
 min-height:44px!important;
}

html.xlx-a11y-contrast body{
 filter:contrast(1.22);
}

html.xlx-a11y-motion *,
html.xlx-a11y-motion *::before,
html.xlx-a11y-motion *::after{
 transition-duration:.001ms!important;
 animation-duration:.001ms!important;
 animation-iteration-count:1!important;
}

html.xlx-a11y-focus a:focus,
html.xlx-a11y-focus button:focus,
html.xlx-a11y-focus input:focus,
html.xlx-a11y-focus select:focus{
 outline:3px solid #ffe34e!important;
 outline-offset:3px!important;
}

.txrx-sound-button{
 display:none!important;
}

.legacy-menu .xlx-a11y-menu-icon{
 display:inline-block;
 min-width:0;
 font-size:14px;
}

@media(max-width:600px){

 #xlxA11yV5E{
  top:68px;
  left:7px;
  right:7px;
  width:auto;
  max-width:none;
 }
}
