/*
 * Prima del CSS del mockup: dentro le pagine (e nelle barre promo e mobile) ogni elemento torna agli stili del browser,
 * come nel mockup, dove Kadence non c'è. Specificità zero e posizione prima dei fogli del mockup: qualsiasi regola del
 * mockup vince, mentre gli stili di base di Kadence e WordPress (nel livello "kadence", vedi inc/assets.php) no.
 * Esclusi SVG, immagini e video: "all: revert" annullerebbe i loro attributi di presentazione (d, fill, width, height).
 */
:where(.paradiso-main, .promo, .mbar) :where(*:not(svg, svg *, img, picture, video, iframe)),
:where(.promo, .mbar) {
	all: revert;
}
/* WordPress (6.7+) dà alle immagini lazy con sizes="auto" una misura di riserva di 3000×1500: dove l'altezza dipende
   dall'immagine (es. la foto grande di .grid-photos) la riga diventerebbe alta 1500 px. Nel mockup non c'è.
   Stessa specificità della regola di WordPress (img:is([sizes=auto])), che esce prima: vince questa. */
.paradiso-main img,
.promo img,
.mbar img {
	contain-intrinsic-size: none;
}
/* "all: revert" toglie anche l'effetto dell'attributo hidden (per Chrome è uno stile dell'autore): torna qui, sempre a
   specificità zero, così come nel mockup qualsiasi regola con display lo supera. */
:where(.paradiso-main, .promo, .mbar) :where([hidden]),
:where(.promo, .mbar):where([hidden]) {
	display: none;
}