/* 1. Definim Fonturile Corect */
@font-face {
    font-family: 'OpenDyslexicCustom';
    src: url('/user/themes/editorial/assets/accessibility/fonts/OpenDyslexic-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenDyslexicCustom';
    src: url('/user/themes/editorial/assets/accessibility/fonts/OpenDyslexic-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* 2. Fix pentru Alb-Negru (Monochrome) - Aplicat pe HTML ca sa nu sara pagina */
html.acc-monochrome { 
    filter: grayscale(100%) !important; 
    -webkit-filter: grayscale(100%) !important;
}

/* 3. Dyslexia Font - Protectia iconitelor */
body.acc-dyslexia, 
body.acc-dyslexia *:not(i):not([class*="fa-"]) { 
    font-family: 'OpenDyslexicCustom', sans-serif !important; 
}

/* 4. Widget UI - Bulletproof */
.acc-btn-float {
    position: fixed !important; bottom: 20px !important; right: 20px !important; z-index: 9999 !important;
    width: 60px !important; height: 60px !important; min-width: 0 !important; border-radius: 50% !important;
    background-color: #f56a6a !important; color: #fff !important; border: none !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important; box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}
.acc-panel {
    display: none; position: fixed !important; bottom: 90px !important; right: 20px !important;
    width: 320px !important; max-width: 90vw !important; background: #fff !important; 
    border: 1px solid #ddd !important; border-radius: 12px !important; padding: 20px !important; z-index: 9999 !important;
}
.acc-panel.active { display: block !important; }
.acc-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.acc-option { 
    background: #f8f9fa !important; border: 1px solid #eee !important; padding: 10px 5px !important; 
    border-radius: 8px !important; cursor: pointer !important; text-align: center !important; 
    color: #3d4449 !important; font-size: 10px !important;
}
.acc-option.active { background: #3d4449 !important; color: #fff !important; }

/* 5. Alte Efecte */
body.acc-high-contrast { background: #000 !important; color: #ffff00 !important; }
body.acc-high-contrast * { background-color: #000 !important; color: #ffff00 !important; border-color: #ffff00 !important; }
body.acc-links-highlight a { background: #ffff00 !important; color: #000 !important; font-weight: bold !important; text-decoration: underline !important; }
body.acc-big-cursor, body.acc-big-cursor * { cursor: url('https://cur.cursors-4u.net/others/oth-5/oth474.cur'), auto !important; }
body.acc-stop-anim * { animation: none !important; transition: none !important; }