/* Mod accesibilitate — activat prin butonul din bara de sus. Se aplică doar cât timp are clasa .a11y. */ html.a11y, html.a11y body { background: #ffffff !important; color: #000000 !important; } html.a11y body { font-size: 18px !important; line-height: 1.6 !important; font-family: Arial, Helvetica, sans-serif !important; } html.a11y * { animation: none !important; transition: none !important; text-shadow: none !important; letter-spacing: normal !important; } html.a11y p, html.a11y li, html.a11y td, html.a11y dd, html.a11y dt, html.a11y span, html.a11y div { color: #000000 !important; line-height: 1.6 !important; } html.a11y h1 { font-size: 2.2em !important; } html.a11y h2 { font-size: 1.8em !important; } html.a11y h3 { font-size: 1.5em !important; } html.a11y h4 { font-size: 1.3em !important; } html.a11y h1, html.a11y h2, html.a11y h3, html.a11y h4, html.a11y h5, html.a11y h6 { color: #000000 !important; font-weight: 700 !important; } html.a11y a, html.a11y a:link { color: #0000cc !important; text-decoration: underline !important; } html.a11y a:visited { color: #551a8b !important; } html.a11y a:hover, html.a11y a:focus { color: #ffffff !important; background: #0000cc !important; text-decoration: underline !important; } html.a11y *:focus { outline: 3px solid #ff8c00 !important; outline-offset: 2px !important; } html.a11y button, html.a11y input, html.a11y select, html.a11y textarea { font-size: 1em !important; color: #000000 !important; background: #ffffff !important; border: 2px solid #000000 !important; } html.a11y img { filter: contrast(1.05); } /* Evidențiază butonul din bara de sus când accesibilitatea e activă */ html.a11y .a11y-toggle { background: #ff8c00 !important; color: #000000 !important; outline: 2px solid #000 !important; } /* Ascunde carusele/animații care pot deranja */ html.a11y .slick-dots, html.a11y .slick-arrow { display: none !important; } /* Skip link pentru navigare la conținut */ .a11y-skip-link { position: absolute; left: -9999px; top: 0; background: #000; color: #fff; padding: 8px 12px; z-index: 10000; text-decoration: underline; } .a11y-skip-link:focus { left: 8px; top: 8px; } /* Stil implicit pentru butonul de toggle din header (desktop) */ .a11y-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #1877d1; color: #ffffff; text-decoration: none; vertical-align: middle; font-size: 22px; line-height: 1; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 0 0 2px #1877d1; } .a11y-toggle:hover, .a11y-toggle:focus { background: #125ea8; color: #ffffff; box-shadow: 0 0 0 2px #125ea8; outline: none; } .a11y-toggle svg { width: 26px; height: 26px; fill: #ffffff; display: block; } .a11y-toggle svg path { fill: #ffffff; } /* Layout header: logo ocupă spațiul rămas, a11y-li + phone1 aliniate dreapta */ ul.buttons1 { display: flex !important; align-items: center; flex-wrap: nowrap; } ul.buttons1 > li { padding-left: 0; } ul.buttons1 li.logo-li { flex: 1 1 auto; min-width: 0; } ul.buttons1 li.a11y-li, ul.buttons1 li.phone1 { flex: 0 0 auto; width: auto; float: none; white-space: nowrap; } ul.buttons1 li.a11y-li { display: inline-flex; align-items: center; height: 120px; padding: 0 12px; margin-left: auto; }