/* =========================================================
   NETA — accessibility toolbar support (AccessibleWP)
   ---------------------------------------------------------
   The toolbar plugin switches modes by adding classes to
   <body>. Its own rules are plain (no !important) so the
   theme's component CSS used to win and several modes did
   nothing visible. These rules apply ONLY while a mode is
   on, win over the theme, and never touch icon fonts
   (Boxicons .bx, the toolbar's .material-icons) or the
   toolbar itself.
========================================================= */

/* ---------- Toolbar button: bottom corner, opposite WhatsApp ----------
   The plugin pins it near the top-left, where it covers
   headings while the page scrolls. It goes to a bottom corner
   instead — whichever one the WhatsApp button (Social Chat
   plugin) is NOT using, so the two never sit on each other.
   Default: bottom-left (WhatsApp bottom-right). */

#acwp-toolbar-btn-wrap {
    top: auto !important;
    right: auto !important;
    bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    left: 16px !important;
}

body:has(.qlwapp__container--bottom-left, .qlwapp__container--middle-left) #acwp-toolbar-btn-wrap {
    left: auto !important;
    right: 16px !important;
}

/* ---------- Readable font ---------- */

body.acwp-readable:not(.acwp-readable-custom):not(.acwp-readable-tahoma),
body.acwp-readable:not(.acwp-readable-custom):not(.acwp-readable-tahoma) *:not(.bx):not(.material-icons):not(#acwp-toolbar *) {
    font-family: Arial, "Helvetica Neue", sans-serif !important;
}

body.acwp-readable.acwp-readable-tahoma,
body.acwp-readable.acwp-readable-tahoma *:not(.bx):not(.material-icons):not(#acwp-toolbar *) {
    font-family: Tahoma, Arial, sans-serif !important;
}

/* ---------- Highlight links and buttons ---------- */

body.acwp-underline :is(a, button):not(#acwp-toolbar *):not(#acwp-toolbar-btn) {
    color: #000 !important;
    background-color: #ffe901 !important;
    text-decoration: underline !important;
    box-shadow: 0 0 0 2px #ffe901 !important;
}

body.acwp-underline :is(a, button):not(#acwp-toolbar *) :is(span, i, svg, strong) {
    color: inherit !important;
}

/* ---------- High contrast ---------- */

body.acwp-contrast:not(.acwp-contrast-custom) :is(a, button):not(#acwp-toolbar *):not(#acwp-toolbar-btn) {
    color: #ffe901 !important;
    background-color: #000 !important;
    border-color: currentColor !important;
}

body.acwp-contrast:not(.acwp-contrast-custom) :is(a, button):not(#acwp-toolbar *) :is(span, i, svg, strong) {
    color: inherit !important;
}

body.acwp-contrast:not(.acwp-contrast-custom) :is(input, textarea, select):not(#acwp-toolbar *) {
    color: #fff !important;
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

body.acwp-contrast:not(.acwp-contrast-custom) :is(input, textarea)::placeholder {
    color: #d9d9d9 !important;
    opacity: 1 !important;
}

/* The logo melts its grey square away with mix-blend-mode: multiply,
   which would turn it invisible on the black contrast background. */
body.acwp-contrast:not(.acwp-contrast-custom) :is(img, .neta2026-site-header__logo) {
    mix-blend-mode: normal !important;
}