/*
————————————————————————————————————————————

CSS FILTERING

*** THIS IS ONLY AN EXAMPLE! ***
*** WE DON'T KNOW HOW TO ABSTRACT THIS, TO USE FOR DIFFERENT CASES, YOU NEED TO EDIT THE FILE ***

Revisions:
    20211228 trying, first on 🔗alike
    20211228 moved to 🔗css-filter-css

1) SIMPLE SELECT BY "CSS ATTRIBUTE WITH ASTERISK"
    →WORKS!
"""
a[href*="totalism"] {
    background: magenta !important;
    color: white !important;
"""

2) COLOR TOC ELEMENTS BY CONTENTS
    case with 🔗alike by country

3) FILTER THEM FOR REAL:
    case with 🔗ordering by symbols!

https://e2h.totalism.org/e2h.php?_=ordering&CSSPAD=css-filter

————————————————————————————————————————————
*/

/*
###THIS WORKS###
.paradiv:not([nick*="POWER" i]) {
    display: none !important;
}
.paradiv[nick*="POWER" i] {
    color: black !important;
    margin-top: 33px !important;
    margin-bottom: 33px !important;
    border: 10px red solid !important;
    padding: 25px !important;
}
*/

:root {
    --FILTEREDf : var(--C1);
}

a:not([href*="POWER"]) {
    display: none !important;
}
a[href*="POWER"] {
    color: black !important;
    color: var(--FILTEREDf) !important;
}
.paradiv:not([nick*="POWER"]) {
    display: none !important;
}
.paradiv[nick*="POWER" i] {
    color: black !important;
    margin-top: 133px !important;
    margin-bottom: 33px !important;
    border: 10px var(--FILTEREDf) dashed !important;
    padding: 25px !important;
}