/* Mode fosc (Partycipem Core): inversió del color de tota la pàgina — fons negre i lletres clares — que es torna a invertir a les imatges,
   vídeos, mapes i fons amb imatge perquè es vegin amb el seu aspecte real. Cobreix tots els plugins i temes sense tocar-los. */
html[data-pc-tema="fosc"]{background:#fff;filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(1.02);color-scheme:dark}
html[data-pc-tema="fosc"] img,
html[data-pc-tema="fosc"] video,
html[data-pc-tema="fosc"] canvas,
html[data-pc-tema="fosc"] picture,
html[data-pc-tema="fosc"] iframe,
html[data-pc-tema="fosc"] embed,
html[data-pc-tema="fosc"] object,
html[data-pc-tema="fosc"] .leaflet-container,
html[data-pc-tema="fosc"] [style*="background-image"],
html[data-pc-tema="fosc"] [style*="url("],
html[data-pc-tema="fosc"] .pc-no-fosc{filter:invert(1) hue-rotate(180deg) contrast(.98) brightness(1.09)}
/* Les imatges dins d'un fons que ja s'ha tornat a invertir no s'han de tornar a girar. */
html[data-pc-tema="fosc"] [style*="background-image"] img,
html[data-pc-tema="fosc"] [style*="url("] img,
html[data-pc-tema="fosc"] .pc-no-fosc img,
html[data-pc-tema="fosc"] .leaflet-container img{filter:none}
html[data-pc-tema="fosc"] ::selection{background:#4d6fff;color:#fff}
/* Botó */
.pc-fosc-boto{cursor:pointer}
button.pc-fosc-boto{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px 12px;font:inherit;color:inherit;text-align:left;border-radius:10px}
button.pc-fosc-boto:hover{background:rgba(0,0,0,.06)}
button.pc-fosc-boto::before{content:"◐";font-size:18px;line-height:1;width:24px;text-align:center}
html[data-pc-tema="fosc"] button.pc-fosc-boto::before{content:"◑"}
/* Capes fosques d'origen (tauler de WordPress i bandes de cobertura): es tornen a invertir per quedar com sempre, fosques. */
html[data-pc-tema="fosc"] #adminmenuwrap,
html[data-pc-tema="fosc"] #adminmenuback,
html[data-pc-tema="fosc"] #wpadminbar{filter:invert(1) hue-rotate(180deg) contrast(.98) brightness(1.09)}
/* Les cortines de fons (modals, cookies) són negres semitransparents: invertides es veurien com una boira clara; es compensen. */
html[data-pc-tema="fosc"] dialog::backdrop,
html[data-pc-tema="fosc"] ::backdrop{background:rgba(255,255,255,.55)}
html[data-pc-tema="fosc"] #pw-cc-pantalla{background:rgba(255,255,255,.55)}